@charset "UTF-8";
/* https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/ */
/* https://www.browserstack.com/guide/ideal-screen-sizes-for-responsive-design */
/*$c-dark-blue: #0A4C73;*/
/*$c-dark-1: $c-dark-blue;
$c-mid-1: $c-dark-red;
$c-mid-2: $c-light-green;
$c-mid-2-light: rgba(87,100,140,.25);
$c-mid-3: #F4ED6E;
$c-light-1: $c-light-red;
$c-light-2: #E5E5E5;
$c-light-3: #F0F0F0;*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes anim-up {
  from {
    transform: translateY(100px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-down {
  from {
    transform: translateY(-60px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
* {
  margin: 0;
  padding: 0;
}

body,
text,
textarea,
input[type=text],
button,
*:empty:not(:focus):before {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  color: #005687;
}

ul {
  list-style: none;
}

a {
  /*color: $c-light-red;*/
  color: #32bee1;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.hide,
.persistent-hide {
  display: none !important;
}

/* https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 60px white inset !important;
}

*:empty:not(:focus):before {
  content: attr(data-placeholder);
  font-weight: 400;
  /*color: $c-light-1;*/
  color: #969696;
  pointer-events: none;
}

input.toggle {
  display: none;
}

input.toggle + label {
  display: block;
  position: relative;
  width: 40px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #969696;
  margin: 15px auto 0px auto;
  background-color: #969696;
  cursor: pointer;
  transition: background-color 0.25s, border-color 0.25s;
}

input.toggle:checked + label {
  /*border-color: $c-dark-blue;*/
  background-color: transparent;
}

input.toggle:checked + label[for=status--1] {
  /*border-color: $c-mid-yellow;*/
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
}

input.toggle:checked + label[for=status-0] {
  /*border-color: $c-mid-yellow;*/
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.25) 3px, rgba(255, 193, 14, 0.25) 6px);
}

input.toggle:checked + label[for=status-1] {
  /*border-color: $c-light-blue;*/
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.25) 3px, rgba(50, 190, 225, 0.25) 6px);
}

input.toggle:checked + label[for=status-2] {
  /*border-color: $c-light-blue;*/
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
}

input.toggle + label::after {
  content: attr(data-content);
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  margin: -1px 0 0 -1px;
  background-color: #fff;
  border: 1px solid #969696;
  border-radius: 20px;
  font-size: 8px;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  color: #969696;
  transition: transform 0.25s;
}

input.toggle:checked + label::after {
  transform: translate(20px, 0);
  background-color: #005687;
  border-color: #005687;
  color: #fff;
}

input.toggle:disabled + label {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}

input.toggle:disabled + label::after {
  color: #e5e5e5;
  background-color: #fff;
  border-color: #e5e5e5;
}

/* https://loading.io/css/ */
.lds-ellipsis {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: auto;
  text-align: center;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  /*background: $c-mid-2;*/
  background: #969696;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

nav#languages .lds-ellipsis {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -33%);
}
nav#languages .lds-ellipsis div {
  background: #fff;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.sticky {
  position: sticky !important;
  top: 0;
  left: 0;
}

.errormessage {
  font-size: 12px;
  line-height: 1.3em;
  color: #a51e41;
}
.errormessage.lead {
  font-size: 16px;
}

.btn-1 {
  display: inline-block;
  line-height: initial;
  font-size: 0.875rem;
  font-weight: 700;
  height: 2.5rem;
  padding: 0 0.8rem;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  transition-duration: 50ms;
  transition-timing-function: ease-in;
  white-space: nowrap;
  letter-spacing: 0;
  cursor: pointer;
}

.btn-1-secondary {
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #005687 !important;
  color: #005687 !important;
}

.btn-1 a {
  color: #005687 !important;
}

.pt-40 {
  padding-top: 40px;
}

.pb-20 {
  padding-bottom: 20px;
}

/* GOOGLE TRANSLATE BASIC STYLING */
li.googletranslator .skiptranslate .goog-te-gadget-simple {
  border: none;
}

.status-0 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
}

.status-1 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
}

.status-2 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
}

.loader {
  display: block;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.loader::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
footer h4 {
  height: 45px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  line-height: 45px;
  color: #969696;
}
footer menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, 150px);
  grid-auto-rows: 1fr;
  column-gap: 15px;
  row-gap: 15px;
  align-items: center;
  justify-content: center;
  padding: 0 0 30px 0;
  margin: auto;
}
footer menu li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  list-style: none;
  font-size: 20px;
  text-align: center;
  overflow: hidden;
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgb(255, 255, 255) 3px, rgb(255, 255, 255) 6px);
}
footer menu li h3 {
  padding: 5px;
  font-size: 16px;
  line-height: 1.3em;
  z-index: 10;
  color: #0468b1;
}

.m-0 {
  margin: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.ms-0 {
  margin-left: 0rem !important;
}

.me-0 {
  margin-right: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mx-0 {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.ps-0 {
  padding-left: 0rem !important;
}

.pe-0 {
  padding-right: 0rem !important;
}

.px-0 {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.h-0 {
  height: 0px !important;
}

.fs-0 {
  font-size: 0px !important;
}

.ly-0 {
  line-height: 0rem !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.h-1 {
  height: 100px !important;
}

.fs-1 {
  font-size: 1px !important;
}

.ly-1 {
  line-height: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.h-2 {
  height: 200px !important;
}

.fs-2 {
  font-size: 2px !important;
}

.ly-2 {
  line-height: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.ms-3 {
  margin-left: 0.75rem !important;
}

.me-3 {
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mx-3 {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.ps-3 {
  padding-left: 0.75rem !important;
}

.pe-3 {
  padding-right: 0.75rem !important;
}

.px-3 {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.h-3 {
  height: 300px !important;
}

.fs-3 {
  font-size: 3px !important;
}

.ly-3 {
  line-height: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.ms-4 {
  margin-left: 1rem !important;
}

.me-4 {
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-4 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.ps-4 {
  padding-left: 1rem !important;
}

.pe-4 {
  padding-right: 1rem !important;
}

.px-4 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.h-4 {
  height: 400px !important;
}

.fs-4 {
  font-size: 4px !important;
}

.ly-4 {
  line-height: 1rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.ms-5 {
  margin-left: 1.25rem !important;
}

.me-5 {
  margin-right: 1.25rem !important;
}

.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mx-5 {
  margin-right: 1.25rem !important;
  margin-left: 1.25rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.ps-5 {
  padding-left: 1.25rem !important;
}

.pe-5 {
  padding-right: 1.25rem !important;
}

.px-5 {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}

.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.h-5 {
  height: 500px !important;
}

.fs-5 {
  font-size: 5px !important;
}

.ly-5 {
  line-height: 1.25rem !important;
}

.m-6 {
  margin: 1.5rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.ms-6 {
  margin-left: 1.5rem !important;
}

.me-6 {
  margin-right: 1.5rem !important;
}

.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx-6 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.pt-6 {
  padding-top: 1.5rem !important;
}

.ps-6 {
  padding-left: 1.5rem !important;
}

.pe-6 {
  padding-right: 1.5rem !important;
}

.px-6 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.h-6 {
  height: 600px !important;
}

.fs-6 {
  font-size: 6px !important;
}

.ly-6 {
  line-height: 1.5rem !important;
}

.m-7 {
  margin: 1.75rem !important;
}

.mb-7 {
  margin-bottom: 1.75rem !important;
}

.mt-7 {
  margin-top: 1.75rem !important;
}

.ms-7 {
  margin-left: 1.75rem !important;
}

.me-7 {
  margin-right: 1.75rem !important;
}

.my-7 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.mx-7 {
  margin-right: 1.75rem !important;
  margin-left: 1.75rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.pb-7 {
  padding-bottom: 1.75rem !important;
}

.pt-7 {
  padding-top: 1.75rem !important;
}

.ps-7 {
  padding-left: 1.75rem !important;
}

.pe-7 {
  padding-right: 1.75rem !important;
}

.px-7 {
  padding-right: 1.75rem !important;
  padding-left: 1.75rem !important;
}

.py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.h-7 {
  height: 700px !important;
}

.fs-7 {
  font-size: 7px !important;
}

.ly-7 {
  line-height: 1.75rem !important;
}

.m-8 {
  margin: 2rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.ms-8 {
  margin-left: 2rem !important;
}

.me-8 {
  margin-right: 2rem !important;
}

.my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mx-8 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.ps-8 {
  padding-left: 2rem !important;
}

.pe-8 {
  padding-right: 2rem !important;
}

.px-8 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.h-8 {
  height: 800px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.ly-8 {
  line-height: 2rem !important;
}

.m-9 {
  margin: 2.25rem !important;
}

.mb-9 {
  margin-bottom: 2.25rem !important;
}

.mt-9 {
  margin-top: 2.25rem !important;
}

.ms-9 {
  margin-left: 2.25rem !important;
}

.me-9 {
  margin-right: 2.25rem !important;
}

.my-9 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}

.mx-9 {
  margin-right: 2.25rem !important;
  margin-left: 2.25rem !important;
}

.p-9 {
  padding: 2.25rem !important;
}

.pb-9 {
  padding-bottom: 2.25rem !important;
}

.pt-9 {
  padding-top: 2.25rem !important;
}

.ps-9 {
  padding-left: 2.25rem !important;
}

.pe-9 {
  padding-right: 2.25rem !important;
}

.px-9 {
  padding-right: 2.25rem !important;
  padding-left: 2.25rem !important;
}

.py-9 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

.h-9 {
  height: 900px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.ly-9 {
  line-height: 2.25rem !important;
}

.m-10 {
  margin: 2.5rem !important;
}

.mb-10 {
  margin-bottom: 2.5rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.ms-10 {
  margin-left: 2.5rem !important;
}

.me-10 {
  margin-right: 2.5rem !important;
}

.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mx-10 {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.pb-10 {
  padding-bottom: 2.5rem !important;
}

.pt-10 {
  padding-top: 2.5rem !important;
}

.ps-10 {
  padding-left: 2.5rem !important;
}

.pe-10 {
  padding-right: 2.5rem !important;
}

.px-10 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}

.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.h-10 {
  height: 1000px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.ly-10 {
  line-height: 2.5rem !important;
}

.m-11 {
  margin: 2.75rem !important;
}

.mb-11 {
  margin-bottom: 2.75rem !important;
}

.mt-11 {
  margin-top: 2.75rem !important;
}

.ms-11 {
  margin-left: 2.75rem !important;
}

.me-11 {
  margin-right: 2.75rem !important;
}

.my-11 {
  margin-top: 2.75rem !important;
  margin-bottom: 2.75rem !important;
}

.mx-11 {
  margin-right: 2.75rem !important;
  margin-left: 2.75rem !important;
}

.p-11 {
  padding: 2.75rem !important;
}

.pb-11 {
  padding-bottom: 2.75rem !important;
}

.pt-11 {
  padding-top: 2.75rem !important;
}

.ps-11 {
  padding-left: 2.75rem !important;
}

.pe-11 {
  padding-right: 2.75rem !important;
}

.px-11 {
  padding-right: 2.75rem !important;
  padding-left: 2.75rem !important;
}

.py-11 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

.h-11 {
  height: 1100px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.ly-11 {
  line-height: 2.75rem !important;
}

.m-12 {
  margin: 3rem !important;
}

.mb-12 {
  margin-bottom: 3rem !important;
}

.mt-12 {
  margin-top: 3rem !important;
}

.ms-12 {
  margin-left: 3rem !important;
}

.me-12 {
  margin-right: 3rem !important;
}

.my-12 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx-12 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.p-12 {
  padding: 3rem !important;
}

.pb-12 {
  padding-bottom: 3rem !important;
}

.pt-12 {
  padding-top: 3rem !important;
}

.ps-12 {
  padding-left: 3rem !important;
}

.pe-12 {
  padding-right: 3rem !important;
}

.px-12 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.h-12 {
  height: 1200px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.ly-12 {
  line-height: 3rem !important;
}

.m-13 {
  margin: 3.25rem !important;
}

.mb-13 {
  margin-bottom: 3.25rem !important;
}

.mt-13 {
  margin-top: 3.25rem !important;
}

.ms-13 {
  margin-left: 3.25rem !important;
}

.me-13 {
  margin-right: 3.25rem !important;
}

.my-13 {
  margin-top: 3.25rem !important;
  margin-bottom: 3.25rem !important;
}

.mx-13 {
  margin-right: 3.25rem !important;
  margin-left: 3.25rem !important;
}

.p-13 {
  padding: 3.25rem !important;
}

.pb-13 {
  padding-bottom: 3.25rem !important;
}

.pt-13 {
  padding-top: 3.25rem !important;
}

.ps-13 {
  padding-left: 3.25rem !important;
}

.pe-13 {
  padding-right: 3.25rem !important;
}

.px-13 {
  padding-right: 3.25rem !important;
  padding-left: 3.25rem !important;
}

.py-13 {
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
}

.h-13 {
  height: 1300px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.ly-13 {
  line-height: 3.25rem !important;
}

.m-14 {
  margin: 3.5rem !important;
}

.mb-14 {
  margin-bottom: 3.5rem !important;
}

.mt-14 {
  margin-top: 3.5rem !important;
}

.ms-14 {
  margin-left: 3.5rem !important;
}

.me-14 {
  margin-right: 3.5rem !important;
}

.my-14 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.mx-14 {
  margin-right: 3.5rem !important;
  margin-left: 3.5rem !important;
}

.p-14 {
  padding: 3.5rem !important;
}

.pb-14 {
  padding-bottom: 3.5rem !important;
}

.pt-14 {
  padding-top: 3.5rem !important;
}

.ps-14 {
  padding-left: 3.5rem !important;
}

.pe-14 {
  padding-right: 3.5rem !important;
}

.px-14 {
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
}

.py-14 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.h-14 {
  height: 1400px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.ly-14 {
  line-height: 3.5rem !important;
}

.m-15 {
  margin: 3.75rem !important;
}

.mb-15 {
  margin-bottom: 3.75rem !important;
}

.mt-15 {
  margin-top: 3.75rem !important;
}

.ms-15 {
  margin-left: 3.75rem !important;
}

.me-15 {
  margin-right: 3.75rem !important;
}

.my-15 {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

.mx-15 {
  margin-right: 3.75rem !important;
  margin-left: 3.75rem !important;
}

.p-15 {
  padding: 3.75rem !important;
}

.pb-15 {
  padding-bottom: 3.75rem !important;
}

.pt-15 {
  padding-top: 3.75rem !important;
}

.ps-15 {
  padding-left: 3.75rem !important;
}

.pe-15 {
  padding-right: 3.75rem !important;
}

.px-15 {
  padding-right: 3.75rem !important;
  padding-left: 3.75rem !important;
}

.py-15 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

.h-15 {
  height: 1500px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.ly-15 {
  line-height: 3.75rem !important;
}

.m-16 {
  margin: 4rem !important;
}

.mb-16 {
  margin-bottom: 4rem !important;
}

.mt-16 {
  margin-top: 4rem !important;
}

.ms-16 {
  margin-left: 4rem !important;
}

.me-16 {
  margin-right: 4rem !important;
}

.my-16 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mx-16 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.p-16 {
  padding: 4rem !important;
}

.pb-16 {
  padding-bottom: 4rem !important;
}

.pt-16 {
  padding-top: 4rem !important;
}

.ps-16 {
  padding-left: 4rem !important;
}

.pe-16 {
  padding-right: 4rem !important;
}

.px-16 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.h-16 {
  height: 1600px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.ly-16 {
  line-height: 4rem !important;
}

.m-17 {
  margin: 4.25rem !important;
}

.mb-17 {
  margin-bottom: 4.25rem !important;
}

.mt-17 {
  margin-top: 4.25rem !important;
}

.ms-17 {
  margin-left: 4.25rem !important;
}

.me-17 {
  margin-right: 4.25rem !important;
}

.my-17 {
  margin-top: 4.25rem !important;
  margin-bottom: 4.25rem !important;
}

.mx-17 {
  margin-right: 4.25rem !important;
  margin-left: 4.25rem !important;
}

.p-17 {
  padding: 4.25rem !important;
}

.pb-17 {
  padding-bottom: 4.25rem !important;
}

.pt-17 {
  padding-top: 4.25rem !important;
}

.ps-17 {
  padding-left: 4.25rem !important;
}

.pe-17 {
  padding-right: 4.25rem !important;
}

.px-17 {
  padding-right: 4.25rem !important;
  padding-left: 4.25rem !important;
}

.py-17 {
  padding-top: 4.25rem !important;
  padding-bottom: 4.25rem !important;
}

.h-17 {
  height: 1700px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.ly-17 {
  line-height: 4.25rem !important;
}

.m-18 {
  margin: 4.5rem !important;
}

.mb-18 {
  margin-bottom: 4.5rem !important;
}

.mt-18 {
  margin-top: 4.5rem !important;
}

.ms-18 {
  margin-left: 4.5rem !important;
}

.me-18 {
  margin-right: 4.5rem !important;
}

.my-18 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.mx-18 {
  margin-right: 4.5rem !important;
  margin-left: 4.5rem !important;
}

.p-18 {
  padding: 4.5rem !important;
}

.pb-18 {
  padding-bottom: 4.5rem !important;
}

.pt-18 {
  padding-top: 4.5rem !important;
}

.ps-18 {
  padding-left: 4.5rem !important;
}

.pe-18 {
  padding-right: 4.5rem !important;
}

.px-18 {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}

.py-18 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.h-18 {
  height: 1800px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.ly-18 {
  line-height: 4.5rem !important;
}

.m-19 {
  margin: 4.75rem !important;
}

.mb-19 {
  margin-bottom: 4.75rem !important;
}

.mt-19 {
  margin-top: 4.75rem !important;
}

.ms-19 {
  margin-left: 4.75rem !important;
}

.me-19 {
  margin-right: 4.75rem !important;
}

.my-19 {
  margin-top: 4.75rem !important;
  margin-bottom: 4.75rem !important;
}

.mx-19 {
  margin-right: 4.75rem !important;
  margin-left: 4.75rem !important;
}

.p-19 {
  padding: 4.75rem !important;
}

.pb-19 {
  padding-bottom: 4.75rem !important;
}

.pt-19 {
  padding-top: 4.75rem !important;
}

.ps-19 {
  padding-left: 4.75rem !important;
}

.pe-19 {
  padding-right: 4.75rem !important;
}

.px-19 {
  padding-right: 4.75rem !important;
  padding-left: 4.75rem !important;
}

.py-19 {
  padding-top: 4.75rem !important;
  padding-bottom: 4.75rem !important;
}

.h-19 {
  height: 1900px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.ly-19 {
  line-height: 4.75rem !important;
}

.m-20 {
  margin: 5rem !important;
}

.mb-20 {
  margin-bottom: 5rem !important;
}

.mt-20 {
  margin-top: 5rem !important;
}

.ms-20 {
  margin-left: 5rem !important;
}

.me-20 {
  margin-right: 5rem !important;
}

.my-20 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mx-20 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.p-20 {
  padding: 5rem !important;
}

.pb-20 {
  padding-bottom: 5rem !important;
}

.pt-20 {
  padding-top: 5rem !important;
}

.ps-20 {
  padding-left: 5rem !important;
}

.pe-20 {
  padding-right: 5rem !important;
}

.px-20 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.py-20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.h-20 {
  height: 2000px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.ly-20 {
  line-height: 5rem !important;
}

/*$c-dark-blue: #0A4C73;*/
/*$c-dark-1: $c-dark-blue;
$c-mid-1: $c-dark-red;
$c-mid-2: $c-light-green;
$c-mid-2-light: rgba(87,100,140,.25);
$c-mid-3: #F4ED6E;
$c-light-1: $c-light-red;
$c-light-2: #E5E5E5;
$c-light-3: #F0F0F0;*/
@media print {
  html,
  body {
    font-size: 11pt;
    line-height: 1.5em;
  }
  .xs,
  .sm,
  .m {
    display: none;
  }
  .no-bg {
    background-color: transparent !important;
  }
  .add-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 20px;
    background-color: #969696;
    color: #fff;
    font-size: 14pt;
    line-height: 19px;
    text-align: center;
    vertical-align: text-top;
  }
  /*.pagedjs_page {
  	margin: auto;
  }*/
}
.document.print {
  border: none;
  margin: auto;
  width: 100%;
  box-sizing: border-box;
}
.document.print article.card {
  display: inline-block;
  position: relative;
  width: 300px;
  padding: 0 15px 30px 15px;
  margin: 30px 15px;
  /*border: 1px solid $c-light-2;*/
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: top;
}
.document.print article.card img {
  width: 300px;
  margin-left: -15px;
}
.document.print article.card .meta {
  margin: 5px 0;
}
.document.print article.card .media-source {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 10px;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  color: #969696;
  font-size: 8pt;
  line-height: 1.3em;
  background-color: #fff;
}
.document.print article.card .media-title {
  font-size: 18pt;
  line-height: 1.2em;
  margin: 10px 0 0 0;
  text-align: left;
}
.document.print article.card .meta-contributor {
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 10pt;
  line-height: 1.5em;
  color: #32bee1;
}
.document.print article.card .meta-contributor::after {
  content: ", ";
}
.document.print article.card .meta-date {
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 10pt;
  line-height: 1.5em;
  color: #0468b1;
}
.document.print article.card .tag-group .meta-tags {
  margin-left: -2px;
}
.document.print article.card .tag-group .meta-tags .tag {
  display: inline-block;
  border: none;
  padding: 0 10px;
  margin: 0 2.5px 2.5px 0;
  background-color: #e5e5e5;
  border-radius: calc(9pt * 1.75);
  font-size: 9pt;
  line-height: 1.75em;
  color: #646464;
}
.document.print article.card .tag-group .meta-tags .tag label {
  cursor: pointer;
}
.document.print article.card .tag-group .meta-sdgs {
  font-size: 9pt;
  line-height: 1.5em;
}
.document.print article.card .tag-group .meta-sdgs span.sdg-label {
  margin-right: 5px;
  color: #969696;
}
.document.print article.card .tag-group .meta-sdgs span.sdg {
  display: inline-block;
  margin: 0 5px;
  font-size: 10pt;
  line-height: 1.2em;
  font-weight: bold;
  color: #32bee1;
}
.document.print article.card .media-txt {
  margin: 10px 0;
}
.document.print article.card .meta-source {
  display: block;
  font-size: 8pt;
  line-height: 1.3em;
  color: #969696;
}

.goog-te-gadget-simple {
  width: 0px !important;
  pointer-events: all;
}

.googletranslator {
  padding-left: 0;
  pointer-events: all;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
  margin-top: 30px !important;
}

.VIpgJd-ZVi9od-xl07Ob-OEVmcd {
  top: 40px !important;
  max-width: 100vw !important;
}

.VIpgJd-ZVi9od-vH1Gmf {
  max-width: 100vw !important;
}

#goog-gt-tt {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-size: 12px !important;
}

#gtranslate-dummy-lang {
  width: 100px !important;
}

.toast {
  position: fixed;
  top: 25px;
  right: 25px;
  max-width: 300px;
  background: #fff;
  padding: 0.5rem;
  border-radius: 4px;
  box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.3);
  z-index: 10001;
  animation: slideInRight 0.3s ease-in-out forwards, fadeOut 0.5s ease-in-out forwards 3s;
  transform: translateX(110%);
}

.toast.closing {
  animation: slideOutRight 0.5s ease-in-out forwards;
}

.toast-progress {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: #b7b7b7;
  animation: toastProgress 3s ease-in-out forwards;
}

.toast-content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.toast-icon {
  padding: 0.35rem 0.5rem;
  font-size: 1.5rem;
}

.toast-message {
  flex: 1;
  font-size: 0.9rem;
  color: #000000;
  padding: 0.5rem;
}

.toast.toast-success {
  background: #b4dc28;
}

.toast.toast-success .toast-progress {
  background-color: #fff;
}

.toast.toast-danger {
  background: #efaca5;
}

.toast.toast-danger .toast-progress {
  background-color: #fff;
}

.toast.toast-info {
  background: #bddaed;
}

.toast.toast-info .toast-progress {
  background-color: #fff;
}

.toast.toast-warning {
  background: #ead994;
}

.toast.toast-warning .toast-progress {
  background-color: #fff;
}

@keyframes slideInRight {
  0% {
    transform: translateX(110%);
  }
  75% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0%);
  }
  25% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(110%);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes toastProgress {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip i {
  font-family: Lucida Console, monospace;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #969696;
  color: #FFF;
  text-align: center;
  line-height: 15px;
  font-size: 9pt;
  cursor: default;
}
.tooltip .tooltiptext {
  display: none;
  max-width: 300px;
  min-width: 150px;
  background-color: #e5e5e5;
  color: #000;
  text-align: center;
  padding: 7.5px;
  position: absolute;
  z-index: 1;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 9pt;
  line-height: 1.3em;
  z-index: 1000;
}
.tooltip:hover .tooltiptext {
  display: block;
}

/*.tooltip .tooltiptext::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}*/
/* Extra small devices */
@media screen and (max-width: 767px) {
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  html,
  body {
    font-size: 20px;
    line-height: 1.3em;
  }
  .sm:not(.xs),
  .m:not(.xs),
  .lg:not(.xs),
  .xl:not(.xs),
  .xxl:not(.xs) {
    display: none !important;
  }
  .modal {
    width: 300px;
    flex-shrink: 1;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 14px;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
    overflow-y: auto;
    max-height: 85vh;
  }
  .modal .inner * {
    padding: 5px;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 20px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 14px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
  }
  .modal .inner ul li button {
    width: 100%;
    min-height: 45px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub {
    font-size: 14px;
    color: #969696;
  }
  .modal .inner ul li button.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 36px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 20px;
    color: #ffc10e;
    transform: translateY(calc(20px));
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 14px;
    transform: translateY(0px);
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 20px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li:hover button {
    background-color: #005687;
    color: #fff;
  }
  .modal .inner .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .inner .foot button {
    border: none;
    outline: none;
    height: 45px;
    width: 100%;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 20px;
    background-color: #e5e5e5;
    color: #333d51;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner .foot button:hover {
    background-color: #333d51;
    color: #fff;
  }
  .add-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 20px;
    background-color: #969696;
    color: #fff;
    font-size: 24px;
    line-height: 19px;
    text-align: center;
    vertical-align: text-top;
  }
  input.toggle + label {
    display: block;
    position: relative;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #969696;
    margin: 15px auto 0px auto;
    background-color: #969696;
    cursor: pointer;
    transition: background-color 0.25s, border-color 0.25s;
  }
  input.toggle + label::after {
    content: attr(data-content);
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    margin: -1px 0 0 -1px;
    background-color: #fff;
    border: 1px solid #969696;
    border-radius: 30px;
    font-size: 8px;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    color: #969696;
    transition: transform 0.25s;
  }
  input.toggle:checked + label::after {
    transform: translate(30px, 0);
    background-color: #005687;
    border-color: #005687;
    color: #fff;
  }
  input.toggle:disabled + label {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  input.toggle:disabled + label::after {
    color: #e5e5e5;
    background-color: #fff;
    border-color: #e5e5e5;
  }
  .engagement-group {
    margin-top: 10px;
  }
  .engagement-group.page-stats {
    margin-top: 0;
  }
  .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    color: #969696;
    user-select: none;
  }
  .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  .engagement-group {
    margin-top: 10px;
  }
  .engagement-group.page-stats {
    margin-top: 0;
  }
  .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .engagement-group .engagement img {
    vertical-align: middle;
    width: 45px;
    height: 45px;
    cursor: pointer;
  }
  .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    color: #969696;
    user-select: none;
  }
  .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  li.menu-container {
    min-width: 100px;
    width: auto !important;
    height: 30px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
    text-align: left;
    margin-left: 15px;
  }
  li.menu-container .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
    background-color: white;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000000;
    text-align: start;
  }
  li.menu-container .dropdown ul li {
    display: block;
    width: 100% !important;
    min-height: 45px !important;
  }
  li.menu-container .dropdown ul li a {
    text-decoration: none;
  }
  li.menu-container .dropdown ul li a button {
    display: block;
    padding: 0 15px;
    font-size: 20px;
    text-transform: none;
    color: #969696 !important;
    width: 100%;
    min-height: 45px;
    margin: 0;
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
  }
  li.menu-container .dropdown ul li a button:hover {
    background-color: #e5e5e5 !important;
  }
  li.menu-container:hover .dropdown-content,
  li.menu-container .dropdown-content:hover {
    display: block;
  }
  li.menu-container .hamburger-icon {
    font-size: 12px;
    cursor: pointer;
    padding-right: 20px;
  }
  nav#languages {
    position: fixed;
    display: flex;
    width: 100vw;
    height: 45px;
    top: 0;
    font-size: 14px;
    background-color: #005687;
    text-align: center;
    z-index: 100000;
  }
  nav#languages menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    transition: transform 0.25s;
  }
  nav#languages menu.squeeze {
    transform: scaleX(0);
  }
  nav#languages menu li {
    display: inline-block;
    min-width: 30px;
    height: 45px;
    line-height: 45px;
  }
  nav#languages menu li a {
    color: #fff;
  }
  nav#languages menu li a.active {
    color: #b4dc28;
    text-decoration: underline;
  }
  nav#languages menu li.home-btn {
    flex-grow: 1;
    padding-left: 15px;
    white-space: nowrap;
    text-align: left;
  }
  nav#languages menu li.home-btn a {
    color: #b4dc28;
  }
  nav#languages menu li.menu-container {
    margin-left: 100px;
  }
  nav#languages menu li.menu-container .dropdown ul li a button {
    font-size: 16px;
  }
  nav#languages menu li.options {
    flex-grow: 1;
  }
  nav#languages menu li.options ul li {
    display: inline-block;
  }
  nav#languages menu li.disabled a {
    color: #646464;
    cursor: default;
  }
  nav#languages menu li.disabled a.active {
    text-decoration: underline;
  }
  nav#languages menu li.user-id {
    flex-grow: 1;
    padding-right: 15px;
    text-align: right;
    color: #fff;
  }
  nav#languages menu li.user-id u {
    color: #b4dc28;
  }
  button#expand-nav {
    position: fixed;
    display: block;
    top: 15px;
    left: 15px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    z-index: 100000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    cursor: pointer;
  }
  button#expand-nav .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  button#expand-nav .l1 {
    width: 20px;
    transform: translate(20px, 22.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav .l2 {
    width: 15px;
    transform: translate(22.5px, 27.5px) rotate(0deg);
    transform-origin: center;
  }
  button#expand-nav .l3 {
    width: 10px;
    transform: translate(25px, 32.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav.close .l1 {
    width: 25px;
    transform: translate(17.5px, 27.5px) rotate(-45deg);
    transform-origin: center;
  }
  button#expand-nav.close .l2 {
    width: 0;
    transform: translate(30px, 30px) rotate(0deg);
  }
  button#expand-nav.close .l3 {
    width: 25px;
    transform: translate(17.5px, 27.5px) rotate(45deg);
    transform-origin: center;
  }
  nav.tabs,
  nav.pinboard-sections {
    width: 100%;
    height: 60px;
    margin-left: -15px;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 100;
  }
  nav.tabs .inner,
  nav.pinboard-sections .inner {
    width: 100%;
  }
  nav.tabs .inner .xs,
  nav.pinboard-sections .inner .xs {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  nav.tabs .inner .xs .spaces,
  nav.pinboard-sections .inner .xs .spaces {
    flex-grow: 1;
  }
  nav.tabs .inner .xs .spaces button.space,
  nav.pinboard-sections .inner .xs .spaces button.space {
    float: left;
    position: relative;
    width: calc(100% - 60px);
    height: 60px;
    border: none;
    outline: none;
    padding-left: 60px;
    background-color: transparent;
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
  }
  nav.tabs .inner .xs .spaces button.space::after,
  nav.pinboard-sections .inner .xs .spaces button.space::after {
    content: ">";
    position: absolute;
    top: 18px;
    margin-left: 15px;
    color: #969696;
    text-align: center;
    transition: transform 0.25s;
    transform-origin: center;
    font-weight: normal;
    font-size: 20px;
  }
  nav.tabs .inner .xs .spaces .count,
  nav.pinboard-sections .inner .xs .spaces .count {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 0 15px;
    color: #969696;
  }
  nav.tabs .inner .xs .spaces .count::before,
  nav.pinboard-sections .inner .xs .spaces .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner .xs .spaces.open button.space::after,
  nav.pinboard-sections .inner .xs .spaces.open button.space::after {
    transform: rotate(90deg);
  }
  nav.tabs .inner .xs .spaces .dropdown,
  nav.pinboard-sections .inner .xs .spaces .dropdown {
    position: absolute;
    width: calc(100% - 60px);
    max-height: 0;
    left: 30px;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs .inner .xs .spaces .dropdown menu,
  nav.tabs .inner .xs .spaces .dropdown ul,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul {
    width: 100%;
    border-top: 1px solid #005687;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li,
  nav.tabs .inner .xs .spaces .dropdown ul li,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li {
    position: relative;
    min-height: 45px;
    display: block;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li a,
  nav.tabs .inner .xs .spaces .dropdown ul li a,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li a,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li a {
    display: block;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li a:hover,
  nav.tabs .inner .xs .spaces .dropdown ul li a:hover,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li a:hover,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li a:hover {
    text-decoration: none;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li button,
  nav.tabs .inner .xs .spaces .dropdown ul li button,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li button,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 45px;
    padding: 0;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    font-weight: normal;
    cursor: pointer;
    overflow: hidden;
    padding: 0 30px;
    text-align: left;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li button.add,
  nav.tabs .inner .xs .spaces .dropdown ul li button.add,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li button.add,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li button.add {
    display: none;
    width: 30px;
    height: 30px;
    /* margin: 10px 5px 0 -5px; */
    background: url("../imgs/icons/i-add.svg") no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li button div,
  nav.tabs .inner .xs .spaces .dropdown ul li button div,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li button div,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li button div {
    display: inline-block;
    outline: none;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li button .count::before,
  nav.tabs .inner .xs .spaces .dropdown ul li button .count::before,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li button .count::before,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li button .count::before {
    content: none;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li button:hover,
  nav.tabs .inner .xs .spaces .dropdown menu li input[type=text]:hover:not(:focus),
  nav.tabs .inner .xs .spaces .dropdown ul li button:hover,
  nav.tabs .inner .xs .spaces .dropdown ul li input[type=text]:hover:not(:focus),
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li button:hover,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li input[type=text]:hover:not(:focus),
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li button:hover,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li input[type=text]:hover:not(:focus) {
    background-color: #e5e5e5 !important;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li input[type=text],
  nav.tabs .inner .xs .spaces .dropdown ul li input[type=text],
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li input[type=text],
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li input[type=text] {
    position: relative;
    width: calc(100% - 60px);
    height: 38px;
    padding: 7px 30px 0 30px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    color: #005687;
    text-align: left;
    border-bottom: 1px solid #fff;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li input[type=text]:focus,
  nav.tabs .inner .xs .spaces .dropdown ul li input[type=text]:focus,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li input[type=text]:focus,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li input[type=text]:focus {
    border-bottom: 1px solid #969696;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li label,
  nav.tabs .inner .xs .spaces .dropdown ul li label,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li label,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li label {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 85px);
    left: 30px;
    top: 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(10px);
    transition: transform 0.25s, font-size 0.25s;
    text-align: left;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li label .count,
  nav.tabs .inner .xs .spaces .dropdown ul li label .count,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li label .count,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li label .count {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 5px 15px;
    color: #969696;
    text-align: right;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li label .count::before,
  nav.tabs .inner .xs .spaces .dropdown ul li label .count::before,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li label .count::before,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li label .count::before {
    content: none;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li label .count::after,
  nav.tabs .inner .xs .spaces .dropdown ul li label .count::after,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li label .count::after,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li label .count::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
    border: none;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li input[type=text] + label,
  nav.tabs .inner .xs .spaces .dropdown ul li input[type=text] + label,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li input[type=text] + label,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li input[type=text] + label {
    pointer-events: none;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li input[type=text]:focus + label,
  nav.tabs .inner .xs .spaces .dropdown menu li input[type=text].has-value + label,
  nav.tabs .inner .xs .spaces .dropdown ul li input[type=text]:focus + label,
  nav.tabs .inner .xs .spaces .dropdown ul li input[type=text].has-value + label,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li input[type=text]:focus + label,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li input[type=text].has-value + label,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li input[type=text]:focus + label,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li input[type=text].has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs .inner .xs .spaces .dropdown menu li input[type=text]:focus + label .count::after,
  nav.tabs .inner .xs .spaces .dropdown menu li input[type=text].has-value + label .count::after,
  nav.tabs .inner .xs .spaces .dropdown ul li input[type=text]:focus + label .count::after,
  nav.tabs .inner .xs .spaces .dropdown ul li input[type=text].has-value + label .count::after,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li input[type=text]:focus + label .count::after,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li input[type=text].has-value + label .count::after,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li input[type=text]:focus + label .count::after,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li input[type=text].has-value + label .count::after {
    top: 2px;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li .dropdown,
  nav.tabs .inner .xs .spaces .dropdown ul li .dropdown,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li .dropdown,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li .dropdown {
    position: absolute;
    width: calc(100% - 60px);
    max-height: 0;
    left: 30px;
    transform: translateX(0);
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li .dropdown menu,
  nav.tabs .inner .xs .spaces .dropdown ul li .dropdown menu,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li .dropdown menu,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li .dropdown menu {
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border-top: 2px solid #005687;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li .dropdown menu li,
  nav.tabs .inner .xs .spaces .dropdown ul li .dropdown menu li,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li .dropdown menu li,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li .dropdown menu li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 60px);
    min-height: 45px;
    margin: 0;
    padding: 5px 30px;
    text-align: left;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li .dropdown menu li a,
  nav.tabs .inner .xs .spaces .dropdown ul li .dropdown menu li a,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li .dropdown menu li a,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li .dropdown menu li a {
    display: block;
    position: static;
    width: 100%;
    color: #000000;
    font-size: 16px;
    line-height: 1.5em;
    transform: none;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li .dropdown menu li a .count,
  nav.tabs .inner .xs .spaces .dropdown ul li .dropdown menu li a .count,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li .dropdown menu li a .count,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li .dropdown menu li a .count {
    float: right;
    text-align: right;
    color: #969696;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li .dropdown menu li.highlight,
  nav.tabs .inner .xs .spaces .dropdown ul li .dropdown menu li.highlight,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li .dropdown menu li.highlight,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li .dropdown menu li.highlight {
    background-color: #32bee1;
    color: #000000;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li .dropdown menu li.highlight a .count,
  nav.tabs .inner .xs .spaces .dropdown ul li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li .dropdown menu li.highlight a .count {
    color: #fff;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li .dropdown menu li:hover,
  nav.tabs .inner .xs .spaces .dropdown ul li .dropdown menu li:hover,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li .dropdown menu li:hover,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs .inner .xs .spaces .dropdown menu li.active button,
  nav.tabs .inner .xs .spaces .dropdown ul li.active button,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li.active button,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li.active button {
    background-color: #32bee1;
    pointer-events: none;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li.active button .count,
  nav.tabs .inner .xs .spaces .dropdown ul li.active button .count,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li.active button .count,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li.active button .count {
    color: #fff;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li.active input[type=text],
  nav.tabs .inner .xs .spaces .dropdown ul li.active input[type=text],
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li.active input[type=text],
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li.editing,
  nav.tabs .inner .xs .spaces .dropdown ul li.editing,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li.editing,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li.editing {
    background-color: #e5e5e5;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li.editing a,
  nav.tabs .inner .xs .spaces .dropdown ul li.editing a,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li.editing a,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li.editing a {
    cursor: default;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li.editing button,
  nav.tabs .inner .xs .spaces .dropdown ul li.editing button,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li.editing button,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li.editing button {
    color: #005687 !important;
  }
  nav.tabs .inner .xs .spaces .dropdown menu li.editing button.add,
  nav.tabs .inner .xs .spaces .dropdown ul li.editing button.add,
  nav.pinboard-sections .inner .xs .spaces .dropdown menu li.editing button.add,
  nav.pinboard-sections .inner .xs .spaces .dropdown ul li.editing button.add {
    display: inline-block;
  }
  nav.tabs .inner .xs .spaces .btn-group,
  nav.pinboard-sections .inner .xs .spaces .btn-group {
    float: right;
  }
  nav.tabs .inner .xs .spaces .btn-group a,
  nav.pinboard-sections .inner .xs .spaces .btn-group a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 0;
    border-radius: 30px;
    border: 1px solid #969696;
    text-align: center;
  }
  nav.tabs .inner .xs .spaces .btn-group a i,
  nav.pinboard-sections .inner .xs .spaces .btn-group a i {
    line-height: 30px;
    font-size: 20px;
    color: #969696;
  }
  nav.tabs .inner .xs .spaces .btn-group a.active,
  nav.pinboard-sections .inner .xs .spaces .btn-group a.active {
    background-color: #005687;
    border-color: #005687;
  }
  nav.tabs .inner .xs .spaces .btn-group a.active i,
  nav.pinboard-sections .inner .xs .spaces .btn-group a.active i {
    color: #fff;
  }
  nav.tabs .inner .xs .btn-group,
  nav.pinboard-sections .inner .xs .btn-group {
    margin-right: 15px;
  }
  nav.tabs .inner .xs .btn-group a,
  nav.pinboard-sections .inner .xs .btn-group a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #969696;
    text-align: center;
  }
  nav.tabs .inner .xs .btn-group a i,
  nav.pinboard-sections .inner .xs .btn-group a i {
    line-height: 40px;
    font-size: 24px;
    color: #969696;
  }
  nav.tabs .inner .xs .btn-group a.active,
  nav.pinboard-sections .inner .xs .btn-group a.active {
    background-color: #005687;
    border-color: #005687;
  }
  nav.tabs .inner .xs .btn-group a.active i,
  nav.pinboard-sections .inner .xs .btn-group a.active i {
    color: #fff;
  }
  nav.tabs {
    position: fixed;
    top: 45px;
  }
  nav.pinboard-sections {
    width: calc(100vw - 30px);
    margin: 0 0 30px calc((100% - (100vw - 30px)) / 2);
  }
  nav.pinboard-sections .inner div.sm .spaces {
    position: relative;
  }
  nav.pinboard-sections .inner div.sm .spaces button.space {
    width: 100%;
    padding: 0;
  }
  nav.pinboard-sections .inner div.sm .spaces button.space div {
    display: inline-block;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu {
    justify-content: flex-start;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li {
    display: flex;
    align-items: center;
    width: 100%;
    /*div, a {
    	display: inline-block;
    }*/
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.active {
    background-color: #32bee1;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.active > div {
    width: 45px;
    text-align: center;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.active > div i {
    color: #000000;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.editing {
    background-color: #e5e5e5;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.editing button {
    background-color: #e5e5e5;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.editing button .section-title {
    cursor: text;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.editing button .count {
    color: #000000;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li a {
    width: 100%;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li i.material-icons {
    font-size: 20px;
    margin-left: 5px;
    cursor: pointer;
  }
  nav.pinboard-sections + .description {
    margin: 45px 0 55px 0 !important;
  }
  header {
    /* LEFT COlUMN */
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 10001;
    transform: translateX(calc(-100% - 10px));
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s ease-out;
    overflow: auto;
  }
  header .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 100vh;
    top: 0;
  }
  header .inner nav#site-title {
    display: block;
    margin-top: 45px;
  }
  header .inner nav#site-title .inner {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    width: 100%;
    min-height: auto;
  }
  header .inner nav#site-title .inner img.logo {
    height: 125px;
  }
  header .inner nav#site-title .inner .create,
  header .inner nav#site-title .inner .save {
    position: relative;
    margin-top: 31px;
  }
  header .inner nav#site-title .inner .create button,
  header .inner nav#site-title .inner .save button {
    min-height: 45px;
    margin: 0;
    padding: 0 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown,
  header .inner nav#site-title .inner .save .dropdown {
    display: block;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    max-height: 0;
    width: calc(100vw - 60px);
    max-width: 450px;
    background-color: #fff;
    overflow: hidden;
    z-index: 1000;
    transform: translateX(-50%);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    transition: max-height 0.25s ease-out;
  }
  header .inner nav#site-title .inner .create .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul {
    width: 100%;
    border-top: 2px solid #005687;
    /*li.status-2 {
    	button {
    		background: repeating-linear-gradient(
    			-45deg,
    			transparent,
    			transparent 3px,
    			rgba(150, 150, 150, .1) 3px,
    			rgba(150, 150, 150, .1) 6px
    		);
    	}
    }*/
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter,
  header .inner nav#site-title .inner .save .dropdown ul li.filter {
    position: absolute;
    height: 60px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text],
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 45px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    color: #005687;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label {
    position: absolute;
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(20px);
    transition: transform 0.25s, font-size 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label::after,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text] + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text].has-value + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text].has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(5px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.padding,
  header .inner nav#site-title .inner .save .dropdown ul li.padding {
    width: 100%;
    height: 60px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li,
  header .inner nav#site-title .inner .save .dropdown ul li {
    position: relative;
    background-color: #fff;
    word-break: break-word;
  }
  header .inner nav#site-title .inner .create .dropdown ul li img,
  header .inner nav#site-title .inner .save .dropdown ul li img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button,
  header .inner nav#site-title .inner .save .dropdown ul li button {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 45px;
    margin: 0;
    padding-right: 15px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button label,
  header .inner nav#site-title .inner .save .dropdown ul li button label {
    flex-grow: 1;
    display: block;
    width: 100%;
    cursor: pointer;
    margin: 10px 0;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li button .expandable {
    cursor: pointer;
    transition: transform 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li button:hover {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    white-space: normal;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable label,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable label {
    margin: 0;
    flex-grow: initial;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable .sub,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable .sub {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a button,
  header .inner nav#site-title .inner .create .dropdown ul li a button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a button,
  header .inner nav#site-title .inner .save .dropdown ul li a button:hover {
    color: #000000;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a:hover {
    text-decoration: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form,
  header .inner nav#site-title .inner .save .dropdown ul li form {
    width: calc(100% - 45px);
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 15px 0 30px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file],
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] {
    display: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file] + label,
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] + label {
    display: block;
    width: 100%;
    cursor: inherit;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown {
    width: calc(100% - 60px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.dropup,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf button,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf button {
    font-size: 16px;
    line-height: 1.5em;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown ul {
    border-top: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li.open > .dropdown {
    border-top: 1px solid #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button .expandable {
    transform: rotate(90deg);
  }
  header .inner nav#site-title .inner .create .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .create .dropdown ul li.open > button,
  header .inner nav#site-title .inner .create .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .create .dropdown ul li.open > form,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .save .dropdown ul li.open > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-0 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-0 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-1 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-1 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create:hover button,
  header .inner nav#site-title .inner .create:focus button,
  header .inner nav#site-title .inner .create.open button {
    background-color: #005687;
    color: #fff;
  }
  header .inner nav#site-title .inner h1 {
    margin-top: 15px;
    font-size: 36px;
    line-height: 1.2em;
  }
  header .inner nav#site-title .inner h2 {
    margin: 5px 0;
    font-weight: 300;
    color: #b4dc28;
    font-size: 20px;
  }
  header .inner nav#site-title .inner .search {
    margin-top: 15px;
  }
  header .inner nav#site-title .inner .search button {
    border: none;
    outline: none;
    background-color: transparent;
  }
  header .inner nav#site-title .inner .search button img {
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  header .inner nav#modules {
    margin-bottom: 120px;
  }
  header .inner nav#modules menu {
    list-style: none;
  }
  header .inner nav#modules menu li {
    position: relative;
    text-align: center;
  }
  header .inner nav#modules menu li.label {
    font-size: 16px;
    color: #969696;
  }
  header .inner nav#modules menu li a {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: auto;
    padding: 15px 0;
    color: #969696;
  }
  header .inner nav#modules menu li a:hover {
    text-decoration: none;
  }
  header .inner nav#modules menu li.active a {
    font-weight: bold;
    color: #005687;
  }
  header .inner nav#modules menu li:nth-child(n+3)::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 0px;
    left: calc(50% - 50px);
    border-top: 1px dotted #969696;
  }
  header .inner nav.pagination {
    margin-bottom: 60px;
    width: 100%;
    pointer-events: all;
  }
  header .inner nav.pagination .inner {
    display: initial;
    position: static;
  }
  header .inner nav.pagination .inner ul {
    text-align: center;
  }
  header .inner nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  header .inner nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  header .inner nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  header .inner nav.pagination .inner ul.padded {
    padding: 0 45px;
  }
  header .inner nav.pagination img {
    width: 180px;
    height: auto;
  }
  header.open {
    transform: translateX(0);
  }
  /*#statistics {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	margin: 60px 0;

  	.stat-group {
  		display: flex;
  		flex-wrap: wrap;
  		padding: 0 30px;

  		&:nth-child(odd) {
  			border-right: 1px dotted $c-light-grey;
  		}

  		.statistic {
  			flex: 50%;
  			position: relative;
  			margin: 5px 0;
  			text-align: center;
  			justify-content: center;
  			align-items: center;

  			h1 {
  				font-size: $t-large;
  				line-height: 1.3em;
  				color: $c-dark-blue;
  			}
  			h2 {
  				font-size: $t-mid;
  				line-height: 1.5em;
  				color: $c-dark-blue;
  			}
  			p {
  				margin: 0;
  				font-style: normal;
  				font-size: $t-mid-small;
  				line-height: 1.3em;
  				color: $c-dark-blue;
  			}
  			small {
  				font-size: $t-xsmall;
  				line-height: 1.2em;
  				color: $c-light-grey;
  			}
  		}
  	}
  }*/
  nav#filters {
    display: inline-block;
    vertical-align: top;
    margin-top: 45px;
  }
  nav#filters .inner {
    position: fixed;
    padding: 15px 30px 15px 5px;
  }
  nav#filters .inner p {
    margin: 0 0 15px 5px;
    font-size: 20px;
    font-style: italic;
    color: #969696;
  }
  nav#filters .inner .active-filters {
    width: 100%;
    margin-bottom: 30px;
  }
  nav#filters .inner .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 10px;
    margin: 5px;
    background-color: #fff;
    font-size: 14px;
    color: #969696;
  }
  nav#filters .inner .active-filters .tag label {
    cursor: pointer;
  }
  nav#filters .inner .active-filters .tag .type {
    flex-shrink: 0;
    font-size: 12px;
    padding-right: 5px;
    border-right: 1px dotted #969696;
  }
  nav#filters .inner .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
  }
  nav#filters .inner .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    color: #fff;
  }
  .sidebar .input-toolbox {
    position: sticky;
    bottom: 0;
    left: calc(100% - 75px);
    transform: translate(-15px, -15px);
    width: 75px;
    height: 75px;
    border-radius: 75px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    z-index: 1001;
  }
  .sidebar .input-toolbox.highlight {
    background-color: #005687;
    border-color: #005687;
    color: #fff;
  }
  .sidebar .media-input-group {
    position: fixed;
    bottom: 105px;
    right: 22.5px;
    max-height: 0;
    z-index: 1000;
    transition: max-height 0.25s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    overflow: auto;
  }
  .sidebar .media-input-group .inner .btn-group {
    outline: none;
  }
  .sidebar .media-input-group .inner .btn-group input {
    display: none;
  }
  .sidebar .media-input-group .inner .btn-group form {
    position: relative;
    display: block;
    width: 60px;
    height: 45px;
  }
  .sidebar .media-input-group .inner .btn-group label,
  .sidebar .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 7.5px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .sidebar .media-input-group .inner .btn-group label label,
  .sidebar .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  .sidebar .media-input-group .inner .btn-group label label span,
  .sidebar .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  .sidebar .media-input-group .inner .btn-group label i,
  .sidebar .media-input-group .inner .btn-group button i {
    font-size: 24px;
    line-height: 45px;
  }
  .sidebar .media-input-group .inner .btn-group label img,
  .sidebar .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  .sidebar .media-input-group .inner .btn-group label:hover,
  .sidebar .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  .sidebar .media-input-group .inner .btn-group label.highlight,
  .sidebar .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  .sidebar .media-input-group .inner .btn-group input:disabled,
  .sidebar .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  .sidebar .media-input-group .inner .btn-group input:disabled img,
  .sidebar .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  .sidebar .media-input-group .inner .btn-group .vertical-separator {
    width: 60px;
    height: 0px;
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  .sidebar .input-group.inline {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  .sidebar .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  .sidebar .input-group.fixed {
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  .sidebar .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
  }
  .sidebar .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  .veil {
    position: fixed;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .veil nav.browse-filters {
    position: relative;
    /*width: 475px;*/
    width: 400px;
    /*width: calc(150px * 3 + 15px * 2 + 60px);*/
    margin: 60px auto 125px auto;
    background-color: #fff;
    border: 1px solid #005687;
    border-top-width: 5px;
    transition: transform 0.5s;
  }
  .veil nav.browse-filters .handle {
    position: absolute;
    bottom: 100%;
    right: -1px;
    padding-bottom: 5px;
    font-size: 14px;
    text-align: center;
    cursor: e-resize;
  }
  .veil nav.browse-filters .handle button.close {
    height: 30px;
    border: none;
    outline: none;
    padding: 0 15px;
    background-color: #005687;
    color: #fff;
  }
  .veil nav.browse-filters .handle button.close label {
    cursor: pointer;
  }
  .veil nav.browse-filters .handle button.close label span {
    margin-left: 15px;
  }
  .veil nav.browse-filters form .query {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #32bee1;
  }
  .veil nav.browse-filters form .query input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 30px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 36px;
    color: #005687;
  }
  .veil nav.browse-filters form .query label[for=search-field] {
    position: absolute;
    top: 5px;
    left: 30px;
    font-size: 20px;
    color: #32bee1;
    transform: translateY(calc(20px));
    transition: transform 0.25s, font-size 0.25s;
  }
  .veil nav.browse-filters form .query input[type=text]:focus + label,
  .veil nav.browse-filters form .query input[type=text].has-value + label {
    font-size: 14px;
    transform: translateY(5px);
  }
  .veil nav.browse-filters form .query input:-webkit-autofill,
  .veil nav.browse-filters form .query input:-webkit-autofill:hover,
  .veil nav.browse-filters form .query input:-webkit-autofill:focus,
  .veil nav.browse-filters form .query input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  .veil nav.browse-filters form .query button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters p {
    margin: 15px 30px 0px 30px;
    font-size: 20px;
    font-style: italic;
  }
  .veil nav.browse-filters form .filters .meta-filters,
  .veil nav.browse-filters form .filters .content-filters {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 15px;
    /*.filter:nth-child(2n) {
    	margin-left: 0;
    	.dropdown {
    		left: -215px;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters,
  .veil nav.browse-filters form .filters .content-filters .active-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    padding: 0 10px;
    /*margin-bottom: 5px;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 5px;
    margin: 5px;
    background-color: #fff;
    font-size: 12px;
    color: #969696;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag label,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .type,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .type {
    flex-shrink: 0;
    /*font-size: $t-xsmall;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .name,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: bold;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .close,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    font-size: 14px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter,
  .veil nav.browse-filters form .filters .content-filters .filter {
    position: relative;
    /*flex-grow: 1;*/
    width: 100%;
    /*width: 200px;*/
    margin: 5px 15px;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button,
  .veil nav.browse-filters form .filters .content-filters .filter button {
    height: 30px;
    width: 100%;
    padding: 0 30px;
    border: 1px solid #0468b1;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 20px;
    color: #0468b1;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter button label.count {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #0468b1;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown {
    display: none;
    position: absolute;
    /*top: calc(100% - 1px);*/
    top: 100%;
    left: 0;
    /*width: calc(415px - 2px);*/
    width: 338px;
    max-height: 300px;
    background-color: #fff;
    border: 1px solid #32bee1;
    border-top: none;
    /*border-top-width: 5px;*/
    z-index: 1000;
    overflow: auto;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul {
    width: 100%;
    /*padding-bottom: 5px;*/
    /*li.not-hovered > button {
    	background-color: $c-light-grey !important;
    }
    li.not-hovered > a {
    	button {
    		background-color: $c-light-grey !important;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li input[type=checkbox],
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li input[type=checkbox] {
    display: none;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label {
    cursor: pointer;
    font-size: 16px;
    text-transform: capitalize;
    color: #000000;
    width: 90%;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label.count,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label.count {
    font-size: 14px;
    color: #0468b1;
    width: 10%;
    text-align: right;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li:hover,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li:hover {
    background-color: #e5e5e5;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active {
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active label {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter:not(.expand):hover button,
  .veil nav.browse-filters form .filters .content-filters .filter:not(.expand):hover button {
    background-color: #32bee1;
    border: 1px solid #32bee1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button {
    background-color: #0468b1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button label.count {
    background-color: #fff;
    font-weight: bold;
    color: #0468b1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter.expand .dropdown {
    display: block;
  }
  .veil nav.browse-filters form .filters .meta-filters .title h1,
  .veil nav.browse-filters form .filters .content-filters .title h1 {
    font-size: 20px;
    font-style: italic;
    color: #b4dc28;
    /*text-decoration: underline;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active,
  .veil nav.browse-filters form .filters .content-filters .title .active {
    margin-bottom: 10px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    text-decoration: none;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #333d51;
    border-radius: 5px;
    font-size: 14px;
    color: #333d51;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag label,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag i,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag i {
    vertical-align: middle;
    font-size: 20px;
    margin-left: 5px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag a {
    color: #333d51;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover {
    background-color: #333d51;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover a {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .separator {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .veil nav.browse-filters form .filters .separator span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    font-size: 14px;
    color: #32bee1;
    z-index: 100;
  }
  .veil nav.browse-filters form .filters .separator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .submission {
    width: calc(100% - 55px);
    padding: 5px 25px 30px 30px;
    text-align: right;
  }
  .veil nav.browse-filters form .submission button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    margin-right: 5px;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .submission button.search {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .veil nav#filter.open {
    transform: translateX(0);
  }
  .veil nav#filter.open .handle {
    cursor: w-resize;
  }
  .veil nav#filter.open .handle div {
    cursor: w-resize;
  }
  /* LEAFLET ADJUSTMENTS */
  /* =================== */
  /* BASE MAP: THIS IS THE BASE FOR THE browse ACTIVITY */
  .map-container {
    width: calc(100% + 30px);
    margin: 15px 0 0 -15px;
    z-index: 1;
    position: relative;
  }
  .map-container #map {
    min-height: 50vh;
    background-color: #e5e5e5;
  }
  .map-container .btn-group.map-scale {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 30px;
  }
  .map-container .btn-group.map-scale a {
    float: left;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    background-color: #e5e5e5;
    font-size: 14px;
    color: #005687;
    cursor: pointer;
  }
  .map-container .btn-group.map-scale a.active {
    background-color: #0468b1;
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
  }
  .map-container .btn-group.map-scale {
    /*top: 30px;*/
    right: 30px;
    left: auto;
  }
  .map-container .btn-group.map-scale a {
    padding: 0 8px 2px 8px;
    background-color: #005687;
    color: #fff;
  }
  .map-container .btn-group.map-scale a input[type=checkbox] {
    display: none;
  }
  .map-container .btn-group.map-scale a i {
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
  }
  .map-container.full-screen {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px - 45px - 135px);
    margin: 0;
  }
  .map-container.full-screen #map {
    height: 100%;
  }
  /* POPUPS */
  .leaflet-popup {
    z-index: 10000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
    font-family: "Overpass", Helvetica, Arial, sans-serif;
    color: #005687;
    padding: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 300px !important;
    max-height: 400px;
    margin: 0;
    /*      padding-top: 20px;*/
    overflow: auto;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn {
    width: 100%;
    min-height: 45px;
    padding: 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    line-height: 1.5em;
    color: #000000;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn:hover {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
    padding-bottom: 75px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article {
    position: relative;
    width: 100%;
    min-width: 300px;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    scroll-snap-align: center;
    padding-top: 0 !important;
    border-radius: 0;
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .media-img {
    width: 300px;
    margin-bottom: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .btn-group {
    margin: 10px 0 15px 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body {
    display: block;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body a {
    color: #32bee1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title {
    width: 100%;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title a {
    text-decoration: none;
    color: #005687;
    font-weight: 700;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt {
    font-size: 16px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt a {
    color: #000000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .foot {
    padding: 0 15px 30px 15px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    background-color: transparent;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    border-top: 1px dotted #969696;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel {
    position: relative;
    margin-bottom: 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots {
    width: calc(100% - 60px);
    padding: 0 30px;
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 2.5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot.highlight {
    background-color: #0468b1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul {
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li {
    display: inline-block;
    margin: 0 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a {
    color: #32bee1;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a.active {
    font-weight: 700;
    text-decoration: underline;
  }
  .leaflet-container a.leaflet-popup-close-button {
    width: calc(100% - 10px);
    height: 25px !important;
    width: 25px !important;
    top: 0;
    padding: 0 !important;
    margin: 10px 10px 0 0 !important;
    background-color: #005687;
    text-align: right;
    line-height: 20px;
    color: #646464 !important;
    display: block;
    font-size: 0 !important;
  }
  .leaflet-container a.leaflet-popup-close-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(-45deg);
    transform-origin: center;
  }
  .leaflet-container a.leaflet-popup-close-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(45deg);
    transform-origin: center;
  }
  /* PINS */
  .single-pin {
    outline: none;
  }
  .single-pin i {
    position: absolute;
    left: -125%;
    top: -50%;
    font-size: 2rem;
    color: #005687;
  }
  .single-pin.selected i {
    color: orange;
  }
  .cluster-pin {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border: 5px solid #005687;
    background-color: #005687;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.75;
  }
  .cluster-pin.selected {
    background-color: #0468b1;
    border-color: #0468b1;
  }
  .map-container.full-screen {
    top: 105px;
    height: calc(100vh - 105px - 185px);
  }
  .screen {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    /*background-color: rgba(255,255,255,.75);*/
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 3px, rgba(229, 229, 229, 0.75) 3px, rgba(229, 229, 229, 0.75) 6px);
    animation: fade-in 0.25s;
    z-index: 99999;
  }
  .screen .modal .close {
    float: right;
    border: none;
    outline: none;
    background-color: #005687;
    color: #fff;
    cursor: pointer;
  }
  .screen .modal .inner {
    border-top: 2px solid #005687;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  .screen .modal .inner img.zoom {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .screen.dark {
    background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75) 3px, rgba(50, 50, 50, 0.75) 3px, rgba(50, 50, 50, 0.75) 6px);
  }
  .screen.transparent {
    background: transparent;
  }
  .screen.blue {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .screen.error {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .screen.ter {
    background-color: rgb(239, 239, 239);
  }
  .screen.ter .modal .close {
    background-color: #333d51;
  }
  .screen.ter .modal .inner {
    border-top: 3px solid #333d51;
  }
  .modal {
    position: relative;
    width: 400px;
    flex-shrink: 1;
    margin: auto;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 14px;
  }
  .modal .close.inlaid {
    position: absolute;
    right: 0;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
    overflow-y: visible;
    max-height: 85vh;
  }
  .modal .inner.unpadded {
    padding: 0;
    max-height: none;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 20px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .modal .inner .message * {
    padding: 5px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 14px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
  }
  .modal .inner ul li div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
  }
  .modal .inner ul li div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .modal .inner ul li div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  .modal .inner ul li input[type=file] {
    display: none;
  }
  .modal .inner ul li button,
  .modal .inner ul li input[type=file] + label {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub,
  .modal .inner ul li input[type=file] + label .sub {
    font-size: 14px;
    color: #969696;
  }
  .modal .inner ul li button:disabled,
  .modal .inner ul li input[type=file] + label:disabled {
    color: #e5e5e5;
    cursor: default;
    border-color: #e5e5e5;
    background-color: transparent;
  }
  .modal .inner ul li button.padded,
  .modal .inner ul li input[type=file] + label.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li button.input-submit,
  .modal .inner ul li button[type=submit] {
    border-color: #32bee1;
    background-color: #32bee1;
    color: #fff;
  }
  .modal .inner ul li input[type=file] + label {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    transform: none;
    box-sizing: border-box;
    font-size: 16px;
    color: #005687;
    line-height: 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 36px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 15px;
    font-size: 16px;
    color: #969696;
    transform: translateY(17px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li input:not([type=checkbox]):not([type=radio]):focus + label,
  .modal .inner ul li input.has-value:not([type=checkbox]):not([type=radio]) + label,
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 14px;
    transform: translateY(-5px);
  }
  .modal .inner ul li input.full-width {
    /*
    width: 100%;
    margin: 5px 0 15px 0;
    padding: 15px 0 15px 0;
    border: none;
    border-bottom: 1px solid $c-light-grey;
    outline: none;
    font-size: $t-main;
    */
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 0 15px 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 20px;
    line-height: 1.3em;
  }
  .modal .inner ul li input + label {
    top: 1px;
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 20px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li .filter {
    position: relative;
  }
  .modal .inner ul li .filter input[type=text] {
    width: calc(100% - 30px);
    height: 45px;
    margin-left: 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 20px;
    line-height: 1.3em;
  }
  .modal .inner ul li .filter input[type=text] + label {
    left: 15px;
    font-size: 16px;
    line-height: 1.3em;
    transform: translateY(14px);
    text-align: left;
  }
  .modal .inner ul li .filter input[type=text]:focus + label,
  .modal .inner ul li .filter input[type=text].has-value + label {
    font-size: 14px;
    line-height: 1.3em;
    transform: translateY(-10px);
  }
  .modal .inner ul li .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu {
    width: 100%;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px 15px 5px 15px;
    list-style: none;
    box-sizing: border-box;
  }
  .modal .inner ul li .filter .dropdown menu li input[type=checkbox],
  .modal .inner ul li .filter .dropdown menu li input[type=radio] {
    display: none;
  }
  .modal .inner ul li .filter .dropdown menu li label {
    display: block;
    position: static;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  .modal .inner ul li .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li label .sub {
    color: #969696;
    font-size: 14px;
  }
  .modal .inner ul li .filter .dropdown menu li label.secondary {
    padding: 0;
    font-size: 14px;
    color: #969696;
    font-style: italic;
  }
  .modal .inner ul li .filter .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal .inner ul li .filter .dropdown menu li.active {
    background-color: #32bee1;
  }
  .modal .inner ul li .active-filters {
    padding: 10px 15px;
    margin: 0 auto 15px auto;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  .modal .inner ul li .active-filters .tag {
    display: inline-block;
    height: calc(14px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 14px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .modal .inner ul li .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 14px;
    line-height: 1.5em;
  }
  .modal .inner ul li .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  .modal .inner ul li .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(14px * 1.5);
    height: calc(14px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  .modal .inner ul li .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .modal .inner ul li .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  .modal .inner ul li.default {
    text-align: left;
  }
  .modal .inner ul li.default label {
    position: static;
    margin-left: 10px;
    color: #000000;
    font-size: 16px;
  }
  .modal .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .foot button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .foot button .sub {
    font-size: 14px;
    color: #969696;
  }
  .modal .foot p {
    text-align: left;
    margin-top: 5px;
    font-size: 16px;
  }
  .modal.longlist .inner {
    padding: 0;
  }
  .modal.longlist .inner .message {
    padding: 15px 15px 5px 15px;
    margin: 0;
  }
  .modal.longlist .inner ul {
    width: 100%;
    max-height: 500px;
    overflow: auto;
  }
  .modal.longlist .inner ul li.filter {
    position: fixed;
    height: 45px;
    width: 300px;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  .modal.longlist .inner ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    color: #005687;
  }
  .modal.longlist .inner ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  .modal.longlist .inner ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .modal.longlist .inner ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  .modal.longlist .inner ul li.filter input[type=text]:focus + label,
  .modal.longlist .inner ul li.filter input[type=text].has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  .modal.longlist .inner ul li.padding {
    width: 100%;
    height: 45px;
    margin: 0;
  }
  .modal.longlist .inner ul li.opt {
    margin: 0;
  }
  .modal.longlist .inner ul li.opt input[type=checkbox] {
    display: none;
  }
  .modal.longlist .inner ul li.opt label {
    display: block;
    padding: 5px 15px;
    margin: 0;
    transform: none;
  }
  .modal.longlist .inner ul li.opt label:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal.longlist .inner ul li.opt input:checked + label {
    background-color: #32bee1;
  }
  .modal.longlist .inner .foot {
    padding: 15px;
    margin: 0;
  }
  .login-module {
    padding: 30px 30px 15px 30px;
    border-top: 2px solid #005687;
    background-color: #fff;
  }
  .login-module ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
  }
  .login-module ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -30px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .login-module ul li .required input {
    display: none;
  }
  .login-module ul li .required label {
    font-size: 24px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .login-module ul li .required input:checked + label,
  .login-module ul li .required label.active {
    color: #a51e41;
  }
  .login-module ul li .input-group {
    position: relative;
    flex-grow: 1;
  }
  .login-module ul li .input-group input.toggle + label {
    margin: 0;
  }
  .login-module ul li input[type=text],
  .login-module ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: #fff;
    font-size: 16px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .login-module ul li input[type=text] + label,
  .login-module ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .login-module ul li input[type=text]:focus + label,
  .login-module ul li input[type=text].has-value + label,
  .login-module ul li input[type=password]:focus + label,
  .login-module ul li input[type=password].has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .login-module ul li input[type=email]:invalid,
  .login-module ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .login-module ul li button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    margin-top: 15px;
    padding: 0 30px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .login-module ul li p.errormessage {
    color: #a51e41;
  }
  .login-module ul li p.small {
    font-size: 14px;
    color: #646464;
  }
  .login-module div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #969696;
    font-size: 14px;
  }
  .login-module div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .login-module div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  @keyframes animate-down {
    from {
      transform: translateY(-30px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .session-alert {
    padding: 15px;
    border: 1px dotted #a51e41;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .session-alert p {
    color: #a51e41;
  }
  .session-alert small {
    color: #969696;
    font-size: 14px;
    line-height: 1.2em;
  }
  .session-alert form table {
    margin: 15px 0 0 0;
    width: 100%;
    color: #646464;
    font-size: 16px;
    line-height: 1.5em;
    border-collapse: separate;
    border-spacing: 0 5px;
  }
  .session-alert form table thead th {
    height: 30px;
    padding: 0 10px;
    text-align: left;
    border-bottom: 1px solid #969696;
  }
  .session-alert form table tbody tr:hover {
    background-color: #e5e5e5;
  }
  .session-alert form table tbody tr.all {
    font-weight: bold;
  }
  .session-alert form table tbody tr td {
    min-height: 30px;
    padding: 0 10px;
  }
  .session-alert form table tbody tr td.highlight {
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .session-alert form table tbody tr td:last-child {
    padding-right: 0;
  }
  .session-alert form table tbody tr td button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #a51e41;
    padding: 0 5px;
    background: transparent;
    outline: none;
    color: #a51e41;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .disclaimer-alert {
    padding: 15px;
    border: 1px dotted #fa7814;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .disclaimer-alert p {
    color: #fa7814;
  }
  .disclaimer-alert small {
    color: #969696;
    font-size: 14px;
    line-height: 1.2em;
  }
  div.fixed-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
  div.hashed {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.document {
    position: relative;
    display: block;
    float: left;
    width: calc(100vw - 60px);
    padding: 45px 30px 0 30px;
    background-color: #fff;
    min-height: calc(100vh - 45px);
  }
  div.document main .engagement-input-group {
    position: fixed;
    width: 225px;
    margin: 0 0 0 -225px;
  }
  div.document main .engagement-input-group ul {
    padding: 5px 10px;
    margin: 65px 20px 0 0;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group ul li {
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
  }
  div.document main .engagement-input-group ul li button {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    max-width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 45px;
    outline: none;
    margin: 0 0 0 10px;
    background-color: transparent;
    color: #c2b4d6;
    font-size: 36px;
    line-height: 1.5em;
    cursor: pointer;
    transition: border-color 0.25s, max-width 0.5s;
  }
  div.document main .engagement-input-group ul li button small {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    white-space: nowrap;
  }
  div.document main .engagement-input-group ul li button i {
    flex-shrink: 0;
    width: 45px;
    display: inline-block;
    font-size: 36px;
    line-height: 1.5em;
    /*line-height: 45px;*/
    font-style: normal;
    cursor: pointer;
  }
  div.document main .engagement-input-group ul li button::after {
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: calc(100% - 10px);
    width: 45px;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 700;
    pointer-events: none;
    transition: opacity 0.25s, transform 0.5s;
  }
  div.document main .engagement-input-group ul li button:hover {
    max-width: 100%;
    border-color: #c2b4d6;
  }
  div.document main .engagement-input-group ul li button.active {
    color: #934a5f;
  }
  div.document main .engagement-input-group ul li button.active:hover {
    border-color: #934a5f;
  }
  div.document main .engagement-input-group ul li button:hover::after {
    opacity: 0;
    transform: translateY(-10px);
  }
  div.document main .inner .meta-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 215px);
    margin-bottom: 90px;
    padding-bottom: 60px;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-info h1 {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .meta-info p {
    font-size: 20px;
    line-height: 1.5em;
  }
  div.document main .inner button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 90px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document main .inner button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.document main .inner button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status {
    position: sticky;
    top: 45px;
    width: calc(100% + 60px);
    margin: 0 0 45px -30px;
    z-index: 10000;
  }
  div.document main .inner .meta-status .btn-group {
    height: 45px;
    padding: 10px 0;
    margin: 0 0 0 auto;
    text-align: center;
    z-index: 100;
  }
  div.document main .inner .meta-status .btn-group .save {
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.document main .inner .meta-status .btn-group .save button {
    background-color: #32bee1;
    padding: 0 15px;
    border-color: #32bee1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group .save.saved button {
    background-color: #0468b1;
    border-color: #0468b1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.document main .inner .meta-status .btn-group form button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .meta-status .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.document main .inner .meta-status .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 100;
    transition: max-height 0.15s ease-out;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li button {
    padding: 5px 10px;
    border: none;
    color: #969696;
    white-space: nowrap;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:not(:last-child) {
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-2,
  div.document main .inner .meta-status.status-3 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.document main .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
  }
  div.document main .inner .head .return {
    display: block;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 15px;
  }
  div.document main .inner .head i {
    position: absolute;
    right: 100%;
  }
  div.document main .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 700;
  }
  div.document main .inner .head .title:focus {
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.document main .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .meta-country::after {
    content: ", ";
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .head .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .dropdown {
    display: none;
  }
  div.document main .inner .body {
    width: 100%;
    padding-bottom: 60px;
  }
  div.document main .inner .body .layout {
    display: inline-block;
    clear: both;
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    transition: background-color 0.25s;
    /*.media-container.slide {
    	position: absolute;
    	min-height: 100vh;
    	transform: translateX(0);
    	opacity: 1;
    	transition: transform 1s, opacity 1s;
    }
    .media-container.slide-next {
    	transform: translateX(100%);
    	opacity: 0;
    }
    .media-container.slide-prev {
    	transform: translateX(-100%);
    	opacity: 0;
    }*/
  }
  div.document main .inner .body .layout .section-header {
    display: block;
  }
  div.document main .inner .body .layout .section-header h1 {
    padding: 5px 0;
    outline: none;
    font-size: 36px;
    line-height: 1.5em;
    color: #0468b1;
    font-weight: normal;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .section-header h1:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .placement-opts {
    position: absolute;
    display: none;
    top: calc(-36px);
    right: 100%;
    height: 100%;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .placement-opts .opt {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
  }
  div.document main .inner .body .layout .placement-opts .opt i {
    font-size: 36px;
    line-height: 1.5em;
    /*line-height: 30px;*/
  }
  div.document main .inner .body .layout .required {
    position: absolute;
    left: -30px;
    top: 55px;
    width: 30px;
    text-align: center;
    /*pointer-events: none;*/
  }
  div.document main .inner .body .layout .required input {
    display: none;
  }
  div.document main .inner .body .layout .required label {
    font-size: 24px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .required input:checked + label,
  div.document main .inner .body .layout .required label.active {
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container,
  div.document main .inner .body .layout .meta-container {
    clear: both;
    position: relative;
    width: 100%;
  }
  div.document main .inner .body .layout .media-container .opts,
  div.document main .inner .body .layout .meta-container .opts {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 60px);
    height: 45px;
    border-bottom: 1px solid transparent;
    margin-left: -30px;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group,
  div.document main .inner .body .layout .meta-container .opts .opt-group {
    display: none;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt {
    position: relative;
    width: 45px;
    height: 45px;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt i {
    font-size: 20px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .repeat {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 0px;
    /*border-top: 1px solid $c-light-yellow;*/
    border-top: 1px solid #e5e5e5;
    outline: none;
    /*transform: translateY(5px);*/
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label {
    display: none;
    top: 40px;
    z-index: 1000;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span {
    font-weight: bold;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 15px;
    transform: translateY(-3px);
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt:last-child {
    margin-right: 0;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.active {
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    outline: 1px solid #969696;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group label,
  div.document main .inner .body .layout .meta-container .opts .opt-group label {
    position: absolute;
    left: 0;
    /*top: 15px;*/
    height: 45px;
    padding: 0 10px;
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
    font-size: 14px;
    line-height: 45px;
    white-space: nowrap;
  }
  div.document main .inner .body .layout .media-container .placement-opts,
  div.document main .inner .body .layout .meta-container .placement-opts {
    top: 0;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts .opt i,
  div.document main .inner .body .layout .meta-container .placement-opts .opt i {
    font-size: 20px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .align-opts .opt i,
  div.document main .inner .body .layout .meta-container .align-opts .opt i {
    transform: rotate(90deg);
  }
  div.document main .inner .body .layout .media-container .add-opt,
  div.document main .inner .body .layout .meta-container .add-opt {
    height: 30px;
    padding: 0 5px;
    color: #969696;
  }
  div.document main .inner .body .layout .media-container .add-opt i,
  div.document main .inner .body .layout .meta-container .add-opt i {
    display: none;
    line-height: 30px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container div.instruction,
  div.document main .inner .body .layout .meta-container div.instruction {
    padding: 5px 0 5px 10px;
    margin-bottom: 5px;
    border-left: 1px dotted #969696;
    color: #969696;
    font-size: 16px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main .inner .body .layout .meta-container div.instruction p:not(:last-child) {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media,
  div.document main .inner .body .layout .media-container .meta,
  div.document main .inner .body .layout .meta-container .media,
  div.document main .inner .body .layout .meta-container .meta {
    clear: both;
    position: relative;
    padding: 10px 0;
    outline: none;
    color: #000000;
  }
  div.document main .inner .body .layout .media-container .media-title,
  div.document main .inner .body .layout .meta-container .media-title {
    font-size: 36px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-lead,
  div.document main .inner .body .layout .media-container .media-lead.focus,
  div.document main .inner .body .layout .meta-container .media-lead,
  div.document main .inner .body .layout .meta-container .media-lead.focus {
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 1.5em;
    border-top: none;
    color: #005687;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .media-lead:focus,
  div.document main .inner .body .layout .meta-container .media-lead:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-txt,
  div.document main .inner .body .layout .meta-container .media-txt {
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container .media-txt p,
  div.document main .inner .body .layout .meta-container .media-txt p {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media-img,
  div.document main .inner .body .layout .meta-container .media-img {
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-img img,
  div.document main .inner .body .layout .meta-container .media-img img {
    vertical-align: bottom;
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-img img.cover,
  div.document main .inner .body .layout .meta-container .media-img img.cover {
    width: 100%;
    width: auto\9 ;
    height: auto;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-img.template,
  div.document main .inner .body .layout .meta-container .media-img.template {
    min-height: initial;
  }
  div.document main .inner .body .layout .media-container .media-mosaic,
  div.document main .inner .body .layout .meta-container .media-mosaic {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item {
    position: relative;
    line-height: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i {
    font-size: 20px;
    line-height: 30px;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-mosaic.x2,
  div.document main .inner .body .layout .meta-container .media-mosaic.x2 {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files,
  div.document main .inner .body .layout .meta-container .media-files {
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-files.x2,
  div.document main .inner .body .layout .meta-container .media-files.x2 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files.x3,
  div.document main .inner .body .layout .meta-container .media-files.x3 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files .files-item,
  div.document main .inner .body .layout .meta-container .media-files .files-item {
    position: relative;
    line-height: 0;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a,
  div.document main .inner .body .layout .meta-container .media-files .files-item a {
    text-decoration: none !important;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a img,
  div.document main .inner .body .layout .meta-container .media-files .files-item a img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i {
    font-size: 20px;
    line-height: 30px;
    /*line-height: 30px;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon img {
    display: block;
    max-width: 150px;
    margin: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon label {
    max-width: 200px;
    padding: 5px 10px;
    text-align: left;
    font-size: 14px;
    line-height: 1.3em;
    border: 1px solid #969696;
    border-left: 5px solid #969696;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .media-drawing,
  div.document main .inner .body .layout .meta-container .media-drawing {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-drawing canvas,
  div.document main .inner .body .layout .meta-container .media-drawing canvas {
    margin: 10px auto;
    background-color: #fff;
    border: 1px solid transparent;
    cursor: crosshair;
  }
  div.document main .inner .body .layout .media-container .media-embed,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .media-embed,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before {
    font-family: Lucida Console, monospace;
  }
  div.document main .inner .body .layout .media-container .media-embed img,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main .inner .body .layout .meta-container .media-embed img,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded,
  div.document main .inner .body .layout .meta-container .media-embed.padded {
    padding: 5px 10px;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded img,
  div.document main .inner .body .layout .meta-container .media-embed.padded img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-checklist,
  div.document main .inner .body .layout .media-container .media-radiolist,
  div.document main .inner .body .layout .media-container .meta-checklist,
  div.document main .inner .body .layout .media-container .meta-radiolist,
  div.document main .inner .body .layout .meta-container .media-checklist,
  div.document main .inner .body .layout .meta-container .media-radiolist,
  div.document main .inner .body .layout .meta-container .meta-checklist,
  div.document main .inner .body .layout .meta-container .meta-radiolist {
    width: 100%;
    outline: none;
    white-space: pre-wrap;
  }
  div.document main .inner .body .layout .media-container .media-checklist .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist .instruction {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol,
  div.document main .inner .body .layout .media-container .media-radiolist ol,
  div.document main .inner .body .layout .media-container .meta-checklist ol,
  div.document main .inner .body .layout .media-container .meta-radiolist ol,
  div.document main .inner .body .layout .meta-container .media-checklist ol,
  div.document main .inner .body .layout .meta-container .media-radiolist ol,
  div.document main .inner .body .layout .meta-container .meta-checklist ol,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol {
    display: block;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt {
    /* CHANGE THE .option CLASS IN TEMPLATE TO STANDARDIZE TO .opt (ALREADY DONE IN pad.js) */
    display: flex;
    align-items: center;
    margin: 0;
    /*margin: 10px 0;*/
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div {
    padding: 0 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child {
    margin-right: 5px;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm {
    /*color: $c-light-1;*/
    color: #969696;
    pointer-events: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i {
    font-size: 36px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow {
    flex-grow: 1;
    align-self: center;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item {
    display: block;
    width: 100%;
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child {
    margin-bottom: 0;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm {
    color: #005687;
    pointer-events: all;
  }
  div.document main .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist.template .instruction {
    color: #000000;
    font-size: 20px;
  }
  div.document main .inner .body .layout .media-container .meta-location,
  div.document main .inner .body .layout .meta-container .meta-location {
    width: 100%;
  }
  div.document main .inner .body .layout .media-container .meta-location #map,
  div.document main .inner .body .layout .meta-container .meta-location #map {
    min-height: 300px;
  }
  div.document main .inner .body .layout .media-container .meta-index,
  div.document main .inner .body .layout .media-container .meta-sdgs,
  div.document main .inner .body .layout .meta-container .meta-index,
  div.document main .inner .body .layout .meta-container .meta-sdgs {
    width: 100%;
    min-height: 120px;
    line-height: 120px;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-index img,
  div.document main .inner .body .layout .media-container .meta-sdgs img,
  div.document main .inner .body .layout .meta-container .meta-index img,
  div.document main .inner .body .layout .meta-container .meta-sdgs img {
    width: 120px;
    height: 120px;
    margin: 0 10px;
    vertical-align: top;
  }
  div.document main .inner .body .layout .media-container .meta-index.template,
  div.document main .inner .body .layout .media-container .meta-sdgs.template,
  div.document main .inner .body .layout .meta-container .meta-index.template,
  div.document main .inner .body .layout .meta-container .meta-sdgs.template {
    min-height: initial;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag,
  div.document main .inner .body .layout .media-container .meta-skills,
  div.document main .inner .body .layout .media-container .meta-methods,
  div.document main .inner .body .layout .media-container .meta-datasources,
  div.document main .inner .body .layout .meta-container .meta-tag,
  div.document main .inner .body .layout .meta-container .meta-skills,
  div.document main .inner .body .layout .meta-container .meta-methods,
  div.document main .inner .body .layout .meta-container .meta-datasources {
    width: 100%;
    min-height: 31px;
    padding: 5px 0 10px 0;
    text-align: center;
    /*.tag {
    	display: inline-block;
    	color: $c-mid-blue;
    	font-size: $t-mid-small;
    	border: 1px solid $c-mid-blue;
    	padding: 5px 10px;
    	margin: 5px;

    	input {
    		display: none;
    	}
    	label {
    		cursor: pointer;
    	}
    }*/
    /*.tag:hover,*/
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag,
  div.document main .inner .body .layout .media-container .meta-skills .tag,
  div.document main .inner .body .layout .media-container .meta-methods .tag,
  div.document main .inner .body .layout .media-container .meta-datasources .tag,
  div.document main .inner .body .layout .meta-container .meta-tag .tag,
  div.document main .inner .body .layout .meta-container .meta-skills .tag,
  div.document main .inner .body .layout .meta-container .meta-methods .tag,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag {
    display: inline-block;
    border: none;
    padding: 5px 15px;
    margin: 0 5px 5px 0;
    background-color: #e5e5e5;
    border-radius: calc(16px * 2);
    font-size: 16px;
    line-height: 2em;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag label,
  div.document main .inner .body .layout .media-container .meta-skills .tag label,
  div.document main .inner .body .layout .media-container .meta-methods .tag label,
  div.document main .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag.selected {
    background-color: #005687;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before {
    line-height: 31px;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template,
  div.document main .inner .body .layout .media-container .meta-skills.template,
  div.document main .inner .body .layout .media-container .meta-methods.template,
  div.document main .inner .body .layout .media-container .meta-datasources.template,
  div.document main .inner .body .layout .meta-container .meta-tag.template,
  div.document main .inner .body .layout .meta-container .meta-skills.template,
  div.document main .inner .body .layout .meta-container .meta-methods.template,
  div.document main .inner .body .layout .meta-container .meta-datasources.template {
    min-height: initial;
    padding: 0;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before {
    line-height: initial;
  }
  div.document main .inner .body .layout .media-container .meta-attachment,
  div.document main .inner .body .layout .meta-container .meta-attachment {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-attachment a img,
  div.document main .inner .body .layout .meta-container .meta-attachment a img {
    width: 120px;
    height: 120px;
  }
  div.document main .inner .body .layout .media-container .meta-attachment.template,
  div.document main .inner .body .layout .meta-container .meta-attachment.template {
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .media-repeat button,
  div.document main .inner .body .layout .meta-container .media-repeat button {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    margin-top: 30px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    border-top: 1px solid #969696;
    outline: none;
    color: #005687;
    font-size: 20px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-repeat button div,
  div.document main .inner .body .layout .meta-container .media-repeat button div {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-repeat button::after,
  div.document main .inner .body .layout .meta-container .media-repeat button::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #969696;
    transform: translate(-4px, -8px);
  }
  div.document main .inner .body .layout .media-container .media-repeat.template button,
  div.document main .inner .body .layout .meta-container .media-repeat.template button {
    cursor: text;
  }
  div.document main .inner .body .layout .media-container .inset,
  div.document main .inner .body .layout .meta-container .inset {
    width: 100%;
    max-height: 0;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    overflow: hidden;
    transition: max-height 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add,
  div.document main .inner .body .layout .media-container .inset .search,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main .inner .body .layout .meta-container .inset .search {
    position: relative;
    width: 100%;
    height: 75px;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .media-container .inset .search input[type=text],
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .meta-container .inset .search input[type=text] {
    width: calc(100% - 65px - 10px);
    height: 50px;
    margin: 15px 0 0 10px;
    border: none;
    border-bottom: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 36px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text].has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(0px);
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #934a5f inset !important;
    -webkit-text-fill-color: #333d51 !important;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main .inner .body .layout .media-container .inset .search label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main .inner .body .layout .meta-container .inset .search label {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 16px;
    line-height: 1.5em;
    transform: translateY(22.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main .inner .body .layout .media-container .inset .search button,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main .inner .body .layout .meta-container .inset .search button {
    width: 65px;
    height: 65px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location,
  div.document main .inner .body .layout .meta-container .inset .inset-location {
    max-height: 205px;
    padding: 0 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel {
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt {
    padding: 0 10px;
    margin: 5px 0;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover {
    background-color: #e5e5e5;
    color: #005687;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected {
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset .inset-index,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag {
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img {
    filter: brightness(300%);
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills,
  div.document main .inner .body .layout .media-container .inset .inset-methods,
  div.document main .inner .body .layout .media-container .inset .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset .inset-tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills,
  div.document main .inner .body .layout .meta-container .inset .inset-methods,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources {
    max-height: 205px;
    /*padding: 0 0 10px 10px;*/
    padding: 5px 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0 10px;
    border: 1px solid #969696;
    border-radius: calc(16px * 2);
    color: #969696;
    font-size: 16px;
    line-height: 2em;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag input {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag label {
    padding: 3px 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset.template,
  div.document main .inner .body .layout .meta-container .inset.template {
    /* THIS IS FOR TEMPLATES */
  }
  div.document main .inner .body .layout .media-container .inset.template div,
  div.document main .inner .body .layout .meta-container .inset.template div {
    padding: 0 0 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel,
  div.document main .inner .body .layout .meta-container .inset.template div .panel {
    /*border-left: 1px solid $c-light-1;*/
    border-left: 1px solid #969696;
    padding: 10px 10px 0 10px;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main .inner .body .layout .meta-container .inset.template div .panel .instruction {
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources {
    display: block;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel {
    /*.opt:not(.selected):hover {
    	background-color: transparent;
    	color: $c-light-green;
    }*/
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div {
    padding: 0 5px;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow {
    flex-grow: 1;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources {
    max-height: 300px;
  }
  div.document main .inner .body .layout .media-container figcaption,
  div.document main .inner .body .layout .meta-container figcaption {
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .response.template,
  div.document main .inner .body .layout .meta-container .response.template {
    color: #969696;
    /*color: $c-mid-2;*/
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .drawing-container .opts {
    border-bottom: none;
  }
  div.document main .inner .body .layout .results-container .chart svg rect {
    fill: #0468b1;
    cursor: pointer;
  }
  div.document main .inner .body .layout .results-container .chart svg rect:hover {
    fill: #005687;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis text {
    font-weight: bold;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis path {
    display: none;
  }
  div.document main .inner .body .layout .group-container {
    position: relative;
    /*.media-group-items::before {
    	content: '';
    	position: absolute;
    	left: -30px;
    	top: -15px;
    	width: 100%;
    	height: 0;
    	border-top: 1px solid $c-mid-yellow;
    }*/
  }
  div.document main .inner .body .layout .group-container .required {
    left: -45px;
  }
  div.document main .inner .body .layout .group-container .media-group {
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .group-container .media-group-items {
    width: calc(100% - 30px);
    margin: 15px 0 15px 30px;
  }
  div.document main .inner .body .layout .group-container .media-group-items::before {
    content: "";
    position: absolute;
    left: -30px;
    width: 0;
    height: 100%;
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #969696;
  }
  div.document main .inner .body .layout .group-container .media-group-items.animate-in {
    opacity: 0;
    animation: slide-down 1s forwards;
  }
  div.document main .inner .body .layout .meta-container.template img {
    width: 20px;
    height: 20px;
    margin: 5px 5px 0 0;
    vertical-align: text-bottom;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) {
    background-color: rgb(239, 239, 239);
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .media-embed {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover canvas {
    /*border-color: $c-light-yellow;*/
    border-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.focus .add-opt i,
  div.document main .inner .body .layout .media-container:hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .opts,
  div.document main .inner .body .layout .media-container:hover > .opts {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main .inner .body .layout .media-container:hover > .opts .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .placement-opts,
  div.document main .inner .body .layout .media-container:hover > .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.move,
  div.document main .inner .body .layout .meta-container.move {
    transition: transform 0.75s;
  }
  div.document main .inner .body .layout:hover > .placement-opts {
    display: block;
  }
  div.document main .inner .body .layout.focus {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout.view {
    border-top: none;
  }
  div.document main .inner .body .layout.view .input-type {
    display: none;
  }
  div.document main .inner .body .layout.view .media-container,
  div.document main .inner .body .layout.view .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.view .media-container .media,
  div.document main .inner .body .layout.view .media-container .meta,
  div.document main .inner .body .layout.view .meta-container .media,
  div.document main .inner .body .layout.view .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .description-layout {
    margin-top: 0;
    padding-bottom: 30px;
    clear: both;
    /*border-top-color: $c-light-yellow;*/
    border-top-color: #e5e5e5;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .body .description-layout .media-container .media,
  div.document main .inner .body .description-layout .media-container .media.focus {
    border-top: none;
  }
  div.document main .inner .body .description-layout .media-container .media i,
  div.document main .inner .body .description-layout .media-container .media.focus i {
    color: #646464;
  }
  div.document main .inner .body .description-layout .meta-container {
    margin: 0 0 5px 0;
    padding-top: 0;
  }
  div.document main .inner .body .description-layout .meta-container .meta-template {
    font-size: 14px;
    line-height: 1.5em;
    display: inline-block;
    color: #969696;
  }
  div.document main .inner .body .description-layout .toc-container h1 {
    font-size: 24px;
    line-height: 1.5em;
    color: #646464;
    font-weight: normal;
  }
  div.document main .inner .body .description-layout .toc-container li {
    font-size: 20px;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
    cursor: pointer;
    list-style: initial;
    margin-left: 15px;
  }
  div.document main .inner .body .description-layout .toc-container li:hover {
    text-decoration: underline;
  }
  div.document main .inner .body .description-layout .input-slideshow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 15px 0 0 0;
    font-size: 16px;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label {
    border-color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  div.document main .inner .body .description-layout.view .media-container,
  div.document main .inner .body .description-layout.view .meta-container {
    padding-top: 0;
  }
  div.document main .inner .body .description-layout.view .media-container .media,
  div.document main .inner .body .description-layout.view .meta-container .media {
    color: #969696;
  }
  div.document main .inner .body .layout.preview .media-container,
  div.document main .inner .body .layout.preview .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.preview .media-container .media,
  div.document main .inner .body .layout.preview .media-container .meta,
  div.document main .inner .body .layout.preview .meta-container .media,
  div.document main .inner .body .layout.preview .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .layout.preview .media-container .placement-opts,
  div.document main .inner .body .layout.preview .meta-container .placement-opts {
    top: 15px;
  }
  div.document main .inner .body .layout.animate-in {
    animation: slide-down 1s;
  }
  div.document main .inner .engagement-group {
    margin: 10px 0 0 -7px;
  }
  div.document main .inner .engagement-group.page-stats {
    margin-top: 0;
  }
  div.document main .inner .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.document main .inner .engagement-group .engagement img {
    vertical-align: middle;
    width: 45px;
    height: 45px;
    cursor: pointer;
  }
  div.document main .inner .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    color: #969696;
    user-select: none;
  }
  div.document main .inner .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.document main .inner .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.document.slideshow {
    width: 100%;
    position: static;
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 45px);
    margin-top: 45px;
    box-sizing: border-box;
  }
  div.document.slideshow main#pad {
    position: absolute;
    width: 100%;
    height: calc(100% - 45px);
    left: 0;
    padding-bottom: 0;
  }
  div.document.slideshow main#pad > .inner {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  div.document.slideshow main#pad > .inner .meta-info {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.prev {
    left: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.next {
    right: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document.slideshow main#pad > .inner .slide {
    position: relative;
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    width: 100vw !important;
    min-height: 100vh;
    max-height: 100%;
    box-sizing: border-box;
    padding: 0 60px 60px 60px;
    scroll-snap-align: center;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
  }
  div.document.slideshow main#pad > .inner .slide div.required {
    left: 15px;
    top: 50%;
  }
  div.document.slideshow main#pad > .inner .slide .opts {
    background-color: transparent !important;
    width: 100%;
    min-height: 45px;
    height: auto;
    margin-left: 0;
  }
  div.document.slideshow main#pad > .inner .slide .opts .opt-group:last-child {
    text-align: right;
  }
  div.document.slideshow main#pad > .inner .slide .opts .opt-group label {
    left: 60px;
  }
  div.document.slideshow main#pad > .inner .description-layout.slide {
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner div.body {
    position: relative;
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  div.document.slideshow main#pad > .inner div.body section:not(.slide) {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    margin: 0;
  }
  div.document.slideshow main#pad > .inner div.body .media-input-group {
    left: auto;
    right: 60px;
  }
  div.document.slideshow main#pad > .inner div.body .input-group.fixed {
    height: auto;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide {
    display: flex;
    align-items: center;
    top: 0;
    height: 100%;
    margin: 0;
    z-index: 0;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide .btn-group {
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
    border: none;
  }
  footer.slideshow > .inner {
    padding-left: 60px;
    padding-right: 60px;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  main#reference {
    pointer-events: none;
  }
  footer {
    width: 100vw;
    clear: both;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #e5e5e5;
  }
  footer .inner {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 30px;
    /* BELOW IS FOR THE COMMENTS MODULE */
  }
  footer .inner h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  footer .inner form {
    position: relative;
    margin: 15px 0 45px 0;
  }
  footer .inner form textarea {
    position: relative;
    width: calc(100% - 30px);
    min-height: 20px;
    height: 1px;
    padding: 10px 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  footer .inner form label {
    position: absolute;
    left: 30px;
    top: 11px;
    font-size: 16px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  footer .inner form label::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -35px;
    width: 30px;
    height: 30px;
    background: url("../imgs/icons/i-comment-outline.svg");
    filter: brightness(75%);
  }
  footer .inner form textarea + label {
    pointer-events: none;
  }
  footer .inner form textarea:focus + label,
  footer .inner form textarea.has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  footer .inner form .btn-group {
    border-top: 1px solid #646464;
  }
  footer .inner form .btn-group button {
    display: none;
    height: 30px;
    padding: 0 10px;
    border-radius: 0;
    /*background-color: $c-mid-yellow;*/
    background-color: #e5e5e5;
    font-size: 14px;
    color: #fff;
    float: right;
  }
  footer .inner form .btn-group button:disabled {
    background-color: #e5e5e5;
    color: #fff;
  }
  footer .inner form textarea:focus + label + .btn-group,
  footer .inner form textarea.has-value + label + .btn-group {
    /*border-color: $c-mid-yellow;*/
    border-color: #e5e5e5;
  }
  footer .inner form textarea:focus + label + .btn-group button,
  footer .inner form textarea.has-value + label + .btn-group button {
    display: block;
  }
  footer .inner ul.comments li {
    margin: 15px 0;
  }
  footer .inner ul.comments li .head .meta .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .head .meta .meta-contributor::after {
    content: ", ";
    font-size: 16px;
    line-height: 1.5em;
    color: #32bee1;
  }
  footer .inner ul.comments li .head .meta .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .body {
    font-size: 16px;
    line-height: 1.5em;
  }
  footer .inner ul.comments li .foot button.expand-collapsed {
    background-color: transparent;
    height: 45px;
    border: none;
    outline: none;
    color: #646464;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    cursor: pointer;
  }
  footer .inner ul.comments li .foot button.expand-collapsed.wide {
    position: relative;
    width: 100%;
    height: 45px;
    margin: 10px 0 0 0;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  footer .inner ul.comments li .foot .collapsed {
    position: relative;
    max-height: 0;
    padding-left: 30px;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  footer .inner ul.comments li .foot .collapsed ul.replies li {
    margin-top: 5px;
  }
  footer .inner ul.comments li .foot .collapsed form {
    margin-bottom: 30px;
  }
  footer .inner ul.comments li .foot .collapsed::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 7.5px;
    width: 0;
    height: calc(100% - 15px);
    border-left: 1px dotted #969696;
  }
  footer .inner button {
    height: 45px;
    background-color: #333d51;
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 20px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  footer .inner .approval-message {
    position: relative;
    width: 875px;
    margin: 0 auto;
    padding: 10px;
  }
  footer .inner .approval-message small {
    font-size: 14px;
    line-height: 1.5em;
    color: #c2b4d6;
  }
  footer .inner .approval-message p {
    font-size: 20px;
    line-height: 1.5em;
    color: #57648c;
  }
  footer .inner .approval-message::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -11px;
    height: calc(100% + 15px);
    width: 1px;
    background-color: #c2b4d6;
  }
  footer .inner .approval-message::after {
    content: "“";
    position: absolute;
    /*top: calc(20px / 4);*/
    top: calc(10px + 20px);
    left: -11px;
    width: 10px;
    vertical-align: middle;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #c2b4d6;
    /*border-bottom: 1px solid $c-light-1;*/
    font-size: 60px;
    line-height: 1.5em;
    color: #c2b4d6;
    text-align: center;
  }
  div.source-container {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    margin-top: 30px;
    /*
    position: fixed;
    height: 100vh;
    overflow: auto;
    vertical-align: top;
    filter: grayscale(1);

    main#reference {
    	width: 100%;
    	min-width: 0;
    	margin: 60px 0 0 0;

    	.inner {
    		.head {
    			a {
    				display: none;
    			}
    		}
    	}
    }
    */
  }
  .document.split-screen {
    width: calc(50% - 120px);
    border: none;
  }
  .document.split-screen .media-input-group {
    left: auto !important;
    right: 0 !important;
  }
  .document.split-screen.right {
    margin-left: 50%;
  }
  div.display-option {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 1000000;
  }
  div.display-option a button {
    width: 100%;
    height: 20px;
    outline: none;
    border: none;
    padding: 0 10px;
    background-color: #969696;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
    vertical-align: top;
    transition: background-color 0.25s;
  }
  div.display-option a button:hover {
    background-color: #646464;
  }
  div.display-option.split-screen a button {
    width: 50%;
  }
  .fact-sheet {
    position: relative;
    display: block;
    width: 840px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    min-height: calc(100vh - 30px);
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .fact-sheet main#profile .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 30px -60px;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button.save {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  .fact-sheet main#profile .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  .fact-sheet main#profile .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  .fact-sheet main#profile .inner .head i {
    position: absolute;
    right: 100%;
  }
  .fact-sheet main#profile .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 60px;
    line-height: 1.3em;
    font-weight: 700;
  }
  .fact-sheet main#profile .inner .body form button.expand-collapsed {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #005687;
    font-size: 20px;
    line-height: 1.5em;
    cursor: pointer;
    /*
    &::after {
    	content: '';
    	position: absolute;
    	top: 0;
    	width: 0;
    	height: 0;
    	border-left: 6px solid transparent;
    	border-right: 6px solid transparent;
    	border-bottom: 8px solid $c-light-grey;
    	transform: translate(-4px, -8px);
    }
    */
  }
  .fact-sheet main#profile .inner .body form div.info {
    margin: 30px 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -45px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required label {
    font-size: 24px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input:checked + label,
  .fact-sheet main#profile .inner .body form div.info ul li .required label.active {
    color: #a51e41;
  }
  .fact-sheet main#profile .inner .body form div.info ul li label.instruction {
    display: inline-block;
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    /*margin-bottom: 5px;*/
    border-left: 1px dotted #969696;
    font-size: 16px;
    line-height: 1.5em;
    vertical-align: middle;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group {
    display: inline-block;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group input.toggle + label {
    margin: 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group {
    display: inline-block;
    position: relative;
    width: 30%;
    margin: 0 auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    box-sizing: border-box;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group.margin-left {
    margin-left: calc(30% + 30px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard {
    /*display: flex;
    justify-content: flex-start;
    align-items: top;*/
    width: 100%;
    min-height: 45px;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins {
    display: flex;
    margin: auto 0;
    flex-wrap: wrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin {
    display: inline-block;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0 5px 5px 0;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin label {
    vertical-align: top;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: normal;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .close {
    display: inline-block;
    width: 30px;
    background-color: #969696;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: transparent;
    font-size: 16px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:disabled {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:invalid,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown {
    position: absolute;
    width: calc(100% + 30px);
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 16px;
    line-height: 1.5em;
    transform: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add button {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 15px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text]:focus ~ button,
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text].has-value ~ button {
    display: block;
  }
  .fact-sheet main#profile .inner .body form div.info ul li button.add-info {
    min-height: 45px;
    /*width: 100%;*/
    border: none;
    outline: none;
    background-color: transparent;
    color: #969696;
    cursor: pointer;
    /*background: repeating-linear-gradient(
    	45deg,
    	transparent,
    	transparent 3px,
    	rgba(150, 150, 150, .1) 3px,
    	rgba(150, 150, 150, .1) 6px
    );*/
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed button.expand-collapsed {
    margin-top: 15px;
  }
  .fact-sheet main#profile .inner div.foot {
    padding-bottom: 60px;
  }
  .fact-sheet main#profile .inner div.foot .api-token form {
    display: flex;
  }
  .fact-sheet main#profile .inner div.foot .api-token form button.request-token {
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    border: 1px solid #969696;
    /*border-left: 1px dotted $c-light-grey;*/
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group {
    display: flex;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group input[type=text] {
    flex-grow: 1;
    padding: 5px 0 5px 15px;
    border: 1px solid #969696;
    border-left: 0;
    border-right: 0;
    outline: none;
    font-size: 16px;
    line-height: 1.5em;
    cursor: copy;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group button.copy {
    width: 60px;
    background-color: #32bee1;
    border: none;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet {
    width: 100%;
    padding: 45px 30px 0 30px;
    min-height: calc(100vh - 45px);
    box-sizing: border-box;
  }
  .fact-sheet main#profile .inner .meta-status {
    position: sticky;
    top: 45px;
    width: calc(100% + 60px);
    margin: 0 0 45px -30px;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group {
    height: 45px;
    padding: 10px 0;
    margin: 0 0 0 auto;
    text-align: center;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button {
    height: 45px;
    padding: 0 15px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button.save {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  .fact-sheet main#profile .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  .fact-sheet main#profile .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  .fact-sheet main#profile .inner .head i {
    position: absolute;
    right: 100%;
  }
  .fact-sheet main#profile .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  .fact-sheet main#profile .inner .body form button.expand-info {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #005687;
    font-size: 20px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info {
    margin: 30px 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li {
    position: relative;
    margin: 15px 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required {
    position: absolute;
    left: -30px;
    top: 20px;
    width: 30px;
    text-align: center;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required label {
    font-size: 24px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input:checked + label,
  .fact-sheet main#profile .inner .body form div.info ul li .required label.active {
    color: #a51e41;
  }
  .fact-sheet main#profile .inner .body form div.info ul li label.instruction {
    display: block;
    width: 100%;
    color: #969696;
    padding: 5px 0 5px 10px;
    border-left: 1px dotted #969696;
    font-size: 16px;
    line-height: 1.5em;
    box-sizing: border-box;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group {
    width: calc(100% - 30px);
    margin-top: -15px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group.margin-left {
    margin-left: 15px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 45px;
    margin-top: 15px;
    border: none;
    outline: none;
    padding: 0 15px;
    background-color: transparent;
    font-size: 20px;
    line-height: 1.5em;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:invalid,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 60px;
    margin-bottom: 15px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.expand {
    position: fixed;
    top: 80px;
    left: 15px;
    width: calc(100% - 30px);
    z-index: 10000;
    animation: expand-anim 0.1s;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.expand:before {
    content: "";
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    background-color: rgba(255, 255, 255, 0.75);
    z-index: -1;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.expand input[type=text] {
    height: 60px;
    margin-top: 0;
    padding-top: 15px;
    border-top: 2px solid #005687;
    background-color: #fff;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.expand input[type=text] + label {
    transform: translateY(0);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.expand .dropdown {
    top: calc(100% + 18px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 30px;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li {
    width: 100%;
    min-height: 45px;
    margin: 0;
    padding: 0;
    border: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: static;
    width: calc(100% - 35px);
    min-height: 45px;
    height: 100%;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 16px;
    line-height: 1.5em;
    transform: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .fact-sheet main#profile .inner .body form div.info ul li button.add-info {
    min-height: 45px;
    border: none;
    outline: none;
    background-color: transparent;
    color: #969696;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed button.expand-info {
    margin-top: 15px;
  }
  .fact-sheet main#profile .inner div.foot .api-token form {
    display: flex;
    flex-direction: column;
  }
  .fact-sheet main#profile .inner div.foot .api-token form button.request-token {
    width: 100%;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group {
    width: 100%;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group input[type=text] {
    border: 1px solid #969696;
    border-top: 0;
    border-right: 0;
  }
  div.public-page-header {
    min-height: 100vh;
  }
  div.public-page-header div.carousel {
    position: relative;
    width: 100%;
    min-height: 100vh;
    left: 0;
  }
  div.public-page-header div.carousel.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.carousel div.slides {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    scroll-snap-type: x mandatory;
    height: 100vh;
    width: 100%;
    padding: 60px 0 120px 0;
    overflow: auto;
    box-sizing: border-box;
  }
  div.public-page-header div.carousel div.slides div.slide {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex: none;
    scroll-snap-align: center;
  }
  div.public-page-header div.carousel div.slides div.slide a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt {
    align-self: center;
    position: absolute;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    color: #005687;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
    color: #fff;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt .country {
    color: #b4dc28;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt h1 {
    font-size: 36px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 0 15px 0;
  }
  div.public-page-header div.carousel div.slides div.slide a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
    transition: opacity 0.5s;
  }
  div.public-page-header div.carousel div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.carousel div.slides div.slide:hover img {
    opacity: 0.25;
  }
  div.public-page-header div.carousel div.slides div.slide:hover .media-txt {
    opacity: 1;
  }
  div.public-page-header div.carousel div.slides div.slide:hover::after {
    opacity: 0.75;
  }
  div.public-page-header div.carousel div.dots {
    position: absolute;
    bottom: 90px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    text-align: center;
  }
  div.public-page-header div.carousel div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  div.public-page-header div.carousel div.dots .highlight {
    background-color: #61b233;
  }
  div.public-page-header div.mosaic {
    width: 100%;
    min-height: 100vh;
    left: 0;
    margin-top: -30px;
    overflow: hidden;
    /* INSPIRED BY: https://medium.com/cloudaper/how-to-create-a-flexible-square-grid-with-css-grid-layout-ea48baf038f3 */
  }
  div.public-page-header div.mosaic.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.mosaic div.slides {
    display: grid;
    grid-template-columns: repeat(3, 150px);
    grid-auto-rows: 1fr;
    grid-gap: 5px;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    width: calc(100% - 5px);
    height: 100%;
    margin: 35px 0;
  }
  div.public-page-header div.mosaic div.slides::before {
    content: "";
    width: 0;
    padding-bottom: 100%;
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header div.mosaic div.slides div.blank-area {
    grid-area: 1/1/3/3;
  }
  div.public-page-header div.mosaic div.slides div.blank-area h1 {
    margin: 0;
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-header div.mosaic div.slides div.slide {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.5s;
    overflow: hidden;
    aspect-ratio: 1;
    counter-increment: my-counter;
  }
  div.public-page-header div.mosaic div.slides div.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0);
  }
  div.public-page-header div.mosaic div.slides div.slide img.img-ready {
    transition: filter 1s, transform 1s;
    animation: animate-mosaic-in 0.5s ease-out;
    animation-fill-mode: forwards;
  }
  @keyframes animate-mosaic-in {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    transform: translateY(100%);
    transition: transform 0.5s;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt .country {
    font-size: 16px;
    color: #b4dc28;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt h1 {
    font-size: 20px;
    line-height: 1.3em;
    text-align: left;
    margin: 0;
    color: #fff;
    font-weight: normal;
  }
  div.public-page-header div.mosaic div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0.9;
    transform: translateY(100%);
    transition: transform 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(1n) img {
    animation-delay: 0.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(2n) img {
    animation-delay: 0.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(3n) img {
    animation-delay: 0.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(4n) img {
    animation-delay: 0.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(5n) img {
    animation-delay: 0.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(6n) img {
    animation-delay: 0.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(7n) img {
    animation-delay: 0.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(8n) img {
    animation-delay: 0.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(9n) img {
    animation-delay: 0.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(10n) img {
    animation-delay: 0.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(11n) img {
    animation-delay: 0.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(12n) img {
    animation-delay: 0.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(13n) img {
    animation-delay: 0.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(14n) img {
    animation-delay: 0.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(15n) img {
    animation-delay: 0.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(16n) img {
    animation-delay: 0.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(17n) img {
    animation-delay: 0.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(18n) img {
    animation-delay: 0.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(19n) img {
    animation-delay: 0.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(20n) img {
    animation-delay: 1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(21n) img {
    animation-delay: 1.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(22n) img {
    animation-delay: 1.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(23n) img {
    animation-delay: 1.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(24n) img {
    animation-delay: 1.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(25n) img {
    animation-delay: 1.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(26n) img {
    animation-delay: 1.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(27n) img {
    animation-delay: 1.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(28n) img {
    animation-delay: 1.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(29n) img {
    animation-delay: 1.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(30n) img {
    animation-delay: 1.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(31n) img {
    animation-delay: 1.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(32n) img {
    animation-delay: 1.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(33n) img {
    animation-delay: 1.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(34n) img {
    animation-delay: 1.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(35n) img {
    animation-delay: 1.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(36n) img {
    animation-delay: 1.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(37n) img {
    animation-delay: 1.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(38n) img {
    animation-delay: 1.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(39n) img {
    animation-delay: 1.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(40n) img {
    animation-delay: 2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(41n) img {
    animation-delay: 2.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(42n) img {
    animation-delay: 2.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(43n) img {
    animation-delay: 2.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(44n) img {
    animation-delay: 2.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(45n) img {
    animation-delay: 2.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(46n) img {
    animation-delay: 2.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(47n) img {
    animation-delay: 2.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(48n) img {
    animation-delay: 2.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(49n) img {
    animation-delay: 2.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(50n) img {
    animation-delay: 2.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:hover .media-txt, div.public-page-header div.mosaic div.slides div.slide:hover::after {
    transform: translateY(0);
  }
  div.public-page-header div.mosaic div.slides > *:first-child {
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 90px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.public-page-header button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.public-page-header button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.public-page-header h1 {
    margin: 60px 60px 45px 60px;
    text-align: center;
    font-size: 60px;
    line-height: 1.2em;
  }
  div.public-page-header h2 {
    margin: 15px 60px 60px 60px;
    text-align: center;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
  }
  div.public-page-header p.lead {
    width: 100vw;
    padding: 0 60px;
    font-size: 24px;
    line-height: 1.5em;
    box-sizing: border-box;
  }
  div.public-page-panel {
    width: 100%;
    min-height: 90px;
    padding: 90px 0;
  }
  div.public-page-panel.sm-padding {
    padding: 5px 0;
  }
  div.public-page-panel.sm-padding > .inner #statistics.expand {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: calc(100% - 30px);
    padding: 0;
    z-index: 100000;
    animation: fade-in 0.25s;
  }
  div.public-page-panel.sm-padding > .inner #statistics.expand .close {
    float: right;
    border: none;
    outline: none;
    background-color: #005687;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
  }
  div.public-page-panel.sm-padding > .inner #statistics.expand .close.inlaid {
    position: absolute;
    top: 0;
    right: 0;
  }
  div.public-page-panel.sm-padding > .inner #statistics.expand .stat-group {
    background-color: #fff;
    margin: 0;
    padding: 30px;
  }
  div.public-page-panel.sm-padding > .inner #statistics.expand .stat-group:first-child {
    border-top: 2px solid #005687;
    padding-bottom: 0;
  }
  div.public-page-panel.sm-padding > .inner #statistics.expand .stat-group:not(:first-child) {
    display: grid;
  }
  div.public-page-panel.sm-padding > .inner #statistics.expand .stat-group .statistic .expand-stats {
    display: none;
  }
  div.public-page-panel.sm-padding > .inner #statistics .stat-group:not(:first-child) {
    display: none;
  }
  div.public-page-panel.sm-padding > .inner #statistics .stat-group .statistic h1 {
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-panel.sm-padding > .inner #statistics .stat-group .statistic h2 {
    font-size: 24px;
    line-height: 1.2em;
  }
  div.public-page-panel.sm-padding > .inner #statistics .stat-group .statistic p {
    font-size: 16px;
    line-height: 1.3em;
  }
  div.public-page-panel.sm-padding > .inner #statistics .stat-group .statistic .expand-stats {
    display: block;
  }
  div.public-page-panel.sm-padding > .inner #statistics .stat-group .statistic .expand-stats button {
    width: 45px;
    height: 45px;
    margin-top: 5px;
    font-size: 36px;
    color: #969696;
    border: none;
    outline: none;
    background: url(../imgs/icons/i-add.svg);
    cursor: pointer;
  }
  div.public-page-panel > .inner {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    /*h1.site-title.map-overlay {
    	position: absolute;
    	right: 0;
    	top: 0;
    	margin: calc(-90px * 1.2) 0 1em 0;
    	z-index: 1000;
    	text-align: left;
    }*/
  }
  div.public-page-panel > .inner h1.site-title {
    font-size: 60px;
    line-height: 1.2em;
    color: #0468b1;
    text-align: center;
    margin-bottom: 90px;
  }
  div.public-page-panel > .inner h3 {
    margin-bottom: 1em;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner .lead {
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  div.public-page-panel > .inner blockquote {
    font-size: 36px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner blockquote + p {
    margin-top: 1em;
  }
  div.public-page-panel > .inner .description {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 1em;
    color: #969696;
  }
  div.public-page-panel > .inner #statistics {
    margin-left: calc((100% - 100vw) / 2);
    margin: 0 0 30px 0;
    padding: 0 30px;
  }
  div.public-page-panel > .inner #statistics .stat-group {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
  }
  div.public-page-panel > .inner #statistics .stat-group:first-child .statistic {
    grid-column: 1/span 2;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic {
    text-align: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h1 {
    font-size: 60px;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h2 {
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic small {
    font-size: 14px;
    line-height: 1.2em;
    color: #969696;
  }
  div.public-page-panel > .inner .map-container {
    width: calc(100% + (100vw - 100%) / 2);
    margin-left: calc((100% - 100vw) / 4);
    margin-top: 90px;
  }
  div.public-page-panel > .inner .map-container #map {
    min-height: 60vh;
  }
  div.public-page-panel > .inner nav.enter {
    text-align: center;
    margin: 60px 0;
  }
  div.public-page-panel > .inner nav.enter a:hover {
    text-decoration: none;
  }
  div.public-page-panel > .inner nav.enter button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.public-page-panel > .inner nav.enter button.highlight {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.public-page-panel > .inner ul.columns {
    display: grid;
    align-items: center;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  div.public-page-panel > .inner ul.columns li {
    font-size: 20px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner ul.columns li small {
    display: block;
    font-size: 14px;
    line-height: 1.3em;
    color: #969696;
  }
  div.public-page-panel.blue {
    width: 100vw;
    padding: 90px 0;
    margin-left: calc((100% - 100vw) / 2);
    background-color: #0468b1;
    color: #fff;
  }
  div.public-page-panel.blue > .inner {
    padding: 0 15px;
  }
  div.public-page-panel.blue a {
    color: #b4dc28;
  }
  div.browse {
    display: block;
    width: calc(100vw - 30px);
    padding: 120px 15px 0 15px;
    background-color: #fff;
    min-height: calc(100% - 120px);
  }
  div.browse.home {
    padding-top: 45px;
  }
  div.browse.public, div.browse.instance {
    padding: 60px 15px 0 15px;
  }
  div.browse h1.instance-title {
    margin-top: 15px;
    display: bloc;
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
  }
  div.browse h1.instance-title + .engagement-group {
    display: block;
    text-align: center;
  }
  div.browse nav#search-and-filter {
    padding: 0 15px 15px 15px;
    border-top: 1px solid #646464;
    margin-bottom: 0;
    position: fixed;
    width: 100%;
    max-height: calc(100vh - 45px);
    min-height: 185px;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #fff;
    box-sizing: border-box;
    overflow: auto;
  }
  div.browse nav#search-and-filter .search-type-menu {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dotted #969696;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm {
    position: relative;
    color: #969696;
    border-right: 1px dotted #969696;
    cursor: pointer;
    padding: 5px 15px;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm:not(.stm-select):hover {
    color: #646464;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select {
    color: #005687;
    font-weight: bold;
    cursor: auto;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hint {
    display: inline-block;
    position: absolute;
    transform: translate(-3px, 15px);
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 5px;
    border-top-left-radius: 0;
    color: #000000;
    background-color: #ffc10e;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    width: max-content;
    max-width: 40vw;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hidden {
    display: none;
  }
  div.browse nav#search-and-filter form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  div.browse nav#search-and-filter form .search,
  div.browse nav#search-and-filter form .filter:not(.add) {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #969696;
  }
  div.browse nav#search-and-filter form .search input[type=text],
  div.browse nav#search-and-filter form .search input[type=list],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=list] {
    float: left;
    position: relative;
    width: calc(100% - 5px - 65px);
    height: 50px;
    margin: 15px 0 0 5px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    color: #005687;
  }
  div.browse nav#search-and-filter form .search label,
  div.browse nav#search-and-filter form .filter:not(.add) label {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(calc(20px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.browse nav#search-and-filter form .search input[type=text] + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text] + label {
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .search input[type=text]:focus + label,
  div.browse nav#search-and-filter form .search input[type=text].has-value + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text].has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .search input:-webkit-autofill,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:active,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.browse nav#search-and-filter form .search button,
  div.browse nav#search-and-filter form .filter:not(.add) button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .search img,
  div.browse nav#search-and-filter form .filter:not(.add) img {
    width: 30px;
    height: 30px;
    margin: auto;
  }
  div.browse nav#search-and-filter form .status {
    display: inline-block;
  }
  div.browse nav#search-and-filter form .status menu li p {
    margin: 5px 0;
  }
  div.browse nav#search-and-filter form .global-actions {
    width: calc(100% - 60px);
    margin-top: 10px;
  }
  div.browse nav#search-and-filter form .global-actions .add {
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px dotted #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text] {
    position: relative;
    width: calc(100% - 45px - 5px);
    height: 45px;
    padding: 0 0 0 5px;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    color: #005687;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add label {
    position: absolute;
    left: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(27.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .global-actions .add button {
    display: none;
    width: 45px;
    height: 45px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus + label,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus ~ button,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse nav#search-and-filter form .global-actions .add.expand {
    position: fixed;
    top: 80px;
    left: 15px;
    width: calc(100% - 30px);
    z-index: 10000;
    animation: expand-anim 0.1s;
  }
  div.browse nav#search-and-filter form .global-actions .add.expand:before {
    content: "";
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    background-color: rgba(255, 255, 255, 0.75);
    z-index: -1;
  }
  div.browse nav#search-and-filter form .global-actions .add.expand input[type=text] {
    width: calc(100% - 75px);
    height: 60px;
    background-color: #fff;
    margin-top: 0;
    margin-left: 0;
    padding: 15px 60px 0 15px;
    font-size: 20px;
    line-height: 1.5em;
    border-top: 2px solid #005687;
    border-bottom: 1px solid #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add.expand label {
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    transform: translateY(15px);
  }
  div.browse nav#search-and-filter form .global-actions .add.expand input[type=text]:focus + label,
  div.browse nav#search-and-filter form .global-actions .add.expand input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(7.5px);
  }
  div.browse nav#search-and-filter form .global-actions .add.expand button {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 10;
  }
  div.browse nav#search-and-filter form .global-actions .add.expand .dropdown {
    top: 100%;
    bottom: auto;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    bottom: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input[type=radio] {
    display: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label {
    display: flex;
    align-items: center;
    min-height: 45px;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .global-actions button.download {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters {
    position: relative;
    vertical-align: middle;
    float: right;
    width: 30px;
    height: 30px;
    margin: 30px 15px 0 auto;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  div.browse nav#search-and-filter form .expand-filters .l1 {
    width: 20px;
    transform: translate(5px, 7.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters .l2 {
    width: 15px;
    transform: translate(7.5px, 12.5px) rotate(0deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters .l3 {
    width: 10px;
    transform: translate(10px, 17.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l1 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l2 {
    width: 0;
    transform: translate(15px, 12.5px) rotate(0deg);
  }
  div.browse nav#search-and-filter form .expand-filters.close .l3 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 15px);
    max-height: 0;
    padding: 0 7.5px;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    transition: max-height 0.25s ease-out;
    /*section:nth-child(odd):not(:last-child) {
    	margin-right: 15px;
    }*/
  }
  div.browse nav#search-and-filter form .filters section {
    flex-grow: 1;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters section .filter {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: #fff;
    margin-bottom: 15px;
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text] {
    width: calc(100% - 30px);
    height: 45px;
    margin-left: 0;
    padding: 0 15px;
    font-size: 20px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .filter label {
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    transform: translateY(15px);
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filters section .filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2.5);
  }
  @keyframes expand-anim {
    0% {
      transform: translateY(30px);
    }
    100% {
      transform: translateY(0);
    }
  }
  div.browse nav#search-and-filter form .filters section .filter.expand {
    position: fixed;
    top: 80px;
    left: 15px;
    width: calc(100% - 30px);
    z-index: 10000;
    animation: expand-anim 0.1s;
  }
  div.browse nav#search-and-filter form .filters section .filter.expand:before {
    content: "";
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    background-color: rgba(255, 255, 255, 0.75);
    z-index: -1;
  }
  div.browse nav#search-and-filter form .filters section .filter.expand input[type=text] {
    height: 60px;
    background-color: #fff;
    margin-top: 0;
    padding-top: 15px;
    border-top: 2px solid #005687;
    border-bottom: 1px solid #969696;
  }
  div.browse nav#search-and-filter form .filters section .filter.expand .dropdown {
    top: calc(100% + 18px);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
    /*
    &.dropup {
    	top: auto;
    	bottom: 100%;
    	box-shadow: 0px -10px 10px rgba(0,0,0,.1);
    }
    */
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu {
    width: 100%;
    background-color: #fff;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li {
    width: 100%;
    min-height: 45px;
    margin: 0;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input {
    display: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: static;
    width: calc(100% - 35px);
    min-height: 45px;
    height: 100%;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 16px;
    line-height: 1.5em;
    transform: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label .count {
    color: #969696;
    margin-left: 15px;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label .count {
    color: #fff;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .filters section .filter:last-child {
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters {
    margin: -15px auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag {
    display: inline-block;
    height: 30px;
    padding: 0;
    margin: 2.5px;
    font-size: 16px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag label {
    cursor: pointer;
    vertical-align: middle;
    position: static;
    font-size: 14px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .name {
    margin: 0 10px;
    white-space: nowrap;
    color: #000000;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters .break {
    flex-basis: 100%;
    width: 0;
  }
  div.browse nav#search-and-filter form .filters .order {
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters .order menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    /*input.toggle:checked + label {
    	background-color: #FFF;
    }*/
  }
  div.browse nav#search-and-filter form .filters .order menu li input.toggle + label {
    display: inline-block;
    margin-top: 0;
  }
  div.browse nav#search-and-filter form .filters .order menu li p {
    display: inline-block;
    margin: 0 0 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters button.submit-filters {
    width: calc(100% - 15px);
    height: 45px;
    padding: 0 10px;
    margin: 15px 0 15px 7.5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .filters .status {
    display: block;
    width: 100%;
  }
  div.browse nav#search-and-filter form .filters .status menu {
    margin: auto;
  }
  div.browse nav#search-and-filter form .filters .status menu input.toggle + label {
    background-color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) {
    width: 100%;
    margin: 0 0 30px 0;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li {
    display: inline-block;
    margin: 0 15px 0 0;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button {
    height: 45px;
    padding: 0 10px 0 30px;
    border: none;
    outline: none;
    border-radius: 45px;
    border: 1px solid #0468b1;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #0468b1;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button .count {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #0468b1;
    border-radius: 30px;
    margin: -1px 0 0 10px;
    line-height: 30px;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button {
    background-color: #0468b1;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button .count {
    background-color: #fff;
    color: #0468b1;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) p {
    margin: 15px 0 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main {
    padding-bottom: 15px;
  }
  div.browse main .inner small.no-results {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #969696;
    text-align: center;
  }
  div.browse main .inner .meta-status {
    top: 30px;
    width: 100%;
    min-height: 60px;
    margin: -15px 0 30px -15px;
    padding: 15px;
    z-index: 100;
  }
  div.browse main .inner .meta-status form {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-gap: 15px;
  }
  div.browse main .inner .meta-status form .opts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    list-style: none;
    justify-content: center;
  }
  div.browse main .inner .meta-status form .opts li {
    display: inline-block;
    vertical-align: top;
  }
  div.browse main .inner .meta-status form .opts li p {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .meta-status form .opts li p.disabled {
    color: #e5e5e5;
  }
  div.browse main .inner .meta-status form .opts li input.toggle + label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  div.browse main .inner .meta-status form .opts li ul li {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
  }
  div.browse main .inner .meta-status form .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(2, 1fr);
    min-height: 30px;
    margin: 0 0 0 auto;
    justify-content: right;
    align-content: start;
  }
  div.browse main .inner .meta-status form .btn-group button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse main .inner .meta-status form .btn-group button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner .meta-status form .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner .head {
    position: relative;
    width: 100%;
    margin: 0 0 15px 0;
  }
  div.browse main .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  div.browse main .inner .head .title {
    width: 100%;
    outline: none;
    margin-bottom: 15px;
    border-bottom: 1px solid transparent;
    font-size: 60px;
    line-height: 1.3em;
    font-weight: 700;
  }
  div.browse main .inner .head .title:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.browse main .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .head .description {
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-top: none;
    outline: none;
    color: #005687;
    border-bottom: 1px solid transparent;
    white-space: pre-line;
  }
  div.browse main .inner .head .description.lead {
    font-size: 24px;
    line-height: 1.3em;
  }
  div.browse main .inner .head .description:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner section .layout {
    margin-top: 15px;
    /*article:not(.pad) {
    	border-bottom: 1px dotted $c-light-grey;
    	padding-top: 15px;
    }*/
  }
  div.browse main .inner section .layout article {
    position: relative;
    display: flex;
    /*            padding: 15px 0 15px 15px;*/
    padding: 0 0 15px 15px;
    margin-bottom: 15px;
    box-shadow: 0 10px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout article .inner {
    width: 100%;
    transition: width 0.25s;
  }
  div.browse main .inner section .layout article .inner .head {
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data {
    margin-bottom: 0;
    padding-top: 15px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor {
    font-size: 16px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(2, 1fr);
    /*margin: -16px -1px 0 auto;*/
    justify-content: right;
    align-content: start;
    /*                    transform: translateY(calc(-100% + 14px));*/
    align-items: start;
    margin: -1px -1px 0 auto;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button {
    min-height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.active {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown {
    position: absolute;
    min-width: 200px;
    max-height: 0;
    left: 0;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 100;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button {
    border: none;
    /*color: $c-dark-grey;*/
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout article .inner .body {
    padding-right: 15px;
  }
  div.browse main .inner section .layout article .inner .body .meta,
  div.browse main .inner section .layout article .inner .body .media {
    margin: 10px 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title {
    margin-top: 15px;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title a {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 {
    font-size: 24px;
    line-height: 1.3em;
    font-weight: bold;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 span {
    word-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 img {
    vertical-align: sub;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-txt {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.3em;
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a {
    color: #000000;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a .read-more {
    color: #32bee1;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover .read-more {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree {
    display: flex;
    align-items: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree {
    margin-right: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a img {
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child {
    color: #969696;
    margin-top: 0;
    /*margin-bottom: 10px;*/
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child {
    width: 100%;
    margin: 0 0 10px 0;
  }
  div.browse main .inner section .layout article .inner .body .create {
    position: relative;
    display: inline-block;
    margin: 5px 10px 10px 0;
  }
  div.browse main .inner section .layout article .inner .body .create button {
    height: 45px;
    padding: 0 15px;
    border: 1px solid #32bee1;
    outline: none;
    background-color: #32bee1;
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown {
    position: absolute;
    min-width: 100%;
    max-width: 300px;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
    white-space: pre;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li a button {
    min-height: 45px;
    padding: 5px 15px;
    font-size: 16px;
    background-color: transparent;
    border: none;
    color: #000000;
    text-align: left;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .body.full-width {
    grid-column: 1/span 2;
  }
  div.browse main .inner section .layout article .inner .body.full-width .media-title {
    width: calc(100% - 330px);
  }
  div.browse main .inner section .layout article .inner .foot .media-img {
    position: relative;
    width: 300px;
    height: 200px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: 100%;
    font-size: 14px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group {
    display: grid;
    grid-gap: 15px;
    grid-auto-flow: column;
    height: 100%;
    padding: 15px 15px 15px 0;
    box-sizing: border-box;
    justify-content: center;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 {
    text-align: center;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small {
    font-size: 14px;
    line-height: 1.5em;
    display: block;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total {
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small {
    text-decoration: none !important;
  }
  div.browse main .inner section .layout article .inner .pinboard-group {
    width: 100%;
    margin-top: 10px;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 5px 15px 0 0;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text] {
    position: relative;
    width: calc(100% - 45px);
    height: 45px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 1px dotted transparent;
    font-size: 20px;
    line-height: 1.5em;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add label {
    position: absolute;
    left: 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(27.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add button {
    display: none;
    width: 45px;
    height: 45px;
    margin-top: 7.5px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add.expand {
    position: fixed;
    top: 80px;
    left: 15px;
    width: calc(100% - 30px);
    z-index: 10000;
    animation: expand-anim 0.1s;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add.expand:before {
    content: "";
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    background-color: rgba(255, 255, 255, 0.75);
    z-index: -1;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add.expand input[type=text] {
    width: calc(100% - 75px);
    height: 60px;
    background-color: #fff;
    margin-top: 0;
    margin-left: 0;
    padding: 15px 60px 0 15px;
    font-size: 20px;
    line-height: 1.5em;
    border-top: 2px solid #005687;
    border-bottom: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add.expand label {
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    transform: translateY(15px);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add.expand input[type=text]:focus + label,
  div.browse main .inner section .layout article .inner .pinboard-group .add.expand input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(7.5px);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add.expand button {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 10;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add.expand .dropdown {
    top: 100%;
    bottom: auto;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu {
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox] {
    display: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: static;
    width: 100%;
    min-height: 45px;
    padding: 0 20px 0 15px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin {
    display: inline-block;
    height: 30px;
    padding: 0;
    margin: 0 5px 5px 0;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #969696;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin label {
    cursor: pointer;
    vertical-align: top;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .type {
    flex-shrink: 0;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .name {
    flex-grow: 1;
    margin: 0 10px;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #969696;
    text-align: center;
    font-size: 14px;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .outer {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #fff;
    /*&::after {
    	content: '';
    	position: absolute;
    	z-index: 0;
    	width: 100%;
    	height: 15px;
    	top: 100%;
    	background-color: #FFF;
    }*/
  }
  div.browse main .inner section .layout article .outer .inner {
    display: flex;
    position: relative;
    z-index: 1;
    width: 0;
    height: calc(100% - 1px);
    padding: 25px 0 0 0;
    margin-top: -25px;
    border-bottom: 1px dotted #969696;
    transition: width 0.25s;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.browse main .inner section .layout article .outer .inner form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  div.browse main .inner section .layout article .outer .inner form button {
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 15px;
    border: none;
    outline: none;
    border: 1px solid #a51e41;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #a51e41;
    cursor: pointer;
    overflow: hidden;
  }
  div.browse main .inner section .layout article .outer .inner form button.cancel {
    border-color: #646464;
    color: #646464;
  }
  div.browse main .inner section .layout article .outer::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 25px;
    top: -25px;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer.expand .inner {
    width: 120px;
  }
  div.browse main .inner section .layout article.status--1 {
    filter: grayscale(1);
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-2 {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout article.mobilization.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout .tag-group .meta-tags {
    margin-left: -2px;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a {
    display: inline-block;
    color: #0468b1;
    /*.tag {
    	border: 1px solid $c-mid-blue;
    	padding: 0 10px;
    	margin-right: 5px;
    	font-size: $t-small;
    	line-height: 1.5em;

    	label {
    		cursor: pointer;
    	}
    }*/
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag {
    border: none;
    padding: 0 15px;
    margin: 0 5px 5px 0;
    background-color: #e5e5e5;
    border-radius: calc(16px * 1.75);
    font-size: 16px;
    line-height: 1.75em;
    color: #646464;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag label {
    cursor: pointer;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs span {
    margin-right: 5px;
    color: #969696;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs a {
    display: inline-block;
    margin: 0 5px;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: bold;
  }
  div.browse main .inner section .layout .engagement-group {
    margin-top: 10px;
  }
  div.browse main .inner section .layout .engagement-group.page-stats {
    margin-top: 0;
  }
  div.browse main .inner section .layout .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.browse main .inner section .layout .engagement-group .engagement img {
    vertical-align: middle;
    width: 45px;
    height: 45px;
    cursor: pointer;
  }
  div.browse main .inner section .layout .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    color: #969696;
    user-select: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.browse main .inner section .layout.columns {
    /*article:not(.pad) {
    	border-bottom: 1px dotted $c-light-grey;
    	padding-bottom: 15px;
    	margin-bottom: 15px;
    }*/
  }
  div.browse main .inner section .layout.columns article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    vertical-align: top;
    grid-column: span 1;
    padding: 0 0 15px 0;
    border-bottom: none;
    margin-bottom: 60px;
    box-shadow: 0 10px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout.columns article .inner {
    display: flex;
    flex-direction: column;
  }
  div.browse main .inner section .layout.columns article .inner .head {
    display: block;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group {
    margin: -1px 0 15px -1px;
    text-align: left;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button {
    min-height: 45px;
    width: 100%;
    padding: 0 15px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.active {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown {
    position: absolute;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 100;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button {
    padding: 5px 15px;
    border: none;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img {
    position: relative;
    width: 100%;
    height: auto;
    min-width: 298px;
    min-height: auto;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: auto;
    min-height: 200px;
    font-size: 14px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout.columns article .inner .body {
    display: block;
    width: 100%;
    padding: 0 15px;
    margin-right: 0;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data {
    margin-bottom: 10px;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor {
    margin: 0;
    font-size: 20px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-date {
    margin: 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title {
    margin: 10px 0 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse main .inner section .layout.columns article .inner .body .meta-template {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta,
  div.browse main .inner section .layout.columns article .inner .foot .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 15px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats {
    margin: auto 15px;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats a h1 {
    text-align: center;
    cursor: pointer;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats a h1 small {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: normal;
    display: block;
    cursor: pointer;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats a h1 small.total {
    display: inline-block;
    font-weight: normal;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats a:hover h1 small {
    text-decoration: underline;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats a.disabled {
    color: #005687;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats a.disabled h1 small {
    text-decoration: none !important;
  }
  div.browse main .inner section .layout.columns article .outer {
    top: 15px;
    height: 0;
    transition: height 0.25s;
    overflow: hidden;
    margin-top: 0;
  }
  div.browse main .inner section .layout.columns article .outer .inner {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 15px 0;
  }
  div.browse main .inner section .layout.columns article .outer::before {
    height: 0;
    top: 0;
  }
  div.browse main .inner section .layout.columns article .outer::after {
    height: 0;
  }
  div.browse main .inner section .layout.columns article .outer.expand {
    height: 140px;
  }
  div.browse main .inner section .layout.columns .engagement-group {
    margin-top: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns .pinboard-group {
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse.slideshow {
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 45px);
    /*nav.tabs {
    	left: calc((100vw - (300px * 3 + 15px * 2)) / 2);
    }*/
  }
  div.browse.slideshow button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 90px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.browse.slideshow button.slide-nav.prev {
    left: 0;
  }
  div.browse.slideshow button.slide-nav.next {
    right: 0;
  }
  div.browse.slideshow button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse.slideshow main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.browse.slideshow main .inner {
    height: 100%;
  }
  div.browse.slideshow main .inner .blurb {
    display: none;
  }
  div.browse.slideshow main .inner section {
    height: 100%;
  }
  div.browse.slideshow main .inner section .layout {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
  }
  div.browse.slideshow main .inner section .layout article {
    position: relative;
    width: 100vw;
    height: 100vh;
    scroll-snap-align: center;
    padding: 0;
    border: none;
  }
  div.browse.slideshow main .inner section .layout article .inner {
    display: flex;
    justify-content: center;
    flex-flow: unset;
    flex-direction: column;
    flex: none;
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    padding: 0 60px 0 60px;
  }
  div.browse.slideshow main .inner section .layout article .inner .head {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    position: relative;
    padding: 0 15px;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 45px);
    z-index: 0;
    overflow: hidden;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
    pointer-events: none;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a img {
    display: block;
    max-width: calc(100% - 120px);
    background-color: #e5e5e5;
    font-size: 14px;
    line-height: 1.5em;
    line-height: 75vh;
    text-align: center;
    object-fit: contain;
  }
  div.browse.slideshow main .inner section .layout article .inner .body {
    position: relative;
    flex: unset;
    margin-bottom: 0;
    padding: 0 15px;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 img {
    filter: brightness(2);
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a .read-more,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a .read-more {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs span {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags {
    margin-left: -5px;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags a .tag {
    margin: 0 5px;
    background-color: #fff;
    color: #005687;
  }
  div.browse.slideshow main .inner section .layout article .inner .foot {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered {
    justify-content: center;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered .body {
    margin-bottom: 0;
  }
  div.browse.slideshow main .inner section .layout article .outer {
    display: none;
  }
  div.browse.slideshow main .inner section .layout article::after {
    content: "";
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 120px);
    height: 100%;
    opacity: 0;
    background-color: #0468b1;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article:hover {
    background-color: transparent;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .meta-group {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .media-img {
    opacity: 0.25;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .body {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover::after {
    opacity: 0.75;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  nav.pagination {
    width: 100%;
    text-align: center;
    padding-bottom: 60px;
  }
  nav.pagination .inner {
    display: initial;
    position: static;
  }
  nav.pagination .inner.notranslate {
    display: block;
  }
  nav.pagination .inner ul {
    padding: 0 15px;
    text-align: center;
  }
  nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  nav.pagination .inner ul li a {
    cursor: pointer;
  }
  nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  nav.pagination img {
    width: 180px;
    height: auto;
  }
  div.sticky-container + footer {
    padding-bottom: 185px;
  }
  /*.engagement-reads {
  	padding-left: 15px;
  	flex-grow: 1;
  }
  .engagement-reads-icon {
  	max-width: 20px;
  	height: 20px;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  .engagement-reads-count {
  	margin-left: 5px;
  	font-size: 0.9em;
  	color: $c-mid-grey;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }*/
  main#mobilize-new {
    /* THIS MIMICS THE div.document IN pad.ejs  */
    display: block;
    float: left;
    width: 960px; /* THE SECOND 15*2 IS TO ACCOUNT FOR PADDING IN THE OTHER PAGES */
    padding-top: 30px;
    height: calc(100vh - 30px);
  }
  main#mobilize-new form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  main#mobilize-new form .modal {
    width: calc(100% - 120px);
    padding: 30px 60px 15px 60px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 100;
  }
  main#mobilize-new form .modal .inner {
    position: relative;
    padding: 0;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .head {
    display: flex;
    width: calc(100% + 120px);
    margin: -30px 0 15px -60px;
    font-size: 20px;
  }
  main#mobilize-new form .modal .inner .head .btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 15px 10px 0 10px;
    margin-bottom: 15px;
  }
  main#mobilize-new form .modal .inner .head .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    line-height: 1.5em;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .head .btn-group button label {
    cursor: pointer;
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group button.next {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  main#mobilize-new form .modal .inner .head .btn-group button:disabled {
    background-color: transparent;
    border-color: #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title {
    font-weight: 700;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title i {
    vertical-align: middle;
    transform: rotate(90deg);
  }
  main#mobilize-new form .modal .inner .head .btn-group .contributor-count {
    flex-grow: 1;
    text-align: center;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt {
    padding: 0 7px 0 5px;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt input {
    display: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt label {
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt:hover label {
    text-decoration: underline;
  }
  main#mobilize-new form .modal .inner .head.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .head.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body {
    position: relative;
    min-height: 65px;
  }
  main#mobilize-new form .modal .inner .body h1 {
    margin-top: 30px;
    font-size: 24px;
    line-height: 1.3em;
  }
  main#mobilize-new form .modal .inner .body .input {
    position: relative;
    border-bottom: 1px solid #969696;
  }
  main#mobilize-new form .modal .inner .body .input label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body .filter {
    position: relative;
  }
  main#mobilize-new form .modal .inner .body .filter label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu {
    max-height: 300px;
    overflow: auto;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    border-top: 1px solid #969696;
    overflow: auto;
  }
  main#mobilize-new form .modal .inner .body menu li {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: space-around;
    color: #e5e5e5;
    padding: 0 20px 0 15px;
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li div {
    padding: 0 5px;
    text-align: left;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li div label {
    /* THE FOLLOWING IS TO COMPENSATE FOR var.lg.css */
    position: static;
    padding: 5px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .preview {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body menu li .preview i {
    vertical-align: middle;
    font-size: 20px;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .main label {
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li .grow {
    flex-grow: 1;
    padding: 0 10px;
    text-align: left;
    word-break: break-word;
  }
  main#mobilize-new form .modal .inner .body menu li .grow label {
    display: inline-block;
    width: 100%;
    transform: translateY(0);
  }
  main#mobilize-new form .modal .inner .body menu li .count,
  main#mobilize-new form .modal .inner .body menu li .position,
  main#mobilize-new form .modal .inner .body menu li .country {
    vertical-align: baseline;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu li .count label,
  main#mobilize-new form .modal .inner .body menu li .position label,
  main#mobilize-new form .modal .inner .body menu li .country label {
    font-size: 14px;
  }
  main#mobilize-new form .modal .inner .body menu li.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.checked {
    background-color: #32bee1;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .preview i {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked div label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .count label,
  main#mobilize-new form .modal .inner .body menu li.checked .position label,
  main#mobilize-new form .modal .inner .body menu li.checked .country label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li:not(.checked):hover {
    background-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body input[type=text] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    margin: 15px 0 0 0;
    background-color: transparent;
    font-size: 36px;
  }
  main#mobilize-new form .modal .inner .body label {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 20px;
    transform: translateY(26px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label {
    position: static;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label + p {
    font-size: 16px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body input[type=text] + label {
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .body input[type=text]:focus + label,
  main#mobilize-new form .modal .inner .body input[type=text].has-value + label {
    font-size: 14px;
    transform: translateY(0px);
  }
  main#mobilize-new form .modal .inner .body input:-webkit-autofill,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:hover,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:focus,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:active {
    /*-webkit-box-shadow: 0 0 0 40px $c-mid-1 inset !important;*/
    -webkit-text-fill-color: #005687 !important;
  }
  main#mobilize-new form .modal .inner .body textarea {
    position: relative;
    display: block;
    width: 100%;
    min-height: calc(20px * 1.5);
    height: 1px;
    padding: 15px 0 15px 0;
    margin-top: 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    line-height: 1.5em;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  main#mobilize-new form .modal .inner .body textarea + label {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 20px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  main#mobilize-new form .modal .inner .body textarea:focus + label,
  main#mobilize-new form .modal .inner .body textarea.has-value + label {
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  main#mobilize-new form .modal .inner .body label.inline {
    position: relative;
    display: block;
    color: #969696;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body label.small {
    font-size: 14px;
    line-height: 1.5em;
  }
  main#mobilize-new form .modal .inner .body label[for=pad-limit] {
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number] {
    /*						width: calc(60px * 3);*/
    border: none;
    outline: none;
    margin: 15px 0 0 10px;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.5em;
    color: #005687;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number]:disabled {
    color: #969696;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .body .cron-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option {
    display: flex;
    align-items: center;
    margin: 15px 0;
  }
  main#mobilize-new form .modal .inner .body .cron-option .toggle-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option .toggle-option {
    width: 150px;
    padding: 0 30px;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date],
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 20px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]::before,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]::before {
    content: none;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]:disabled,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]:disabled {
    color: #969696;
    background-color: transparent;
    border-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body.center {
    text-align: center;
    /*margin: 30px 0 15px 0;*/
  }
  main#mobilize-new form .modal .inner .foot {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 10px 0 0 0;
    font-size: 16px;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] {
    display: none;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked:not(:disabled) + label {
    border-color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:disabled + label + p {
    color: #e5e5e5 !important;
  }
  main#mobilize-new form .modal .inner .foot .contributor-count {
    margin: 15px 0;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot button {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #32bee1;
    border-radius: 0;
    outline: none;
    background-color: #32bee1;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition: none;
  }
  main#mobilize-new form .modal .inner .foot .global-opt.active button {
    border-color: #005687;
    background-color: transparent;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot.stretch {
    justify-content: space-between;
  }
  .modal.template-preview {
    align-self: flex-start;
    width: auto;
    margin: 0 auto 30px auto;
  }
  .modal.template-preview main#template {
    padding: 0;
    margin: 0 auto;
  }
  .modal.template-preview main#template .inner {
    padding: 60px;
  }
  main#mobilize-existing {
    width: 1245px;
    margin: 125px auto 0 auto;
    padding: 60px 0 0 0;
  }
  main#mobilize-existing .inner {
    position: relative;
  }
  main#mobilize-existing .inner .new {
    position: fixed;
    top: 30px;
    margin-left: -45px;
    z-index: 10000;
    text-align: center;
  }
  main#mobilize-existing .inner .new a button {
    width: 90px;
    height: 90px;
    border: none;
    outline: none;
    background-color: #f03c8c;
    font-size: 60px;
    color: #fff;
    cursor: pointer;
    transform: rotate(45deg);
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .new a button div {
    transform: rotate(-45deg);
  }
  main#mobilize-existing .inner .new a button:hover {
    background-color: #a51e41;
  }
  main#mobilize-existing .inner .overview .summary-statistics {
    width: 100%;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic {
    position: relative;
    width: 100%;
    text-align: center;
    color: #57648c;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 {
    font-size: 90px;
    line-height: 20px;
    white-space: nowrap;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 small {
    font-size: 20px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 {
    font-size: 60px;
    line-height: 20px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 small {
    font-size: 20px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic:first-child {
    grid-column-start: 3;
  }
  main#mobilize-existing .inner .mobilizations-container {
    clear: both;
    position: relative;
    margin: 60px 0 60px 0;
    border-top: 1px solid #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status label {
    position: absolute;
    bottom: 100%;
    left: 0;
    white-space: nowrap;
    padding: 5px 10px;
    background-color: #57648c;
    font-size: 14px;
    /*color: #FFF;*/
  }
  main#mobilize-existing .inner .mobilizations-container .input-group {
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: -30px 0 30px 0;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button {
    border: none;
    outline: none;
    height: 45px;
    background-color: transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 30px 0 20px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button i {
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:hover {
    background-color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin-bottom: 15px;
    border-left: 1px solid #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner {
    position: relative;
    /*a {
    text-decoration: none;*/
    /*}*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body {
    display: flex;
    padding: 0 10px 10px 10px;
    /*.meta.row-1 {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	margin-top: 5px;

    	.meta-sdgs {
    		font-size: $t-small;
    		margin-top: 5px;

    		span {
    			margin-right: 3px;
    			color: $c-light-1;
    		}
    		a {
    			margin: 0 3px;
    			color: $c-mid-1;
    			font-weight: 700;
    			text-decoration: none;
    		}
    		a:hover {
    			text-decoration: underline;
    		}
    	}
    	.meta-engagement {
    		button {
    			position: relative;
    			width: 30px;
    			height: 30px;
    			border: none;
    			border-radius: 30px;
    			outline: none;
    			margin: 0 0 0 10px;
    			background-color: transparent;
    			color: $c-light-1;
    			transition: background-color .25s;

    			i {
    				font-size: $t-mid;
    				line-height: 30px;
    				font-style: normal;
    				cursor: pointer;
    			}
    		}
    		button:hover {
    			background-color: $c-light-2;
    		}
    		button.active {
    			color: $c-mid-1;
    		}
    		button::after {
    			content: attr(data-count);
    			position: absolute;
    			left: 0;
    			top: calc(100% - 7px);
    			width: 100%;
    			text-align: center;
    			font-size: $t-xsmall;
    			font-weight: 700;
    			pointer-events: none;
    		}
    	}
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head {
    flex-shrink: 0;
    width: 300px;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags {
    margin-top: 5px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #934a5f;
    border-radius: 5px;
    color: #934a5f;
    font-size: 14px;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags .tag:hover {
    background-color: #934a5f;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor {
    margin: 5px 0 10px 0;
    font-size: 14px;
    color: #c2b4d6;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor a:hover {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .media-title {
    overflow-wrap: break-word;
    margin-top: 10px;
    /*padding: 0 20px;*/
    font-size: 20px;
    line-height: 1.5em;
    color: #333d51;
    font-weight: 700;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content {
    flex-grow: 1;
    display: flex;
    position: relative;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt {
    flex-grow: 1;
    overflow-wrap: break-word;
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.5em;
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt small {
    font-style: italic;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats {
    align-self: center;
    flex-shrink: 0;
    width: 150px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 {
    margin-top: 10px;
    text-align: center;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 small {
    font-size: 14px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a.disabled h1 {
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:hover {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover {
    /*h1 {
    	text-decoration: none;
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover small {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group {
    display: none;
    position: absolute;
    bottom: 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form {
    display: inline-block;
    margin: 10px 5px 0 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form .btn-overlay {
    padding: 5px;
    background-color: #57648c;
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover .inner .body .content .btn-group {
    display: block;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    mix-blend-mode: multiply;
    pointer-events: none;
    transition: opacity 0.25s;
    z-index: 10;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover::after {
    opacity: 1;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.unpublished .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(211, 172, 43, 0.1) 10px, rgba(211, 172, 43, 0.1) 20px);
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.publishable .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(163, 198, 196, 0.15) 10px, rgba(163, 198, 196, 0.15) 20px);
  }
  table.stats {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 60px;
    border-spacing: 0;
  }
  table.stats thead tr {
    font-size: 24px;
  }
  table.stats thead tr th {
    padding: 15px 30px;
  }
  table.stats tbody {
    color: #646464;
  }
  table.stats tbody tr.top-level td {
    cursor: pointer;
  }
  table.stats tbody tr:hover {
    background-color: rgb(239, 239, 239);
  }
  table.stats tbody tr.open {
    color: #000000;
  }
  table.stats tbody tr.open td {
    border-bottom: 1px solid #969696;
  }
  table.stats tbody tr.small {
    font-size: 16px;
  }
  table.stats tbody tr.small > td {
    padding: 5px 30px;
  }
  table.stats tbody tr.small:nth-child(even) {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.small:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(even) {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr td {
    padding: 5px 15px;
  }
  table.stats tbody tr td.center {
    text-align: center;
  }
  .org-footer {
    position: relative;
    background-color: #0468b1;
    background: linear-gradient(180deg, #005687 0%, #0468b1 30%, #e5e5e5 100%);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    z-index: 10000;
  }
  .org-footer .footer-row {
    width: 100%;
    margin-bottom: 1rem;
  }
  .org-footer .footer-row .footer-column .footer-img {
    width: calc(100% + 60px);
    height: auto;
    margin-left: -30px;
  }
  .org-footer .footer-row .footer-column h3 {
    font-weight: bold;
    font-size: 16px;
    margin: 22px 0 0 0;
    text-transform: uppercase;
  }
  .org-footer .footer-row .footer-column .outer .logo {
    display: block;
    height: 125px;
    margin: 0 auto 15px 45px;
  }
  .org-footer .footer-row .footer-column .outer small {
    display: block;
    font-size: 14px;
    text-align: left;
    margin-left: 45px;
  }
  .org-footer .footer-row .footer-column .inner {
    padding: 45px 45px 0px 45px;
  }
  .org-footer .footer-row .footer-column .inner ul {
    margin: 15px 0 0 0;
    padding: 0;
  }
  .org-footer .footer-row .footer-column .inner ul li {
    font-size: 16px;
    list-style: none;
    margin-bottom: 0.5em;
  }
  .org-footer .footer-row .footer-column .inner a {
    color: #fff;
    font-weight: normal;
  }
  .org-footer .footer-row .footer-column .inner .social-media-links li {
    display: inline-block;
    font-size: 24px;
    margin: 0 10px 0 0;
    color: #fff;
  }
  .org-footer .footer-row .footer-column.left .inner {
    padding-top: 30px;
  }
  .org-footer .footer-row .footer-column.center > .inner {
    padding-top: 30px;
  }
  .org-footer .footer-row .footer-column.center > .inner h3 {
    margin-top: 0;
  }
  .org-footer .footer-row .footer-column.right > .inner {
    padding-top: 0;
  }
  .org-footer .footer-row .footer-column.right > .inner h3 {
    margin-top: 0;
  }
  .org-footer .footer-row.signature {
    padding: 0 45px;
  }
  .org-footer .footer-row.signature .inner p {
    color: #005687;
  }
  .exploration-info p,
  .exploration-info h2 {
    padding: 5px;
  }
  div.exploration {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 2px solid #32bee1;
  }
  div.exploration input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  div.exploration label[for=exploration-main] {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    color: #969696;
    transform: translateY(16px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.exploration input[type=text]:focus + label,
  div.exploration input[type=text]:active + label,
  div.exploration input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  div.exploration input:-webkit-autofill,
  div.exploration input:-webkit-autofill:hover,
  div.exploration input:-webkit-autofill:focus,
  div.exploration input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.exploration a {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    font-size: 26px;
    float: right;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    line-height: 60px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #969696;
    cursor: pointer;
    text-decoration: none;
  }
  div.exploration a:hover {
    color: rgba(4, 104, 177, 0.75);
    text-decoration: none;
  }
  div.exploration a:active {
    color: #0468b1;
    text-decoration: none;
  }
  .exploration-article-inactive {
    filter: opacity(0.4) !important;
  }
  .exploration-btn-active {
    background-color: #32bee1 !important;
  }
  .exploration-btn-active:hover {
    background-color: rgba(4, 104, 177, 0.75) !important;
  }
  .exploration-btn-active:active {
    background-color: #0468b1 !important;
  }
  .exploration-doc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 51px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .exploration-doc * {
    font-size: 12px;
  }
  .exploration-doc button {
    display: inline-block;
    cursor: pointer;
    padding: 0.25em 10px;
    margin: 0 2px 0 0;
    border: 1px solid #32bee1;
    background-color: transparent;
  }
  .exploration-doc button:hover {
    background-color: #ddd;
  }
  .exploration-doc button:active {
    background-color: #ccc;
  }
  .exploration-doc select {
    width: 100%;
    height: 24px;
    box-sizing: border-box;
  }
  .exploration-big {
    flex-direction: row;
    justify-content: start;
    height: 26px;
    vertical-align: middle;
  }
  .exploration-big span {
    line-height: 24px;
    margin-right: 5px;
  }
  .exploration-big select {
    width: auto;
    margin-right: 5px;
  }
  .exploration-local {
    padding-left: 15px;
  }
}
/* Small devices */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  html,
  body {
    font-size: 16px;
    line-height: 1.3em;
  }
  .xs:not(.sm),
  .m:not(.sm),
  .lg:not(.sm),
  .xl:not(.sm),
  .xxl:not(.sm) {
    display: none !important;
  }
  .modal {
    width: 300px;
    margin-bottom: 75px;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 12px;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 16px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 12px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
  }
  .modal .inner ul li button {
    width: 100%;
    min-height: 45px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .inner ul li button.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 16px;
    color: #ffc10e;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 12px;
    transform: translateY(0px);
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li:hover button {
    background-color: #005687;
    color: #fff;
  }
  .modal .inner .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .inner .foot button {
    border: none;
    outline: none;
    height: 45px;
    width: 100%;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 16px;
    background-color: #e5e5e5;
    color: #333d51;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner .foot button:hover {
    background-color: #333d51;
    color: #fff;
  }
  .add-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 20px;
    background-color: #969696;
    color: #fff;
    font-size: 20px;
    line-height: 19px;
    text-align: center;
    vertical-align: text-top;
  }
  .engagement-group {
    margin-top: 10px;
  }
  .engagement-group.page-stats {
    margin-top: 0;
  }
  .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  li.menu-container {
    min-width: 100px;
    width: auto !important;
    height: 30px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 30px;
    color: #FFF;
    text-align: left;
    margin-left: 15px;
  }
  li.menu-container .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
    background-color: white;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000000;
    text-align: start;
  }
  li.menu-container .dropdown ul li {
    display: block;
    width: 100% !important;
    min-height: 45px !important;
  }
  li.menu-container .dropdown ul li a {
    text-decoration: none;
  }
  li.menu-container .dropdown ul li a button {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    text-transform: none;
    color: #969696 !important;
    width: 100%;
    min-height: 45px;
    margin: 0;
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
  }
  li.menu-container .dropdown ul li a button:hover {
    background-color: #e5e5e5 !important;
  }
  li.menu-container:hover .dropdown-content,
  li.menu-container .dropdown-content:hover {
    display: block;
  }
  li.menu-container .hamburger-icon {
    font-size: 12px;
    cursor: pointer;
    padding-right: 20px;
  }
  nav#languages {
    position: fixed;
    display: flex;
    width: 100%;
    height: 45px;
    top: 0;
    font-size: 12px;
    background-color: #005687;
    text-align: center;
    z-index: 100000;
  }
  nav#languages menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    transition: transform 0.25s;
  }
  nav#languages menu.squeeze {
    transform: scaleX(0);
  }
  nav#languages menu li {
    display: inline-block;
    min-width: 30px;
    height: 45px;
    line-height: 45px;
  }
  nav#languages menu li a {
    color: #fff;
  }
  nav#languages menu li a.active {
    color: #b4dc28;
    text-decoration: underline;
  }
  nav#languages menu li.home-btn {
    flex-grow: 1;
    padding-left: 15px;
    white-space: nowrap;
    text-align: left;
  }
  nav#languages menu li.home-btn a {
    color: #b4dc28;
  }
  nav#languages menu li.menu-container {
    margin-left: 75px;
  }
  nav#languages menu li.options {
    flex-grow: 1;
  }
  nav#languages menu li.options ul li {
    display: inline-block;
  }
  nav#languages menu li.disabled a {
    color: #646464;
    cursor: default;
  }
  nav#languages menu li.disabled a.active {
    text-decoration: underline;
  }
  nav#languages menu li.user-id {
    flex-grow: 1;
    padding-right: 15px;
    text-align: right;
    color: #fff;
  }
  nav#languages menu li.user-id u {
    color: #b4dc28;
  }
  button#expand-nav {
    position: fixed;
    display: block;
    top: 15px;
    left: 15px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    z-index: 100000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    cursor: pointer;
  }
  button#expand-nav .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  button#expand-nav .l1 {
    width: 20px;
    transform: translate(20px, 22.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav .l2 {
    width: 15px;
    transform: translate(22.5px, 27.5px) rotate(0deg);
    transform-origin: center;
  }
  button#expand-nav .l3 {
    width: 10px;
    transform: translate(25px, 32.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav.close .l1 {
    width: 25px;
    transform: translate(17.5px, 27.5px) rotate(-45deg);
    transform-origin: center;
  }
  button#expand-nav.close .l2 {
    width: 0;
    transform: translate(30px, 30px) rotate(0deg);
  }
  button#expand-nav.close .l3 {
    width: 25px;
    transform: translate(17.5px, 27.5px) rotate(45deg);
    transform-origin: center;
  }
  nav.tabs,
  nav.pinboard-sections {
    width: 100%;
    height: 45px;
    left: 0;
    margin-left: 0;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 100;
  }
  nav.tabs .inner,
  nav.pinboard-sections .inner {
    width: 100%;
  }
  nav.tabs .inner .sm,
  nav.pinboard-sections .inner .sm {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  nav.tabs .inner .sm .spaces,
  nav.pinboard-sections .inner .sm .spaces {
    flex-grow: 1;
  }
  nav.tabs .inner .sm .spaces button.space,
  nav.pinboard-sections .inner .sm .spaces button.space {
    display: block;
    position: relative;
    height: 45px;
    min-width: 300px;
    border: none;
    outline: none;
    background-color: transparent;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    margin: auto;
    padding-left: 45px;
  }
  nav.tabs .inner .sm .spaces button.space::after,
  nav.pinboard-sections .inner .sm .spaces button.space::after {
    content: ">";
    position: absolute;
    top: 13px;
    margin-left: 15px;
    color: #969696;
    text-align: center;
    transition: transform 0.25s;
    transform-origin: center;
    font-weight: normal;
  }
  nav.tabs .inner .sm .spaces .count,
  nav.pinboard-sections .inner .sm .spaces .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 15px;
    color: #969696;
  }
  nav.tabs .inner .sm .spaces .count::before,
  nav.pinboard-sections .inner .sm .spaces .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner .sm .spaces.open button.space::after,
  nav.pinboard-sections .inner .sm .spaces.open button.space::after {
    transform: rotate(90deg);
  }
  nav.tabs .inner .sm .spaces .dropdown,
  nav.pinboard-sections .inner .sm .spaces .dropdown {
    position: absolute;
    max-height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 1px);
    width: 300px;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs .inner .sm .spaces .dropdown menu,
  nav.tabs .inner .sm .spaces .dropdown ul,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul {
    border-top: 1px solid #005687;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li,
  nav.tabs .inner .sm .spaces .dropdown ul li,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li {
    position: relative;
    display: block;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li a,
  nav.tabs .inner .sm .spaces .dropdown ul li a,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li a,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li a {
    display: block;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li a:hover,
  nav.tabs .inner .sm .spaces .dropdown ul li a:hover,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li a:hover,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li a:hover {
    text-decoration: none;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li button,
  nav.tabs .inner .sm .spaces .dropdown ul li button,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li button,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 45px;
    padding: 0;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    font-weight: normal;
    cursor: pointer;
    overflow: hidden;
    padding: 0 30px;
    text-align: left;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li button.add,
  nav.tabs .inner .sm .spaces .dropdown ul li button.add,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li button.add,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li button.add {
    display: none;
    width: 30px;
    height: 30px;
    /* margin: 10px 5px 0 -5px; */
    background: url("../imgs/icons/i-add.svg") no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li button div,
  nav.tabs .inner .sm .spaces .dropdown ul li button div,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li button div,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li button div {
    display: inline-block;
    outline: none;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li button .count::before,
  nav.tabs .inner .sm .spaces .dropdown ul li button .count::before,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li button .count::before,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li button .count::before {
    content: none;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li button:hover,
  nav.tabs .inner .sm .spaces .dropdown menu li input[type=text]:hover:not(:focus),
  nav.tabs .inner .sm .spaces .dropdown ul li button:hover,
  nav.tabs .inner .sm .spaces .dropdown ul li input[type=text]:hover:not(:focus),
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li button:hover,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li input[type=text]:hover:not(:focus),
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li button:hover,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li input[type=text]:hover:not(:focus) {
    background-color: #e5e5e5 !important;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li input[type=text],
  nav.tabs .inner .sm .spaces .dropdown ul li input[type=text],
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li input[type=text],
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li input[type=text] {
    position: relative;
    width: calc(100% - 60px);
    height: 38px;
    padding: 4.5px 30px 0 30px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    color: #005687;
    text-align: left;
    border-bottom: 1px solid #fff;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li input[type=text]:focus,
  nav.tabs .inner .sm .spaces .dropdown ul li input[type=text]:focus,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li input[type=text]:focus,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li input[type=text]:focus {
    border-bottom: 1px solid #969696;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li label,
  nav.tabs .inner .sm .spaces .dropdown ul li label,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li label,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li label {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 85px);
    left: 30px;
    top: 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(10px);
    transition: transform 0.25s, font-size 0.25s;
    text-align: left;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li label .count,
  nav.tabs .inner .sm .spaces .dropdown ul li label .count,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li label .count,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li label .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
    text-align: right;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li label .count::before,
  nav.tabs .inner .sm .spaces .dropdown ul li label .count::before,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li label .count::before,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li label .count::before {
    content: none;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li label .count::after,
  nav.tabs .inner .sm .spaces .dropdown ul li label .count::after,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li label .count::after,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li label .count::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
    border: none;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li input[type=text] + label,
  nav.tabs .inner .sm .spaces .dropdown ul li input[type=text] + label,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li input[type=text] + label,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li input[type=text] + label {
    pointer-events: none;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li input[type=text]:focus + label,
  nav.tabs .inner .sm .spaces .dropdown menu li input[type=text].has-value + label,
  nav.tabs .inner .sm .spaces .dropdown ul li input[type=text]:focus + label,
  nav.tabs .inner .sm .spaces .dropdown ul li input[type=text].has-value + label,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li input[type=text]:focus + label,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li input[type=text].has-value + label,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li input[type=text]:focus + label,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs .inner .sm .spaces .dropdown menu li input[type=text]:focus + label .count::after,
  nav.tabs .inner .sm .spaces .dropdown menu li input[type=text].has-value + label .count::after,
  nav.tabs .inner .sm .spaces .dropdown ul li input[type=text]:focus + label .count::after,
  nav.tabs .inner .sm .spaces .dropdown ul li input[type=text].has-value + label .count::after,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li input[type=text]:focus + label .count::after,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li input[type=text].has-value + label .count::after,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li input[type=text]:focus + label .count::after,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li input[type=text].has-value + label .count::after {
    top: 2px;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li .dropdown,
  nav.tabs .inner .sm .spaces .dropdown ul li .dropdown,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li .dropdown,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 100%;
    transform: translateX(0);
    top: 0;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li .dropdown menu,
  nav.tabs .inner .sm .spaces .dropdown ul li .dropdown menu,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li .dropdown menu,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li .dropdown menu {
    width: 100%;
    border-top: 2px solid #005687;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li .dropdown menu li,
  nav.tabs .inner .sm .spaces .dropdown ul li .dropdown menu li,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li .dropdown menu li,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li .dropdown menu li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 60px);
    margin: 0;
    padding: 5px 30px;
    text-align: left;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li .dropdown menu li a,
  nav.tabs .inner .sm .spaces .dropdown ul li .dropdown menu li a,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li .dropdown menu li a,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li .dropdown menu li a {
    display: block;
    position: static;
    width: 100%;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li .dropdown menu li a .count,
  nav.tabs .inner .sm .spaces .dropdown ul li .dropdown menu li a .count,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li .dropdown menu li a .count,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li .dropdown menu li a .count {
    float: right;
    text-align: right;
    color: #969696;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li .dropdown menu li.highlight,
  nav.tabs .inner .sm .spaces .dropdown ul li .dropdown menu li.highlight,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li .dropdown menu li.highlight,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li .dropdown menu li.highlight {
    background-color: #32bee1;
    color: #000000;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li .dropdown menu li.highlight a .count,
  nav.tabs .inner .sm .spaces .dropdown ul li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li .dropdown menu li.highlight a .count {
    color: #fff;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li .dropdown menu li:hover,
  nav.tabs .inner .sm .spaces .dropdown ul li .dropdown menu li:hover,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li .dropdown menu li:hover,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs .inner .sm .spaces .dropdown menu li.active button,
  nav.tabs .inner .sm .spaces .dropdown ul li.active button,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li.active button,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li.active button {
    background-color: #32bee1;
    pointer-events: none;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li.active button .count,
  nav.tabs .inner .sm .spaces .dropdown ul li.active button .count,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li.active button .count,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li.active button .count {
    color: #fff;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li.active input[type=text],
  nav.tabs .inner .sm .spaces .dropdown ul li.active input[type=text],
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li.active input[type=text],
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li.editing,
  nav.tabs .inner .sm .spaces .dropdown ul li.editing,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li.editing,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li.editing {
    background-color: #e5e5e5;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li.editing a,
  nav.tabs .inner .sm .spaces .dropdown ul li.editing a,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li.editing a,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li.editing a {
    cursor: default;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li.editing button,
  nav.tabs .inner .sm .spaces .dropdown ul li.editing button,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li.editing button,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li.editing button {
    color: #005687 !important;
  }
  nav.tabs .inner .sm .spaces .dropdown menu li.editing button.add,
  nav.tabs .inner .sm .spaces .dropdown ul li.editing button.add,
  nav.pinboard-sections .inner .sm .spaces .dropdown menu li.editing button.add,
  nav.pinboard-sections .inner .sm .spaces .dropdown ul li.editing button.add {
    display: inline-block;
  }
  nav.tabs .inner .sm .btn-group,
  nav.pinboard-sections .inner .sm .btn-group {
    margin-right: 15px;
  }
  nav.tabs .inner .sm .btn-group a,
  nav.pinboard-sections .inner .sm .btn-group a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #969696;
    text-align: center;
  }
  nav.tabs .inner .sm .btn-group a i,
  nav.pinboard-sections .inner .sm .btn-group a i {
    line-height: 30px;
    font-size: 16px;
    color: #969696;
  }
  nav.tabs .inner .sm .btn-group a.active,
  nav.pinboard-sections .inner .sm .btn-group a.active {
    background-color: #005687;
    border-color: #005687;
  }
  nav.tabs .inner .sm .btn-group a.active i,
  nav.pinboard-sections .inner .sm .btn-group a.active i {
    color: #fff;
  }
  nav.tabs {
    position: fixed;
    top: 45px;
  }
  nav.pinboard-sections {
    width: calc(100vw - 30px);
    margin: 0 0 30px calc((100% - (100vw - 30px)) / 2);
  }
  nav.pinboard-sections .inner div.sm .spaces button.space {
    padding: 0;
  }
  nav.pinboard-sections .inner div.sm .spaces button.space div {
    display: inline-block;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown {
    top: auto;
    width: 100%;
    transform: translate(-50%, 1px);
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu {
    justify-content: flex-start;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li {
    display: flex;
    align-items: center;
    width: 100%;
    /*div, a {
    	display: inline-block;
    }*/
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.active {
    background-color: #32bee1;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.active > div {
    width: 45px;
    text-align: center;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.active > div i {
    color: #000000;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.editing {
    background-color: #e5e5e5;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.editing button {
    background-color: #e5e5e5;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.editing button .section-title {
    cursor: text;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li.editing button .count {
    color: #000000;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li a {
    width: 100%;
  }
  nav.pinboard-sections .inner div.sm .spaces .dropdown menu li i.material-icons {
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
  }
  nav.pinboard-sections + .description {
    margin: 45px 0 55px 0 !important;
  }
  header {
    /* LEFT COlUMN */
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    background-color: #fff;
    z-index: 1000;
    transform: translateX(calc(-100% - 10px));
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s ease-out;
  }
  header .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 100vh;
    top: 0;
  }
  header .inner nav#site-title {
    display: block;
    margin-top: 45px;
  }
  header .inner nav#site-title .inner {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    width: 100%;
    min-height: auto;
  }
  header .inner nav#site-title .inner img.logo {
    height: 125px;
    /*margin-left: 80px;*/
    margin-right: 60px;
  }
  header .inner nav#site-title .inner .create,
  header .inner nav#site-title .inner .save {
    position: relative;
    margin-top: 31px;
  }
  header .inner nav#site-title .inner .create button,
  header .inner nav#site-title .inner .save button {
    min-height: 45px;
    margin: 0;
    padding: 0 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown,
  header .inner nav#site-title .inner .save .dropdown {
    display: block;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    max-height: 0;
    width: 450px;
    background-color: #fff;
    overflow: hidden;
    z-index: 1000;
    transform: translateX(-50%);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    transition: max-height 0.25s ease-out;
  }
  header .inner nav#site-title .inner .create .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul {
    width: 100%;
    border-top: 2px solid #005687;
    /*li.status-2 {
    	button {
    		background: repeating-linear-gradient(
    			-45deg,
    			transparent,
    			transparent 3px,
    			rgba(150, 150, 150, .1) 3px,
    			rgba(150, 150, 150, .1) 6px
    		);
    	}
    }*/
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter,
  header .inner nav#site-title .inner .save .dropdown ul li.filter {
    position: absolute;
    height: 45px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text],
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label::after,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text] + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text].has-value + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.padding,
  header .inner nav#site-title .inner .save .dropdown ul li.padding {
    width: 100%;
    height: 45px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li,
  header .inner nav#site-title .inner .save .dropdown ul li {
    position: relative;
    background-color: #fff;
  }
  header .inner nav#site-title .inner .create .dropdown ul li img,
  header .inner nav#site-title .inner .save .dropdown ul li img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button,
  header .inner nav#site-title .inner .save .dropdown ul li button {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 45px;
    margin: 0;
    padding-right: 15px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button label,
  header .inner nav#site-title .inner .save .dropdown ul li button label {
    flex-grow: 1;
    display: block;
    width: 100%;
    cursor: pointer;
    margin: 10px 0;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li button .expandable {
    cursor: pointer;
    transition: transform 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li button:hover {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    white-space: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable label,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable label {
    margin: 0;
    flex-grow: initial;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable .sub,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable .sub {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a button,
  header .inner nav#site-title .inner .create .dropdown ul li a button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a button,
  header .inner nav#site-title .inner .save .dropdown ul li a button:hover {
    color: #000000;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a:hover {
    text-decoration: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form,
  header .inner nav#site-title .inner .save .dropdown ul li form {
    width: calc(100% - 45px);
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 15px 0 30px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file],
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] {
    display: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file] + label,
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] + label {
    display: block;
    width: 100%;
    cursor: inherit;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown {
    width: calc(100% - 60px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown ul {
    border-top: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf button,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf button {
    font-size: 14px;
    line-height: 1.5em;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li.open > .dropdown {
    border-top: 1px solid #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button .expandable {
    transform: rotate(90deg);
  }
  header .inner nav#site-title .inner .create .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .create .dropdown ul li.open > button,
  header .inner nav#site-title .inner .create .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .create .dropdown ul li.open > form,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .save .dropdown ul li.open > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-0 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-0 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-1 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-1 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create:hover button,
  header .inner nav#site-title .inner .create:focus button,
  header .inner nav#site-title .inner .create.open button {
    background-color: #005687;
    color: #fff;
  }
  header .inner nav#site-title .inner h1 {
    margin-top: 15px;
    font-size: 24px;
    line-height: 1.2em;
  }
  header .inner nav#site-title .inner h2 {
    margin: 5px 0;
    font-weight: 300;
    color: #b4dc28;
    font-size: 16px;
  }
  header .inner nav#site-title .inner .search {
    margin-top: 15px;
  }
  header .inner nav#site-title .inner .search button {
    border: none;
    outline: none;
    background-color: transparent;
  }
  header .inner nav#site-title .inner .search button img {
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  header .inner nav#modules {
    margin-bottom: 120px;
  }
  header .inner nav#modules menu {
    list-style: none;
  }
  header .inner nav#modules menu li {
    position: relative;
    text-align: center;
  }
  header .inner nav#modules menu li.label {
    font-size: 14px;
    color: #969696;
  }
  header .inner nav#modules menu li a {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: auto;
    padding: 15px 0;
    color: #969696;
  }
  header .inner nav#modules menu li a:hover {
    text-decoration: none;
  }
  header .inner nav#modules menu li.active a {
    font-weight: bold;
    color: #005687;
  }
  header .inner nav#modules menu li:nth-child(n+3)::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 0px;
    left: calc(50% - 50px);
    border-top: 1px dotted #969696;
  }
  header .inner nav.pagination {
    margin-bottom: 60px;
    width: 100%;
    pointer-events: all;
  }
  header .inner nav.pagination .inner {
    display: initial;
    position: static;
  }
  header .inner nav.pagination .inner ul {
    text-align: center;
  }
  header .inner nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  header .inner nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  header .inner nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  header .inner nav.pagination .inner ul.padded {
    padding: 0 45px;
  }
  header .inner nav.pagination img {
    width: 180px;
    height: auto;
  }
  header.open {
    transform: translateX(0);
  }
  nav#filters {
    display: inline-block;
    vertical-align: top;
    margin-top: 45px;
  }
  nav#filters .inner {
    position: fixed;
    padding: 15px 30px 15px 5px;
  }
  nav#filters .inner p {
    margin: 0 0 15px 5px;
    font-size: 16px;
    font-style: italic;
    color: #969696;
  }
  nav#filters .inner .active-filters {
    width: 100%;
    margin-bottom: 30px;
  }
  nav#filters .inner .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 10px;
    margin: 5px;
    background-color: #fff;
    font-size: 12px;
    color: #969696;
  }
  nav#filters .inner .active-filters .tag label {
    cursor: pointer;
  }
  nav#filters .inner .active-filters .tag .type {
    flex-shrink: 0;
    font-size: 10px;
    padding-right: 5px;
    border-right: 1px dotted #969696;
  }
  nav#filters .inner .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
  }
  nav#filters .inner .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    color: #fff;
  }
  .sidebar .input-toolbox {
    position: sticky;
    bottom: 0;
    left: calc(100% - 75px);
    transform: translate(-15px, -15px);
    width: 75px;
    height: 75px;
    border-radius: 75px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    z-index: 1001;
  }
  .sidebar .input-toolbox.highlight {
    background-color: #005687;
    border-color: #005687;
    color: #fff;
  }
  .sidebar .media-input-group {
    position: fixed;
    bottom: 105px;
    right: 22.5px;
    max-height: 0;
    z-index: 1000;
    transition: max-height 0.25s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    overflow: auto;
  }
  .sidebar .media-input-group .inner .btn-group {
    outline: none;
  }
  .sidebar .media-input-group .inner .btn-group input {
    display: none;
  }
  .sidebar .media-input-group .inner .btn-group form {
    position: relative;
    display: block;
    width: 60px;
    height: 45px;
  }
  .sidebar .media-input-group .inner .btn-group label,
  .sidebar .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 7.5px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .sidebar .media-input-group .inner .btn-group label label,
  .sidebar .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  .sidebar .media-input-group .inner .btn-group label label span,
  .sidebar .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  .sidebar .media-input-group .inner .btn-group label i,
  .sidebar .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  .sidebar .media-input-group .inner .btn-group label img,
  .sidebar .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  .sidebar .media-input-group .inner .btn-group label:hover,
  .sidebar .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  .sidebar .media-input-group .inner .btn-group label.highlight,
  .sidebar .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  .sidebar .media-input-group .inner .btn-group input:disabled,
  .sidebar .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  .sidebar .media-input-group .inner .btn-group input:disabled img,
  .sidebar .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  .sidebar .media-input-group .inner .btn-group .vertical-separator {
    width: 60px;
    height: 0px;
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  .sidebar .input-group.inline {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  .sidebar .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  .sidebar .input-group.fixed {
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  .sidebar .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
  }
  .sidebar .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  .veil {
    position: fixed;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .veil nav.browse-filters {
    position: relative;
    /*width: 475px;*/
    width: 400px;
    /*width: calc(150px * 3 + 15px * 2 + 60px);*/
    margin: 60px auto 125px auto;
    background-color: #fff;
    border: 1px solid #005687;
    border-top-width: 5px;
    transition: transform 0.5s;
  }
  .veil nav.browse-filters .handle {
    position: absolute;
    bottom: 100%;
    right: -1px;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
    cursor: e-resize;
  }
  .veil nav.browse-filters .handle button.close {
    height: 30px;
    border: none;
    outline: none;
    padding: 0 15px;
    background-color: #005687;
    color: #fff;
  }
  .veil nav.browse-filters .handle button.close label {
    cursor: pointer;
  }
  .veil nav.browse-filters .handle button.close label span {
    margin-left: 15px;
  }
  .veil nav.browse-filters form .query {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #32bee1;
  }
  .veil nav.browse-filters form .query input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 30px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  .veil nav.browse-filters form .query label[for=search-field] {
    position: absolute;
    top: 5px;
    left: 30px;
    font-size: 16px;
    color: #32bee1;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  .veil nav.browse-filters form .query input[type=text]:focus + label,
  .veil nav.browse-filters form .query input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  .veil nav.browse-filters form .query input:-webkit-autofill,
  .veil nav.browse-filters form .query input:-webkit-autofill:hover,
  .veil nav.browse-filters form .query input:-webkit-autofill:focus,
  .veil nav.browse-filters form .query input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  .veil nav.browse-filters form .query button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters p {
    margin: 15px 30px 0px 30px;
    font-size: 16px;
    font-style: italic;
  }
  .veil nav.browse-filters form .filters .meta-filters,
  .veil nav.browse-filters form .filters .content-filters {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 15px;
    /*.filter:nth-child(2n) {
    	margin-left: 0;
    	.dropdown {
    		left: -215px;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters,
  .veil nav.browse-filters form .filters .content-filters .active-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    padding: 0 10px;
    /*margin-bottom: 5px;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 5px;
    margin: 5px;
    background-color: #fff;
    font-size: 10px;
    color: #969696;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag label,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .type,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .type {
    flex-shrink: 0;
    /*font-size: $t-xsmall;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .name,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: bold;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .close,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter,
  .veil nav.browse-filters form .filters .content-filters .filter {
    position: relative;
    /*flex-grow: 1;*/
    width: 100%;
    /*width: 200px;*/
    margin: 5px 15px;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button,
  .veil nav.browse-filters form .filters .content-filters .filter button {
    height: 30px;
    width: 100%;
    padding: 0 30px;
    border: 1px solid #0468b1;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
    color: #0468b1;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter button label.count {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #0468b1;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown {
    display: none;
    position: absolute;
    /*top: calc(100% - 1px);*/
    top: 100%;
    left: 0;
    /*width: calc(415px - 2px);*/
    width: 338px;
    max-height: 300px;
    background-color: #fff;
    border: 1px solid #32bee1;
    border-top: none;
    /*border-top-width: 5px;*/
    z-index: 1000;
    overflow: auto;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul {
    width: 100%;
    /*padding-bottom: 5px;*/
    /*li.not-hovered > button {
    	background-color: $c-light-grey !important;
    }
    li.not-hovered > a {
    	button {
    		background-color: $c-light-grey !important;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li input[type=checkbox],
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li input[type=checkbox] {
    display: none;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label {
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    color: #000000;
    width: 90%;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label.count,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label.count {
    font-size: 12px;
    color: #0468b1;
    width: 10%;
    text-align: right;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li:hover,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li:hover {
    background-color: #e5e5e5;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active {
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active label {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter:not(.expand):hover button,
  .veil nav.browse-filters form .filters .content-filters .filter:not(.expand):hover button {
    background-color: #32bee1;
    border: 1px solid #32bee1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button {
    background-color: #0468b1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button label.count {
    background-color: #fff;
    font-weight: bold;
    color: #0468b1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter.expand .dropdown {
    display: block;
  }
  .veil nav.browse-filters form .filters .meta-filters .title h1,
  .veil nav.browse-filters form .filters .content-filters .title h1 {
    font-size: 16px;
    font-style: italic;
    color: #b4dc28;
    /*text-decoration: underline;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active,
  .veil nav.browse-filters form .filters .content-filters .title .active {
    margin-bottom: 10px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    text-decoration: none;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #333d51;
    border-radius: 5px;
    font-size: 12px;
    color: #333d51;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag label,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag i,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag i {
    vertical-align: middle;
    font-size: 16px;
    margin-left: 5px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag a {
    color: #333d51;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover {
    background-color: #333d51;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover a {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .separator {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .veil nav.browse-filters form .filters .separator span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    font-size: 12px;
    color: #32bee1;
    z-index: 100;
  }
  .veil nav.browse-filters form .filters .separator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .submission {
    width: calc(100% - 55px);
    padding: 5px 25px 30px 30px;
    text-align: right;
  }
  .veil nav.browse-filters form .submission button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    margin-right: 5px;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .submission button.search {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .veil nav#filter.open {
    transform: translateX(0);
  }
  .veil nav#filter.open .handle {
    cursor: w-resize;
  }
  .veil nav#filter.open .handle div {
    cursor: w-resize;
  }
  /* LEAFLET ADJUSTMENTS */
  /* =================== */
  /* BASE MAP: THIS IS THE BASE FOR THE browse ACTIVITY */
  .map-container {
    width: calc(100% + 30px);
    margin: 15px 0 0 -15px;
    z-index: 1;
    position: relative;
  }
  .map-container #map {
    min-height: 50vh;
    background-color: #e5e5e5;
  }
  .map-container .btn-group.map-scale {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 30px;
  }
  .map-container .btn-group.map-scale a {
    float: left;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    background-color: #e5e5e5;
    font-size: 12px;
    color: #005687;
    cursor: pointer;
  }
  .map-container .btn-group.map-scale a.active {
    background-color: #0468b1;
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
  }
  .map-container .btn-group.map-scale {
    /*top: 30px;*/
    right: 30px;
    left: auto;
  }
  .map-container .btn-group.map-scale a {
    padding: 0 8px 2px 8px;
    background-color: #005687;
    color: #fff;
  }
  .map-container .btn-group.map-scale a input[type=checkbox] {
    display: none;
  }
  .map-container .btn-group.map-scale a i {
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
  }
  .map-container.full-screen {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px - 45px - 135px);
    margin: 0;
  }
  .map-container.full-screen #map {
    height: 100%;
  }
  /* POPUPS */
  .leaflet-popup {
    z-index: 10000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
    font-family: "Overpass", Helvetica, Arial, sans-serif;
    color: #005687;
    padding: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 300px !important;
    max-height: 400px;
    margin: 0;
    /*      padding-top: 20px;*/
    overflow: auto;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn {
    width: 100%;
    min-height: 45px;
    padding: 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn:hover {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
    padding-bottom: 75px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article {
    position: relative;
    width: 100%;
    min-width: 300px;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    scroll-snap-align: center;
    padding-top: 0 !important;
    border-radius: 0;
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .media-img {
    width: 300px;
    margin-bottom: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .btn-group {
    margin: 10px 0 15px 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body {
    display: block;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body a {
    color: #32bee1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title {
    width: 100%;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title a {
    text-decoration: none;
    color: #005687;
    font-weight: 700;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt {
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt a {
    color: #000000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .foot {
    padding: 0 15px 30px 15px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    background-color: transparent;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    border-top: 1px dotted #969696;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel {
    position: relative;
    margin-bottom: 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots {
    width: calc(100% - 60px);
    padding: 0 30px;
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 2.5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot.highlight {
    background-color: #0468b1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul {
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li {
    display: inline-block;
    margin: 0 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a {
    color: #32bee1;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a.active {
    font-weight: 700;
    text-decoration: underline;
  }
  .leaflet-container a.leaflet-popup-close-button {
    width: calc(100% - 10px);
    height: 25px !important;
    width: 25px !important;
    top: 0;
    padding: 0 !important;
    margin: 10px 10px 0 0 !important;
    background-color: #005687;
    text-align: right;
    line-height: 20px;
    color: #646464 !important;
    display: block;
    font-size: 0 !important;
  }
  .leaflet-container a.leaflet-popup-close-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(-45deg);
    transform-origin: center;
  }
  .leaflet-container a.leaflet-popup-close-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(45deg);
    transform-origin: center;
  }
  /* PINS */
  .single-pin {
    outline: none;
  }
  .single-pin i {
    position: absolute;
    left: -125%;
    top: -50%;
    font-size: 2rem;
    color: #005687;
  }
  .single-pin.selected i {
    color: orange;
  }
  .cluster-pin {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border: 5px solid #005687;
    background-color: #005687;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.75;
  }
  .cluster-pin.selected {
    background-color: #0468b1;
    border-color: #0468b1;
  }
  .map-container.full-screen {
    top: 90px;
    height: calc(100vh - 90px - 180px);
  }
  .screen {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    /*background-color: rgba(255,255,255,.75);*/
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 3px, rgba(229, 229, 229, 0.75) 3px, rgba(229, 229, 229, 0.75) 6px);
    animation: fade-in 0.25s;
    z-index: 99999;
  }
  .screen .modal .close {
    float: right;
    border: none;
    outline: none;
    background-color: #005687;
    color: #fff;
    cursor: pointer;
  }
  .screen .modal .inner {
    border-top: 2px solid #005687;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  .screen .modal .inner img.zoom {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .screen.dark {
    background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75) 3px, rgba(50, 50, 50, 0.75) 3px, rgba(50, 50, 50, 0.75) 6px);
  }
  .screen.transparent {
    background: transparent;
  }
  .screen.blue {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .screen.error {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .screen.ter {
    background-color: rgb(239, 239, 239);
  }
  .screen.ter .modal .close {
    background-color: #333d51;
  }
  .screen.ter .modal .inner {
    border-top: 3px solid #333d51;
  }
  .modal {
    position: relative;
    width: 400px;
    flex-shrink: 1;
    margin: auto;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 12px;
  }
  .modal .close.inlaid {
    position: absolute;
    right: 0;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
    overflow-y: visible;
    max-height: 85vh;
  }
  .modal .inner.unpadded {
    padding: 0;
    max-height: none;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 16px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .modal .inner .message * {
    padding: 5px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 12px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
  }
  .modal .inner ul li div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
  }
  .modal .inner ul li div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .modal .inner ul li div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  .modal .inner ul li input[type=file] {
    display: none;
  }
  .modal .inner ul li button,
  .modal .inner ul li input[type=file] + label {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub,
  .modal .inner ul li input[type=file] + label .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .inner ul li button:disabled,
  .modal .inner ul li input[type=file] + label:disabled {
    color: #e5e5e5;
    cursor: default;
    border-color: #e5e5e5;
    background-color: transparent;
  }
  .modal .inner ul li button.padded,
  .modal .inner ul li input[type=file] + label.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li button.input-submit,
  .modal .inner ul li button[type=submit] {
    border-color: #32bee1;
    background-color: #32bee1;
    color: #fff;
  }
  .modal .inner ul li input[type=file] + label {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    transform: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #005687;
    line-height: 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 15px;
    font-size: 14px;
    color: #969696;
    transform: translateY(17px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li input:not([type=checkbox]):not([type=radio]):focus + label,
  .modal .inner ul li input.has-value:not([type=checkbox]):not([type=radio]) + label,
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 12px;
    transform: translateY(-5px);
  }
  .modal .inner ul li input.full-width {
    /*
    width: 100%;
    margin: 5px 0 15px 0;
    padding: 15px 0 15px 0;
    border: none;
    border-bottom: 1px solid $c-light-grey;
    outline: none;
    font-size: $t-main;
    */
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 0 15px 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li input + label {
    top: 1px;
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li .filter {
    position: relative;
  }
  .modal .inner ul li .filter input[type=text] {
    width: calc(100% - 30px);
    height: 45px;
    margin-left: 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li .filter input[type=text] + label {
    left: 15px;
    font-size: 14px;
    line-height: 1.3em;
    transform: translateY(12px);
    text-align: left;
  }
  .modal .inner ul li .filter input[type=text]:focus + label,
  .modal .inner ul li .filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.3em;
    transform: translateY(-10px);
  }
  .modal .inner ul li .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu {
    width: 100%;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px 15px 5px 15px;
    list-style: none;
    box-sizing: border-box;
  }
  .modal .inner ul li .filter .dropdown menu li input[type=checkbox],
  .modal .inner ul li .filter .dropdown menu li input[type=radio] {
    display: none;
  }
  .modal .inner ul li .filter .dropdown menu li label {
    display: block;
    position: static;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  .modal .inner ul li .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li label .sub {
    color: #969696;
    font-size: 12px;
  }
  .modal .inner ul li .filter .dropdown menu li label.secondary {
    padding: 0;
    font-size: 12px;
    color: #969696;
    font-style: italic;
  }
  .modal .inner ul li .filter .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal .inner ul li .filter .dropdown menu li.active {
    background-color: #32bee1;
  }
  .modal .inner ul li .active-filters {
    padding: 10px 15px;
    margin: 0 auto 15px auto;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  .modal .inner ul li .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .modal .inner ul li .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  .modal .inner ul li .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  .modal .inner ul li .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  .modal .inner ul li .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .modal .inner ul li .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  .modal .inner ul li.default {
    text-align: left;
  }
  .modal .inner ul li.default label {
    position: static;
    margin-left: 10px;
    color: #000000;
    font-size: 14px;
  }
  .modal .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .foot button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .foot button .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .foot p {
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
  }
  .modal.longlist .inner {
    padding: 0;
  }
  .modal.longlist .inner .message {
    padding: 15px 15px 5px 15px;
    margin: 0;
  }
  .modal.longlist .inner ul {
    width: 100%;
    max-height: 500px;
    overflow: auto;
  }
  .modal.longlist .inner ul li.filter {
    position: fixed;
    height: 45px;
    width: 300px;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  .modal.longlist .inner ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  .modal.longlist .inner ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  .modal.longlist .inner ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .modal.longlist .inner ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  .modal.longlist .inner ul li.filter input[type=text]:focus + label,
  .modal.longlist .inner ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  .modal.longlist .inner ul li.padding {
    width: 100%;
    height: 45px;
    margin: 0;
  }
  .modal.longlist .inner ul li.opt {
    margin: 0;
  }
  .modal.longlist .inner ul li.opt input[type=checkbox] {
    display: none;
  }
  .modal.longlist .inner ul li.opt label {
    display: block;
    padding: 5px 15px;
    margin: 0;
    transform: none;
  }
  .modal.longlist .inner ul li.opt label:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal.longlist .inner ul li.opt input:checked + label {
    background-color: #32bee1;
  }
  .modal.longlist .inner .foot {
    padding: 15px;
    margin: 0;
  }
  .login-module {
    padding: 30px 30px 15px 30px;
    border-top: 2px solid #005687;
    background-color: #fff;
  }
  .login-module ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
  }
  .login-module ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -30px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .login-module ul li .required input {
    display: none;
  }
  .login-module ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .login-module ul li .required input:checked + label,
  .login-module ul li .required label.active {
    color: #a51e41;
  }
  .login-module ul li .input-group {
    position: relative;
    flex-grow: 1;
  }
  .login-module ul li .input-group input.toggle + label {
    margin: 0;
  }
  .login-module ul li input[type=text],
  .login-module ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: #fff;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .login-module ul li input[type=text] + label,
  .login-module ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .login-module ul li input[type=text]:focus + label,
  .login-module ul li input[type=text].has-value + label,
  .login-module ul li input[type=password]:focus + label,
  .login-module ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .login-module ul li input[type=email]:invalid,
  .login-module ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .login-module ul li button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    margin-top: 15px;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .login-module ul li p.errormessage {
    color: #a51e41;
  }
  .login-module ul li p.small {
    font-size: 12px;
    color: #646464;
  }
  .login-module div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #969696;
    font-size: 12px;
  }
  .login-module div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .login-module div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  @keyframes animate-down {
    from {
      transform: translateY(-30px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .session-alert {
    padding: 15px;
    border: 1px dotted #a51e41;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .session-alert p {
    color: #a51e41;
  }
  .session-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  .session-alert form table {
    margin: 15px 0 0 0;
    width: 100%;
    color: #646464;
    font-size: 14px;
    line-height: 1.5em;
    border-collapse: separate;
    border-spacing: 0 5px;
  }
  .session-alert form table thead th {
    height: 30px;
    padding: 0 10px;
    text-align: left;
    border-bottom: 1px solid #969696;
  }
  .session-alert form table tbody tr:hover {
    background-color: #e5e5e5;
  }
  .session-alert form table tbody tr.all {
    font-weight: bold;
  }
  .session-alert form table tbody tr td {
    min-height: 30px;
    padding: 0 10px;
  }
  .session-alert form table tbody tr td.highlight {
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .session-alert form table tbody tr td:last-child {
    padding-right: 0;
  }
  .session-alert form table tbody tr td button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #a51e41;
    padding: 0 5px;
    background: transparent;
    outline: none;
    color: #a51e41;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .disclaimer-alert {
    padding: 15px;
    border: 1px dotted #fa7814;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .disclaimer-alert p {
    color: #fa7814;
  }
  .disclaimer-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  div.fixed-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
  div.hashed {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.document {
    position: relative;
    display: block;
    float: left;
    width: calc(100vw - 120px);
    padding: 45px 60px 0 60px;
    background-color: #fff;
    min-height: calc(100vh - 45px);
  }
  div.document main .engagement-input-group {
    position: fixed;
    width: 225px;
    margin: 0 0 0 -225px;
  }
  div.document main .engagement-input-group .bookmark {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 66px;
    height: 90px;
    top: -60px;
    right: 20px;
    transform-origin: top center;
    transition: transform 0.25s ease-out;
    background-color: #c2b4d6;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark div {
    transform: rotate(-90deg);
  }
  div.document main .engagement-input-group .bookmark::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-left: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-right: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark:hover,
  div.document main .engagement-input-group .bookmark.active {
    background-color: #57648c;
  }
  div.document main .engagement-input-group .bookmark:hover::before,
  div.document main .engagement-input-group .bookmark:hover::after,
  div.document main .engagement-input-group .bookmark.active::before,
  div.document main .engagement-input-group .bookmark.active::after {
    border-top-color: #57648c;
  }
  div.document main .engagement-input-group ul {
    padding: 5px 10px;
    margin: 65px 20px 0 0;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group ul li {
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
  }
  div.document main .engagement-input-group ul li button {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    max-width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 45px;
    outline: none;
    margin: 0 0 0 10px;
    background-color: transparent;
    color: #c2b4d6;
    font-size: 24px;
    line-height: 1.5em;
    cursor: pointer;
    transition: border-color 0.25s, max-width 0.5s;
  }
  div.document main .engagement-input-group ul li button small {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    white-space: nowrap;
  }
  div.document main .engagement-input-group ul li button i {
    flex-shrink: 0;
    width: 45px;
    display: inline-block;
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 45px;*/
    font-style: normal;
    cursor: pointer;
  }
  div.document main .engagement-input-group ul li button::after {
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: calc(100% - 10px);
    width: 45px;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: 700;
    pointer-events: none;
    transition: opacity 0.25s, transform 0.5s;
  }
  div.document main .engagement-input-group ul li button:hover {
    max-width: 100%;
    border-color: #c2b4d6;
  }
  div.document main .engagement-input-group ul li button.active {
    color: #934a5f;
  }
  div.document main .engagement-input-group ul li button.active:hover {
    border-color: #934a5f;
  }
  div.document main .engagement-input-group ul li button:hover::after {
    opacity: 0;
    transform: translateY(-10px);
  }
  div.document main .inner .meta-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 215px);
    margin-bottom: 90px;
    padding-bottom: 60px;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-info h1 {
    font-size: 20px;
    line-height: 1.5em;
  }
  div.document main .inner .meta-info p {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document main .inner button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.document main .inner button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status {
    position: sticky;
    top: 45px;
    width: 100vw;
    margin: 0 0 45px -60px;
    z-index: 10000;
  }
  div.document main .inner .meta-status .btn-group {
    height: 45px;
    padding: 10px 0;
    margin: 0 0 0 auto;
    text-align: center;
    z-index: 100;
  }
  div.document main .inner .meta-status .btn-group .save {
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.document main .inner .meta-status .btn-group .save button {
    background-color: #32bee1;
    padding: 0 15px;
    border-color: #32bee1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group .save.saved button {
    background-color: #0468b1;
    border-color: #0468b1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.document main .inner .meta-status .btn-group form button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .meta-status .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.document main .inner .meta-status .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 100;
    transition: max-height 0.15s ease-out;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li button {
    padding: 5px 10px;
    border: none;
    color: #969696;
    white-space: nowrap;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:not(:last-child) {
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-2,
  div.document main .inner .meta-status.status-3 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.document main .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
  }
  div.document main .inner .head .return {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head i {
    position: absolute;
    right: 100%;
  }
  div.document main .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 700;
  }
  div.document main .inner .head .title:focus {
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.document main .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .meta-country::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .dropdown {
    display: none;
  }
  div.document main .inner .body {
    width: 100%;
    padding-bottom: 60px;
  }
  div.document main .inner .body .layout {
    display: inline-block;
    clear: both;
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    transition: background-color 0.25s;
    /*.media-container.slide {
    	position: absolute;
    	min-height: 100vh;
    	transform: translateX(0);
    	opacity: 1;
    	transition: transform 1s, opacity 1s;
    }
    .media-container.slide-next {
    	transform: translateX(100%);
    	opacity: 0;
    }
    .media-container.slide-prev {
    	transform: translateX(-100%);
    	opacity: 0;
    }*/
  }
  div.document main .inner .body .layout .section-header {
    display: block;
  }
  div.document main .inner .body .layout .section-header h1 {
    padding: 5px 0;
    outline: none;
    font-size: 24px;
    line-height: 1.5em;
    color: #0468b1;
    font-weight: normal;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .section-header h1:focus {
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .placement-opts {
    position: absolute;
    display: none;
    top: calc(-24px);
    right: 100%;
    height: 100%;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .placement-opts .opt {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
  }
  div.document main .inner .body .layout .placement-opts .opt i {
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 30px;*/
  }
  div.document main .inner .body .layout .required {
    position: absolute;
    left: -60px;
    top: 55px;
    width: 60px;
    text-align: center;
  }
  div.document main .inner .body .layout .required input {
    display: none;
  }
  div.document main .inner .body .layout .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .required input:checked + label,
  div.document main .inner .body .layout .required label.active {
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container,
  div.document main .inner .body .layout .meta-container {
    clear: both;
    position: relative;
    width: 100%;
    /*margin-bottom: 10px;*/
  }
  div.document main .inner .body .layout .media-container .opts,
  div.document main .inner .body .layout .meta-container .opts {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group,
  div.document main .inner .body .layout .meta-container .opts .opt-group {
    display: none;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt {
    position: relative;
    width: 45px;
    height: 45px;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .repeat {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    /*color: $c-mid-1;*/
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 0px;
    /*border-top: 1px solid $c-light-yellow;*/
    border-top: 1px solid #e5e5e5;
    outline: none;
    /*transform: translateY(5px);*/
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label {
    display: none;
    top: 40px;
    z-index: 1000;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span {
    font-weight: bold;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 15px;
    transform: translateY(-3px);
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt:last-child {
    margin-right: 0;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.active {
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    outline: 1px solid #969696;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group label,
  div.document main .inner .body .layout .meta-container .opts .opt-group label {
    position: absolute;
    left: 0;
    /*top: 15px;*/
    height: 45px;
    padding: 0 10px;
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 45px;
    white-space: nowrap;
  }
  div.document main .inner .body .layout .media-container .placement-opts,
  div.document main .inner .body .layout .meta-container .placement-opts {
    top: 0;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts .opt i,
  div.document main .inner .body .layout .meta-container .placement-opts .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .align-opts .opt i,
  div.document main .inner .body .layout .meta-container .align-opts .opt i {
    transform: rotate(90deg);
  }
  div.document main .inner .body .layout .media-container .add-opt,
  div.document main .inner .body .layout .meta-container .add-opt {
    height: 30px;
    padding: 0 5px;
    color: #969696;
  }
  div.document main .inner .body .layout .media-container .add-opt i,
  div.document main .inner .body .layout .meta-container .add-opt i {
    display: none;
    line-height: 30px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container div.instruction,
  div.document main .inner .body .layout .meta-container div.instruction {
    padding: 5px 0 5px 10px;
    margin-bottom: 5px;
    border-left: 1px dotted #969696;
    color: #969696;
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main .inner .body .layout .meta-container div.instruction p:not(:last-child) {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media,
  div.document main .inner .body .layout .media-container .meta,
  div.document main .inner .body .layout .meta-container .media,
  div.document main .inner .body .layout .meta-container .meta {
    clear: both;
    position: relative;
    padding: 10px 0;
    outline: none;
    color: #000000;
  }
  div.document main .inner .body .layout .media-container .media-title,
  div.document main .inner .body .layout .meta-container .media-title {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-lead,
  div.document main .inner .body .layout .media-container .media-lead.focus,
  div.document main .inner .body .layout .meta-container .media-lead,
  div.document main .inner .body .layout .meta-container .media-lead.focus {
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 1.5em;
    border-top: none;
    color: #005687;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .media-lead:focus,
  div.document main .inner .body .layout .meta-container .media-lead:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-txt,
  div.document main .inner .body .layout .meta-container .media-txt {
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container .media-txt p,
  div.document main .inner .body .layout .meta-container .media-txt p {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media-img,
  div.document main .inner .body .layout .meta-container .media-img {
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-img img,
  div.document main .inner .body .layout .meta-container .media-img img {
    vertical-align: bottom;
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-img img.cover,
  div.document main .inner .body .layout .meta-container .media-img img.cover {
    width: 100%;
    width: auto\9 ;
    height: auto;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-img.template,
  div.document main .inner .body .layout .meta-container .media-img.template {
    min-height: initial;
  }
  div.document main .inner .body .layout .media-container .media-mosaic,
  div.document main .inner .body .layout .meta-container .media-mosaic {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item {
    position: relative;
    line-height: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-mosaic.x2,
  div.document main .inner .body .layout .meta-container .media-mosaic.x2 {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files,
  div.document main .inner .body .layout .meta-container .media-files {
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-files.x2,
  div.document main .inner .body .layout .meta-container .media-files.x2 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files.x3,
  div.document main .inner .body .layout .meta-container .media-files.x3 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files .files-item,
  div.document main .inner .body .layout .meta-container .media-files .files-item {
    position: relative;
    line-height: 0;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a,
  div.document main .inner .body .layout .meta-container .media-files .files-item a {
    text-decoration: none !important;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a img,
  div.document main .inner .body .layout .meta-container .media-files .files-item a img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    /*line-height: 30px;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon img {
    display: block;
    max-width: 150px;
    margin: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon label {
    max-width: 200px;
    padding: 5px 10px;
    text-align: left;
    font-size: 12px;
    line-height: 1.3em;
    border: 1px solid #969696;
    border-left: 5px solid #969696;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .media-drawing,
  div.document main .inner .body .layout .meta-container .media-drawing {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-drawing canvas,
  div.document main .inner .body .layout .meta-container .media-drawing canvas {
    margin: 10px auto;
    background-color: #fff;
    border: 1px solid transparent;
    cursor: crosshair;
  }
  div.document main .inner .body .layout .media-container .media-embed,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .media-embed,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before {
    font-family: Lucida Console, monospace;
  }
  div.document main .inner .body .layout .media-container .media-embed img,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main .inner .body .layout .meta-container .media-embed img,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded,
  div.document main .inner .body .layout .meta-container .media-embed.padded {
    padding: 5px 10px;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded img,
  div.document main .inner .body .layout .meta-container .media-embed.padded img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-checklist,
  div.document main .inner .body .layout .media-container .media-radiolist,
  div.document main .inner .body .layout .media-container .meta-checklist,
  div.document main .inner .body .layout .media-container .meta-radiolist,
  div.document main .inner .body .layout .meta-container .media-checklist,
  div.document main .inner .body .layout .meta-container .media-radiolist,
  div.document main .inner .body .layout .meta-container .meta-checklist,
  div.document main .inner .body .layout .meta-container .meta-radiolist {
    width: 100%;
    outline: none;
    white-space: pre-wrap;
  }
  div.document main .inner .body .layout .media-container .media-checklist .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist .instruction {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol,
  div.document main .inner .body .layout .media-container .media-radiolist ol,
  div.document main .inner .body .layout .media-container .meta-checklist ol,
  div.document main .inner .body .layout .media-container .meta-radiolist ol,
  div.document main .inner .body .layout .meta-container .media-checklist ol,
  div.document main .inner .body .layout .meta-container .media-radiolist ol,
  div.document main .inner .body .layout .meta-container .meta-checklist ol,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol {
    display: block;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt {
    /* CHANGE THE .option CLASS IN TEMPLATE TO STANDARDIZE TO .opt (ALREADY DONE IN pad.js) */
    display: flex;
    align-items: center;
    margin: 0;
    /*margin: 10px 0;*/
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div {
    padding: 0 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child {
    margin-right: 5px;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm {
    /*color: $c-light-1;*/
    color: #969696;
    pointer-events: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow {
    flex-grow: 1;
    align-self: center;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item {
    display: block;
    width: 100%;
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child {
    margin-bottom: 0;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm {
    color: #005687;
    pointer-events: all;
  }
  div.document main .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist.template .instruction {
    color: #000000;
    font-size: 16px;
  }
  div.document main .inner .body .layout .media-container .meta-location,
  div.document main .inner .body .layout .meta-container .meta-location {
    width: 100%;
  }
  div.document main .inner .body .layout .media-container .meta-location #map,
  div.document main .inner .body .layout .meta-container .meta-location #map {
    min-height: 300px;
  }
  div.document main .inner .body .layout .media-container .meta-index,
  div.document main .inner .body .layout .media-container .meta-sdgs,
  div.document main .inner .body .layout .meta-container .meta-index,
  div.document main .inner .body .layout .meta-container .meta-sdgs {
    width: 100%;
    min-height: 120px;
    line-height: 120px;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-index img,
  div.document main .inner .body .layout .media-container .meta-sdgs img,
  div.document main .inner .body .layout .meta-container .meta-index img,
  div.document main .inner .body .layout .meta-container .meta-sdgs img {
    width: 120px;
    height: 120px;
    margin: 0 10px;
    vertical-align: top;
  }
  div.document main .inner .body .layout .media-container .meta-index.template,
  div.document main .inner .body .layout .media-container .meta-sdgs.template,
  div.document main .inner .body .layout .meta-container .meta-index.template,
  div.document main .inner .body .layout .meta-container .meta-sdgs.template {
    min-height: initial;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag,
  div.document main .inner .body .layout .media-container .meta-skills,
  div.document main .inner .body .layout .media-container .meta-methods,
  div.document main .inner .body .layout .media-container .meta-datasources,
  div.document main .inner .body .layout .meta-container .meta-tag,
  div.document main .inner .body .layout .meta-container .meta-skills,
  div.document main .inner .body .layout .meta-container .meta-methods,
  div.document main .inner .body .layout .meta-container .meta-datasources {
    width: 100%;
    min-height: 31px;
    padding: 5px 0 10px 0;
    text-align: center;
    /*.tag {
    	display: inline-block;
    	color: $c-mid-blue;
    	font-size: $t-mid-small;
    	border: 1px solid $c-mid-blue;
    	padding: 5px 10px;
    	margin: 5px;

    	input {
    		display: none;
    	}
    	label {
    		cursor: pointer;
    	}
    }*/
    /*.tag:hover,*/
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag,
  div.document main .inner .body .layout .media-container .meta-skills .tag,
  div.document main .inner .body .layout .media-container .meta-methods .tag,
  div.document main .inner .body .layout .media-container .meta-datasources .tag,
  div.document main .inner .body .layout .meta-container .meta-tag .tag,
  div.document main .inner .body .layout .meta-container .meta-skills .tag,
  div.document main .inner .body .layout .meta-container .meta-methods .tag,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag {
    display: inline-block;
    border: none;
    padding: 5px 15px;
    margin: 0 5px 5px 0;
    background-color: #e5e5e5;
    border-radius: calc(14px * 2);
    font-size: 14px;
    line-height: 2em;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag label,
  div.document main .inner .body .layout .media-container .meta-skills .tag label,
  div.document main .inner .body .layout .media-container .meta-methods .tag label,
  div.document main .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag.selected {
    background-color: #005687;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before {
    line-height: 31px;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template,
  div.document main .inner .body .layout .media-container .meta-skills.template,
  div.document main .inner .body .layout .media-container .meta-methods.template,
  div.document main .inner .body .layout .media-container .meta-datasources.template,
  div.document main .inner .body .layout .meta-container .meta-tag.template,
  div.document main .inner .body .layout .meta-container .meta-skills.template,
  div.document main .inner .body .layout .meta-container .meta-methods.template,
  div.document main .inner .body .layout .meta-container .meta-datasources.template {
    min-height: initial;
    padding: 0;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before {
    line-height: initial;
  }
  div.document main .inner .body .layout .media-container .meta-attachment,
  div.document main .inner .body .layout .meta-container .meta-attachment {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-attachment a img,
  div.document main .inner .body .layout .meta-container .meta-attachment a img {
    width: 120px;
    height: 120px;
  }
  div.document main .inner .body .layout .media-container .meta-attachment.template,
  div.document main .inner .body .layout .meta-container .meta-attachment.template {
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .media-repeat button,
  div.document main .inner .body .layout .meta-container .media-repeat button {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    margin-top: 30px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    border-top: 1px solid #969696;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-repeat button div,
  div.document main .inner .body .layout .meta-container .media-repeat button div {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-repeat button::after,
  div.document main .inner .body .layout .meta-container .media-repeat button::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #969696;
    transform: translate(-4px, -8px);
  }
  div.document main .inner .body .layout .media-container .media-repeat.template button,
  div.document main .inner .body .layout .meta-container .media-repeat.template button {
    cursor: text;
  }
  div.document main .inner .body .layout .media-container .inset,
  div.document main .inner .body .layout .meta-container .inset {
    width: 100%;
    max-height: 0;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    overflow: hidden;
    transition: max-height 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add,
  div.document main .inner .body .layout .media-container .inset .search,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main .inner .body .layout .meta-container .inset .search {
    position: relative;
    width: 100%;
    height: 75px;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .media-container .inset .search input[type=text],
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .meta-container .inset .search input[type=text] {
    width: calc(100% - 65px - 10px);
    height: 50px;
    margin: 15px 0 0 10px;
    border: none;
    border-bottom: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0px);
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #934a5f inset !important;
    -webkit-text-fill-color: #333d51 !important;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main .inner .body .layout .media-container .inset .search label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main .inner .body .layout .meta-container .inset .search label {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 14px;
    line-height: 1.5em;
    transform: translateY(22.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main .inner .body .layout .media-container .inset .search button,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main .inner .body .layout .meta-container .inset .search button {
    width: 65px;
    height: 65px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location,
  div.document main .inner .body .layout .meta-container .inset .inset-location {
    max-height: 205px;
    padding: 0 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel {
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt {
    padding: 0 10px;
    margin: 5px 0;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover {
    background-color: #e5e5e5;
    color: #005687;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected {
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset .inset-index,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag {
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img {
    filter: brightness(300%);
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills,
  div.document main .inner .body .layout .media-container .inset .inset-methods,
  div.document main .inner .body .layout .media-container .inset .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset .inset-tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills,
  div.document main .inner .body .layout .meta-container .inset .inset-methods,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources {
    max-height: 205px;
    /*padding: 0 0 10px 10px;*/
    padding: 5px 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0 10px;
    border: 1px solid #969696;
    border-radius: calc(14px * 2);
    color: #969696;
    font-size: 14px;
    line-height: 2em;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag input {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag label {
    padding: 3px 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset.template,
  div.document main .inner .body .layout .meta-container .inset.template {
    /* THIS IS FOR TEMPLATES */
  }
  div.document main .inner .body .layout .media-container .inset.template div,
  div.document main .inner .body .layout .meta-container .inset.template div {
    padding: 0 0 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel,
  div.document main .inner .body .layout .meta-container .inset.template div .panel {
    /*border-left: 1px solid $c-light-1;*/
    border-left: 1px solid #969696;
    padding: 10px 10px 0 10px;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main .inner .body .layout .meta-container .inset.template div .panel .instruction {
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources {
    display: block;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel {
    /*.opt:not(.selected):hover {
    	background-color: transparent;
    	color: $c-light-green;
    }*/
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div {
    padding: 0 5px;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow {
    flex-grow: 1;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources {
    max-height: 300px;
  }
  div.document main .inner .body .layout .media-container figcaption,
  div.document main .inner .body .layout .meta-container figcaption {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .response.template,
  div.document main .inner .body .layout .meta-container .response.template {
    color: #969696;
    /*color: $c-mid-2;*/
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .drawing-container .opts {
    border-bottom: none;
  }
  div.document main .inner .body .layout .results-container .chart svg rect {
    fill: #0468b1;
    cursor: pointer;
  }
  div.document main .inner .body .layout .results-container .chart svg rect:hover {
    fill: #005687;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis text {
    font-weight: bold;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis path {
    display: none;
  }
  div.document main .inner .body .layout .group-container {
    position: relative;
    /*.media-group-items::before {
    	content: '';
    	position: absolute;
    	left: -30px;
    	top: -15px;
    	width: 100%;
    	height: 0;
    	border-top: 1px solid $c-mid-yellow;
    }*/
  }
  div.document main .inner .body .layout .group-container .required {
    left: -45px;
  }
  div.document main .inner .body .layout .group-container .media-group {
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .group-container .media-group-items {
    width: calc(100% - 30px);
    margin: 15px 0 15px 30px;
  }
  div.document main .inner .body .layout .group-container .media-group-items::before {
    content: "";
    position: absolute;
    left: -30px;
    width: 0;
    height: 100%;
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #969696;
  }
  div.document main .inner .body .layout .group-container .media-group-items.animate-in {
    opacity: 0;
    animation: slide-down 1s forwards;
  }
  div.document main .inner .body .layout .meta-container.template img {
    width: 20px;
    height: 20px;
    margin: 5px 5px 0 0;
    vertical-align: text-bottom;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .media-embed {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover canvas {
    /*border-color: $c-light-yellow;*/
    border-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.focus .add-opt i,
  div.document main .inner .body .layout .media-container:hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .opts,
  div.document main .inner .body .layout .media-container:hover > .opts {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main .inner .body .layout .media-container:hover > .opts .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .placement-opts,
  div.document main .inner .body .layout .media-container:hover > .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.move,
  div.document main .inner .body .layout .meta-container.move {
    transition: transform 0.75s;
  }
  div.document main .inner .body .layout:hover > .placement-opts {
    display: block;
  }
  div.document main .inner .body .layout.focus {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout.view {
    border-top: none;
  }
  div.document main .inner .body .layout.view .input-type {
    display: none;
  }
  div.document main .inner .body .layout.view .media-container,
  div.document main .inner .body .layout.view .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.view .media-container .media,
  div.document main .inner .body .layout.view .media-container .meta,
  div.document main .inner .body .layout.view .meta-container .media,
  div.document main .inner .body .layout.view .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .description-layout {
    margin-top: 0;
    padding-bottom: 30px;
    clear: both;
    /*border-top-color: $c-light-yellow;*/
    border-top-color: #e5e5e5;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .body .description-layout .media-container .media,
  div.document main .inner .body .description-layout .media-container .media.focus {
    border-top: none;
  }
  div.document main .inner .body .description-layout .media-container .media i,
  div.document main .inner .body .description-layout .media-container .media.focus i {
    color: #646464;
  }
  div.document main .inner .body .description-layout .meta-container {
    margin: 0 0 5px 0;
    padding-top: 0;
  }
  div.document main .inner .body .description-layout .meta-container .meta-template {
    font-size: 12px;
    line-height: 1.5em;
    display: inline-block;
    color: #969696;
  }
  div.document main .inner .body .description-layout .toc-container h1 {
    font-size: 20px;
    line-height: 1.5em;
    color: #646464;
    font-weight: normal;
  }
  div.document main .inner .body .description-layout .toc-container li {
    font-size: 16px;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
    cursor: pointer;
    list-style: initial;
    margin-left: 15px;
  }
  div.document main .inner .body .description-layout .toc-container li:hover {
    text-decoration: underline;
  }
  div.document main .inner .body .description-layout .input-slideshow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 15px 0 0 0;
    font-size: 14px;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label {
    border-color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  div.document main .inner .body .description-layout.view .media-container,
  div.document main .inner .body .description-layout.view .meta-container {
    padding-top: 0;
  }
  div.document main .inner .body .description-layout.view .media-container .media,
  div.document main .inner .body .description-layout.view .meta-container .media {
    color: #969696;
  }
  div.document main .inner .body .layout.preview .media-container,
  div.document main .inner .body .layout.preview .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.preview .media-container .media,
  div.document main .inner .body .layout.preview .media-container .meta,
  div.document main .inner .body .layout.preview .meta-container .media,
  div.document main .inner .body .layout.preview .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .layout.preview .media-container .placement-opts,
  div.document main .inner .body .layout.preview .meta-container .placement-opts {
    top: 15px;
  }
  div.document main .inner .body .layout.animate-in {
    animation: slide-down 1s;
  }
  div.document main .inner .body .input-toolbox {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 75px;
    height: 75px;
    border-radius: 75px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    z-index: 1001;
  }
  div.document main .inner .body .input-toolbox.highlight {
    background-color: #005687;
    color: #fff;
  }
  div.document main .inner .body .media-input-group {
    position: fixed;
    bottom: 105px;
    right: 22.5px;
    max-height: 0;
    z-index: 1000;
    transition: max-height 0.25s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    overflow: auto;
  }
  div.document main .inner .body .media-input-group .inner .btn-group {
    outline: none;
  }
  div.document main .inner .body .media-input-group .inner .btn-group input {
    display: none;
  }
  div.document main .inner .body .media-input-group .inner .btn-group form {
    position: relative;
    display: block;
    width: 60px;
    height: 45px;
  }
  div.document main .inner .body .media-input-group .inner .btn-group label,
  div.document main .inner .body .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 7.5px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  div.document main .inner .body .media-input-group .inner .btn-group label label,
  div.document main .inner .body .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  div.document main .inner .body .media-input-group .inner .btn-group label label span,
  div.document main .inner .body .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  div.document main .inner .body .media-input-group .inner .btn-group label i,
  div.document main .inner .body .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  div.document main .inner .body .media-input-group .inner .btn-group label img,
  div.document main .inner .body .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  div.document main .inner .body .media-input-group .inner .btn-group label:hover,
  div.document main .inner .body .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  div.document main .inner .body .media-input-group .inner .btn-group label.highlight,
  div.document main .inner .body .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  div.document main .inner .body .media-input-group .inner .btn-group input:disabled,
  div.document main .inner .body .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  div.document main .inner .body .media-input-group .inner .btn-group input:disabled img,
  div.document main .inner .body .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  div.document main .inner .body .media-input-group .inner .btn-group .vertical-separator {
    width: 60px;
    height: 0px;
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  div.document main .inner .body .input-group.inline {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  div.document main .inner .body .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  div.document main .inner .body .input-group.fixed {
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  div.document main .inner .body .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
  }
  div.document main .inner .body .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  div.document main .inner .engagement-group {
    margin: 10px 0 0 -7px;
  }
  div.document main .inner .engagement-group.page-stats {
    margin-top: 0;
  }
  div.document main .inner .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.document main .inner .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.document main .inner .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.document main .inner .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.document main .inner .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.document.slideshow {
    width: 100%;
    position: static;
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 45px);
    margin-top: 45px;
    box-sizing: border-box;
  }
  div.document.slideshow main#pad {
    position: absolute;
    width: 100%;
    height: calc(100% - 45px);
    left: 0;
    padding-bottom: 0;
  }
  div.document.slideshow main#pad > .inner {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  div.document.slideshow main#pad > .inner .meta-info {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.prev {
    left: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.next {
    right: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document.slideshow main#pad > .inner .slide {
    position: relative;
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    width: 100vw !important;
    min-height: 100vh;
    max-height: 100%;
    box-sizing: border-box;
    padding: 0 60px 60px 60px;
    scroll-snap-align: center;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
  }
  div.document.slideshow main#pad > .inner .slide div.required {
    left: 0;
    top: 50%;
  }
  div.document.slideshow main#pad > .inner .slide .opts .opt-group label {
    left: 60px;
  }
  div.document.slideshow main#pad > .inner .description-layout.slide {
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner div.body {
    position: relative;
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  div.document.slideshow main#pad > .inner div.body section:not(.slide) {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    margin: 0;
  }
  div.document.slideshow main#pad > .inner div.body .media-input-group {
    left: auto;
    right: 60px;
  }
  div.document.slideshow main#pad > .inner div.body .input-group.fixed {
    height: auto;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide {
    display: flex;
    align-items: center;
    top: 0;
    height: 100%;
    margin: 0;
    z-index: 0;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide .btn-group {
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  main#reference {
    pointer-events: none;
  }
  footer {
    width: 100vw;
    clear: both;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #e5e5e5;
  }
  footer .inner {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 30px;
    /* BELOW IS FOR THE COMMENTS MODULE */
  }
  footer .inner h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  footer .inner form {
    position: relative;
    margin: 15px 0 45px 0;
  }
  footer .inner form textarea {
    position: relative;
    width: calc(100% - 30px);
    min-height: 16px;
    height: 1px;
    padding: 10px 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  footer .inner form label {
    position: absolute;
    left: 30px;
    top: 11px;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  footer .inner form label::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -35px;
    width: 30px;
    height: 30px;
    background: url("../imgs/icons/i-comment-outline.svg");
    filter: brightness(75%);
  }
  footer .inner form textarea + label {
    pointer-events: none;
  }
  footer .inner form textarea:focus + label,
  footer .inner form textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  footer .inner form .btn-group {
    border-top: 1px solid #646464;
  }
  footer .inner form .btn-group button {
    display: none;
    height: 30px;
    padding: 0 10px;
    border-radius: 0;
    /*background-color: $c-mid-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    color: #fff;
    float: right;
  }
  footer .inner form .btn-group button:disabled {
    background-color: #e5e5e5;
    color: #fff;
  }
  footer .inner form textarea:focus + label + .btn-group,
  footer .inner form textarea.has-value + label + .btn-group {
    /*border-color: $c-mid-yellow;*/
    border-color: #e5e5e5;
  }
  footer .inner form textarea:focus + label + .btn-group button,
  footer .inner form textarea.has-value + label + .btn-group button {
    display: block;
  }
  footer .inner ul.comments li {
    margin: 15px 0;
  }
  footer .inner ul.comments li .head .meta .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .head .meta .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  footer .inner ul.comments li .head .meta .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .body {
    font-size: 14px;
    line-height: 1.5em;
  }
  footer .inner ul.comments li .foot button.expand-collapsed {
    background-color: transparent;
    height: 45px;
    border: none;
    outline: none;
    color: #646464;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    cursor: pointer;
  }
  footer .inner ul.comments li .foot button.expand-collapsed.wide {
    position: relative;
    width: 100%;
    height: 45px;
    margin: 10px 0 0 0;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  footer .inner ul.comments li .foot .collapsed {
    position: relative;
    max-height: 0;
    padding-left: 30px;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  footer .inner ul.comments li .foot .collapsed ul.replies li {
    margin-top: 5px;
  }
  footer .inner ul.comments li .foot .collapsed form {
    margin-bottom: 30px;
  }
  footer .inner ul.comments li .foot .collapsed::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 7.5px;
    width: 0;
    height: calc(100% - 15px);
    border-left: 1px dotted #969696;
  }
  footer .inner button {
    height: 45px;
    background-color: #333d51;
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  footer .inner .approval-message {
    position: relative;
    width: 875px;
    margin: 0 auto;
    padding: 10px;
  }
  footer .inner .approval-message small {
    font-size: 12px;
    line-height: 1.5em;
    color: #c2b4d6;
  }
  footer .inner .approval-message p {
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  footer .inner .approval-message::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -11px;
    height: calc(100% + 15px);
    width: 1px;
    background-color: #c2b4d6;
  }
  footer .inner .approval-message::after {
    content: "“";
    position: absolute;
    /*top: calc(16px / 4);*/
    top: calc(10px + 16px);
    left: -11px;
    width: 10px;
    vertical-align: middle;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #c2b4d6;
    /*border-bottom: 1px solid $c-light-1;*/
    font-size: 36px;
    line-height: 1.5em;
    color: #c2b4d6;
    text-align: center;
  }
  div.source-container {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    margin-top: 30px;
    /*
    position: fixed;
    height: 100vh;
    overflow: auto;
    vertical-align: top;
    filter: grayscale(1);

    main#reference {
    	width: 100%;
    	min-width: 0;
    	margin: 60px 0 0 0;

    	.inner {
    		.head {
    			a {
    				display: none;
    			}
    		}
    	}
    }
    */
  }
  .document.split-screen {
    width: calc(50% - 120px);
    border: none;
  }
  .document.split-screen .media-input-group {
    left: auto !important;
    right: 0 !important;
  }
  .document.split-screen.right {
    margin-left: 50%;
  }
  div.display-option {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 1000000;
  }
  div.display-option a button {
    width: 100%;
    height: 20px;
    outline: none;
    border: none;
    padding: 0 10px;
    background-color: #969696;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
    vertical-align: top;
    transition: background-color 0.25s;
  }
  div.display-option a button:hover {
    background-color: #646464;
  }
  div.display-option.split-screen a button {
    width: 50%;
  }
  .fact-sheet {
    position: relative;
    display: block;
    width: 840px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    min-height: calc(100vh - 30px);
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .fact-sheet main#profile .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 30px -60px;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button.save {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  .fact-sheet main#profile .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  .fact-sheet main#profile .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  .fact-sheet main#profile .inner .head i {
    position: absolute;
    right: 100%;
  }
  .fact-sheet main#profile .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  .fact-sheet main#profile .inner .body form button.expand-collapsed {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
    /*
    &::after {
    	content: '';
    	position: absolute;
    	top: 0;
    	width: 0;
    	height: 0;
    	border-left: 6px solid transparent;
    	border-right: 6px solid transparent;
    	border-bottom: 8px solid $c-light-grey;
    	transform: translate(-4px, -8px);
    }
    */
  }
  .fact-sheet main#profile .inner .body form div.info {
    margin: 30px 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -45px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input:checked + label,
  .fact-sheet main#profile .inner .body form div.info ul li .required label.active {
    color: #a51e41;
  }
  .fact-sheet main#profile .inner .body form div.info ul li label.instruction {
    display: inline-block;
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    /*margin-bottom: 5px;*/
    border-left: 1px dotted #969696;
    font-size: 14px;
    line-height: 1.5em;
    vertical-align: middle;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group {
    display: inline-block;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group input.toggle + label {
    margin: 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group {
    display: inline-block;
    position: relative;
    width: 30%;
    margin: 0 auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    box-sizing: border-box;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group.margin-left {
    margin-left: calc(30% + 30px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard {
    /*display: flex;
    justify-content: flex-start;
    align-items: top;*/
    width: 100%;
    min-height: 45px;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins {
    display: flex;
    margin: auto 0;
    flex-wrap: wrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin {
    display: inline-block;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    line-height: 30px;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin label {
    vertical-align: top;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: normal;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .close {
    display: inline-block;
    width: 30px;
    background-color: #969696;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:disabled {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:invalid,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown {
    position: absolute;
    width: calc(100% + 30px);
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add button {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 15px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text]:focus ~ button,
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text].has-value ~ button {
    display: block;
  }
  .fact-sheet main#profile .inner .body form div.info ul li button.add-info {
    min-height: 45px;
    /*width: 100%;*/
    border: none;
    outline: none;
    background-color: transparent;
    color: #969696;
    cursor: pointer;
    /*background: repeating-linear-gradient(
    	45deg,
    	transparent,
    	transparent 3px,
    	rgba(150, 150, 150, .1) 3px,
    	rgba(150, 150, 150, .1) 6px
    );*/
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed button.expand-collapsed {
    margin-top: 15px;
  }
  .fact-sheet main#profile .inner div.foot {
    padding-bottom: 60px;
  }
  .fact-sheet main#profile .inner div.foot .api-token form {
    display: flex;
  }
  .fact-sheet main#profile .inner div.foot .api-token form button.request-token {
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    border: 1px solid #969696;
    /*border-left: 1px dotted $c-light-grey;*/
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group {
    display: flex;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group input[type=text] {
    flex-grow: 1;
    padding: 5px 0 5px 15px;
    border: 1px solid #969696;
    border-left: 0;
    border-right: 0;
    outline: none;
    font-size: 14px;
    line-height: 1.5em;
    cursor: copy;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group button.copy {
    width: 60px;
    background-color: #32bee1;
    border: none;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet {
    width: 100%;
    box-sizing: border-box;
  }
  div.public-page-header {
    min-height: 100vh;
  }
  div.public-page-header div.carousel {
    position: relative;
    width: 100%;
    min-height: 100vh;
    left: 0;
  }
  div.public-page-header div.carousel.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.carousel div.slides {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    scroll-snap-type: x mandatory;
    height: 100vh;
    width: 100%;
    padding: 60px 0 120px 0;
    overflow: auto;
    box-sizing: border-box;
  }
  div.public-page-header div.carousel div.slides div.slide {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex: none;
    scroll-snap-align: center;
  }
  div.public-page-header div.carousel div.slides div.slide a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt {
    align-self: center;
    position: absolute;
    width: 615px;
    color: #005687;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
    color: #fff;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt .country {
    color: #b4dc28;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt h1 {
    font-size: 24px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 0 15px 0;
  }
  div.public-page-header div.carousel div.slides div.slide a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
    transition: opacity 0.5s;
  }
  div.public-page-header div.carousel div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.carousel div.slides div.slide:hover img {
    opacity: 0.25;
  }
  div.public-page-header div.carousel div.slides div.slide:hover .media-txt {
    opacity: 1;
  }
  div.public-page-header div.carousel div.slides div.slide:hover::after {
    opacity: 0.75;
  }
  div.public-page-header div.carousel div.dots {
    position: absolute;
    bottom: 90px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    text-align: center;
  }
  div.public-page-header div.carousel div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  div.public-page-header div.carousel div.dots .highlight {
    background-color: #61b233;
  }
  div.public-page-header div.mosaic {
    /*position: absolute;*/
    width: 100%;
    min-height: 100vh;
    left: 0;
    /* INSPIRED BY: https://medium.com/cloudaper/how-to-create-a-flexible-square-grid-with-css-grid-layout-ea48baf038f3 */
  }
  div.public-page-header div.mosaic.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    margin-top: 50px;
  }
  div.public-page-header div.mosaic div.slides {
    display: grid;
    grid-template-columns: repeat(5, 150px);
    grid-auto-rows: 1fr;
    grid-gap: 5px;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    width: calc(100% - 5px);
    height: 100%;
    margin: 35px 0;
  }
  div.public-page-header div.mosaic div.slides::before {
    content: "";
    width: 0;
    padding-bottom: 100%;
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header div.mosaic div.slides div.blank-area {
    grid-area: 1/1/3/3;
  }
  div.public-page-header div.mosaic div.slides div.blank-area h1 {
    margin: 0;
  }
  div.public-page-header div.mosaic div.slides div.slide {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.5s;
    overflow: hidden;
    aspect-ratio: 1;
    counter-increment: my-counter;
  }
  div.public-page-header div.mosaic div.slides div.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0);
  }
  div.public-page-header div.mosaic div.slides div.slide img.img-ready {
    transition: filter 1s, transform 1s;
    animation: animate-mosaic-in 0.5s ease-out;
    animation-fill-mode: forwards;
  }
  @keyframes animate-mosaic-in {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    transform: translateY(100%);
    transition: transform 0.5s;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt .country {
    font-size: 14px;
    color: #b4dc28;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt h1 {
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
    margin: 0;
    color: #fff;
    font-weight: normal;
  }
  div.public-page-header div.mosaic div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0.9;
    transform: translateY(100%);
    transition: transform 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(1n) img {
    animation-delay: 0.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(2n) img {
    animation-delay: 0.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(3n) img {
    animation-delay: 0.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(4n) img {
    animation-delay: 0.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(5n) img {
    animation-delay: 0.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(6n) img {
    animation-delay: 0.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(7n) img {
    animation-delay: 0.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(8n) img {
    animation-delay: 0.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(9n) img {
    animation-delay: 0.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(10n) img {
    animation-delay: 0.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(11n) img {
    animation-delay: 0.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(12n) img {
    animation-delay: 0.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(13n) img {
    animation-delay: 0.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(14n) img {
    animation-delay: 0.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(15n) img {
    animation-delay: 0.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(16n) img {
    animation-delay: 0.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(17n) img {
    animation-delay: 0.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(18n) img {
    animation-delay: 0.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(19n) img {
    animation-delay: 0.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(20n) img {
    animation-delay: 1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(21n) img {
    animation-delay: 1.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(22n) img {
    animation-delay: 1.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(23n) img {
    animation-delay: 1.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(24n) img {
    animation-delay: 1.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(25n) img {
    animation-delay: 1.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(26n) img {
    animation-delay: 1.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(27n) img {
    animation-delay: 1.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(28n) img {
    animation-delay: 1.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(29n) img {
    animation-delay: 1.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(30n) img {
    animation-delay: 1.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(31n) img {
    animation-delay: 1.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(32n) img {
    animation-delay: 1.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(33n) img {
    animation-delay: 1.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(34n) img {
    animation-delay: 1.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(35n) img {
    animation-delay: 1.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(36n) img {
    animation-delay: 1.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(37n) img {
    animation-delay: 1.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(38n) img {
    animation-delay: 1.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(39n) img {
    animation-delay: 1.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(40n) img {
    animation-delay: 2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(41n) img {
    animation-delay: 2.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(42n) img {
    animation-delay: 2.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(43n) img {
    animation-delay: 2.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(44n) img {
    animation-delay: 2.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(45n) img {
    animation-delay: 2.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(46n) img {
    animation-delay: 2.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(47n) img {
    animation-delay: 2.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(48n) img {
    animation-delay: 2.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(49n) img {
    animation-delay: 2.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(50n) img {
    animation-delay: 2.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:hover .media-txt, div.public-page-header div.mosaic div.slides div.slide:hover::after {
    transform: translateY(0);
  }
  div.public-page-header div.mosaic div.slides > *:first-child {
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.public-page-header button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.public-page-header button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.public-page-header h1 {
    margin: 60px 60px 45px 60px;
    text-align: center;
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-header h2 {
    margin: 15px 60px 60px 60px;
    text-align: center;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
  }
  div.public-page-header p.lead {
    width: 615px;
    margin: auto;
    font-size: 20px;
    line-height: 1.5em;
  }
  div.public-page-panel {
    width: 100%;
    min-height: 90px;
    padding: 90px 0;
  }
  div.public-page-panel.sm-padding {
    padding: 5px 0;
  }
  div.public-page-panel > .inner {
    position: relative;
    width: 615px;
    margin: auto;
    /*h1.site-title.map-overlay {
    	position: absolute;
    	right: 0;
    	top: 0;
    	margin: calc(-60px * 1.2) 0 1em 0;
    	z-index: 1000;
    	text-align: left;
    }*/
  }
  div.public-page-panel > .inner h1.site-title {
    font-size: 60px;
    line-height: 1.2em;
    color: #0468b1;
    text-align: center;
    margin-bottom: 90px;
  }
  div.public-page-panel > .inner h3 {
    margin-bottom: 1em;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner .lead {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  div.public-page-panel > .inner blockquote {
    font-size: 24px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner blockquote + p {
    margin-top: 1em;
  }
  div.public-page-panel > .inner .description {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 1em;
    color: #969696;
  }
  div.public-page-panel > .inner #statistics {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 3fr 7fr;
    margin: 30px 0;
    width: calc(100vw - 60px);
    margin-left: calc((100% - (100vw - 60px)) / 2);
  }
  div.public-page-panel > .inner #statistics .stat-group {
    display: grid;
    grid-gap: 30px;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic {
    text-align: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h1 {
    font-size: 60px;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h2 {
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic small {
    font-size: 12px;
    line-height: 1.2em;
    color: #969696;
  }
  div.public-page-panel > .inner .map-container {
    width: calc(100% + (100vw - 100%) / 2);
    margin-left: calc((100% - 100vw) / 4);
    margin-top: 90px;
  }
  div.public-page-panel > .inner .map-container #map {
    min-height: 60vh;
  }
  div.public-page-panel > .inner nav.enter {
    text-align: center;
    margin: 60px 0;
  }
  div.public-page-panel > .inner nav.enter a:hover {
    text-decoration: none;
  }
  div.public-page-panel > .inner nav.enter button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.public-page-panel > .inner nav.enter button.highlight {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.public-page-panel > .inner ul.columns {
    display: grid;
    align-items: center;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.public-page-panel > .inner ul.columns li {
    font-size: 16px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner ul.columns li small {
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    color: #969696;
  }
  div.public-page-panel.blue {
    width: 100vw;
    padding: 90px 0;
    margin-left: calc((100% - 100vw) / 2);
    background-color: #0468b1;
    color: #fff;
  }
  div.public-page-panel.blue a {
    color: #b4dc28;
  }
  div.lesser-padding div.public-page-panel {
    padding-top: 60px;
  }
  div.browse {
    display: block;
    width: 615px;
    padding: 105px 15px 0 15px;
    margin: auto;
    background-color: #fff;
    min-height: calc(100% - 120px);
  }
  div.browse.home {
    padding-top: 0;
  }
  div.browse.rows {
    width: calc(100% - 60px);
  }
  div.browse.public, div.browse.instance {
    padding-top: 90px;
  }
  div.browse h1.instance-title {
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
  }
  div.browse nav#search-and-filter {
    padding: 0 14px 15px 14px;
    border: 1px dotted #969696;
    width: calc(100vw - 60px);
    margin-left: calc((100% - (100vw - 60px)) / 2 - 15px);
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter.anchor-bottom {
    position: fixed;
    width: 100%;
    max-height: calc(100vh - 45px);
    min-height: 180px;
    left: 0;
    bottom: 0;
    margin: 0;
    z-index: 100;
    background-color: #fff;
    border: none;
    border-top: 1px solid #646464;
    box-sizing: border-box;
    overflow: visible;
  }
  div.browse nav#search-and-filter .search-type-menu {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    border-bottom: 1px dotted #969696;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm {
    position: relative;
    color: #969696;
    border-right: 1px dotted #969696;
    cursor: pointer;
    padding: 5px 15px;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm:not(.stm-select):hover {
    color: #646464;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select {
    color: #005687;
    font-weight: bold;
    cursor: auto;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hint {
    display: inline-block;
    position: absolute;
    transform: translate(-3px, -15px);
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    color: #000000;
    background-color: #ffc10e;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hidden {
    display: none;
  }
  div.browse nav#search-and-filter form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  div.browse nav#search-and-filter form .search,
  div.browse nav#search-and-filter form .filter:not(.add) {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #969696;
  }
  div.browse nav#search-and-filter form .search input[type=text],
  div.browse nav#search-and-filter form .search input[type=list],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=list] {
    float: left;
    position: relative;
    width: calc(100% - 15px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    color: #005687;
  }
  div.browse nav#search-and-filter form .search label,
  div.browse nav#search-and-filter form .filter:not(.add) label {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.browse nav#search-and-filter form .search input[type=text] + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text] + label {
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .search input[type=text]:focus + label,
  div.browse nav#search-and-filter form .search input[type=text].has-value + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .search input:-webkit-autofill,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:active,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.browse nav#search-and-filter form .search button,
  div.browse nav#search-and-filter form .filter:not(.add) button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .search img,
  div.browse nav#search-and-filter form .filter:not(.add) img {
    width: 30px;
    height: 30px;
    margin: auto;
  }
  div.browse nav#search-and-filter form .status {
    display: inline-block;
  }
  div.browse nav#search-and-filter form .status menu li p {
    margin: 5px 0;
  }
  div.browse nav#search-and-filter form .global-actions {
    min-width: 50%;
  }
  div.browse nav#search-and-filter form .global-actions .add {
    display: inline-block;
    position: relative;
    width: 300px;
    margin-right: 15px;
    border-bottom: 1px dotted #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .global-actions .add button {
    display: none;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus + label,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus ~ button,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input[type=radio] {
    display: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .global-actions button.download {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters {
    position: relative;
    vertical-align: middle;
    float: right;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 auto;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  div.browse nav#search-and-filter form .expand-filters .l1 {
    width: 20px;
    transform: translate(5px, 7.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters .l2 {
    width: 15px;
    transform: translate(7.5px, 12.5px) rotate(0deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters .l3 {
    width: 10px;
    transform: translate(10px, 17.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l1 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l2 {
    width: 0;
    transform: translate(15px, 12.5px) rotate(0deg);
  }
  div.browse nav#search-and-filter form .expand-filters.close .l3 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 15px);
    max-height: 0;
    padding: 0 7.5px;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    transition: max-height 0.25s ease-out;
    /*section:nth-child(odd):not(:last-child) {
    	margin-right: 15px;
    }*/
  }
  div.browse nav#search-and-filter form .filters section {
    flex: 1 1;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters section .filter {
    position: relative;
    width: 100%;
    height: 45px;
    background-color: #fff;
    margin-bottom: 15px;
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text] {
    width: calc(100% - 30px);
    height: 30px;
    margin-left: 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .filter label {
    left: 15px;
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(10px);
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filters section .filter input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input {
    display: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label .count {
    color: #fff;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .filters section .filter:last-child {
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters {
    margin: -15px auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters .break {
    flex-basis: 100%;
    width: 0;
  }
  div.browse nav#search-and-filter form .filters .order {
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters .order menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    /*input.toggle:checked + label {
    	background-color: #FFF;
    }*/
  }
  div.browse nav#search-and-filter form .filters .order menu li input.toggle + label {
    display: inline-block;
    margin-top: 0;
  }
  div.browse nav#search-and-filter form .filters .order menu li p {
    display: inline-block;
    margin: 0 0 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters button.submit-filters {
    width: calc(100% - 15px);
    height: 30px;
    padding: 0 10px;
    margin: 15px 0 15px 7.5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) {
    width: 100%;
    margin: 0 0 30px -15px;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li {
    display: inline-block;
    margin: 0 15px 0 0;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button {
    height: 45px;
    padding: 0 10px 0 30px;
    border: none;
    outline: none;
    border-radius: 45px;
    border: 1px solid #0468b1;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button .count {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #0468b1;
    border-radius: 30px;
    margin: -1px 0 0 10px;
    line-height: 30px;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button {
    background-color: #0468b1;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button .count {
    background-color: #fff;
    color: #0468b1;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) p {
    margin: 15px 0 0 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main {
    padding-bottom: 90px;
  }
  div.browse main .inner small.no-results {
    font-size: 12px;
    color: #969696;
  }
  div.browse main .inner .meta-status {
    top: 30px;
    width: 100%;
    min-height: 60px;
    margin: -15px 0 30px -15px;
    padding: 15px;
    z-index: 100;
  }
  div.browse main .inner .meta-status form {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-gap: 15px;
  }
  div.browse main .inner .meta-status form .opts {
    list-style: none;
  }
  div.browse main .inner .meta-status form .opts li {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px dotted #969696;
  }
  div.browse main .inner .meta-status form .opts li p {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .meta-status form .opts li p.disabled {
    color: #e5e5e5;
  }
  div.browse main .inner .meta-status form .opts li input.toggle + label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  div.browse main .inner .meta-status form .opts li ul li {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
  }
  div.browse main .inner .meta-status form .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(2, 1fr);
    min-height: 30px;
    margin: 0 0 0 auto;
    justify-content: right;
    align-content: start;
  }
  div.browse main .inner .meta-status form .btn-group button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse main .inner .meta-status form .btn-group button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner .meta-status form .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner .head {
    position: relative;
    width: 100%;
    margin: 25px 0 15px 0;
  }
  div.browse main .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  div.browse main .inner .head .title {
    width: 100%;
    outline: none;
    margin-bottom: 15px;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  div.browse main .inner .head .title:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.browse main .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .head .description {
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-top: none;
    outline: none;
    color: #005687;
    border-bottom: 1px solid transparent;
    white-space: pre-line;
  }
  div.browse main .inner .head .description.lead {
    font-size: 20px;
    line-height: 1.3em;
  }
  div.browse main .inner .head .description:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .meta-status + .head {
    margin: 0 0 15px 0;
  }
  div.browse main .inner section .layout {
    margin-top: 15px;
    /*article:not(.pad):not(.review):not(.contributor) {
    	border-bottom: 1px dotted $c-light-grey;
    	padding-top: 15px;
    	padding-bottom: 15px;
    }*/
  }
  div.browse main .inner section .layout article {
    position: relative;
    display: flex;
    /*            padding: 15px 0 15px 15px;*/
    padding: 0 0 15px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout article:hover {
    background-color: transparent;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout article .inner {
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 1fr 300px;
    width: 100%;
    transition: width 0.25s;
  }
  div.browse main .inner section .layout article .inner .head {
    grid-column: 1/span 2;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 300px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data {
    margin-bottom: 0;
    padding-top: 15px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor {
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    /*margin: -16px -1px 0 auto;*/
    justify-content: right;
    /*                    transform: translateY(calc(-100% + 14px));*/
    align-items: start;
    margin: -1px -1px 0 auto;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.active {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    right: 0;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    /*transform: translateX(-50%);*/
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: left;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight {
    background-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight {
    background-color: #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight {
    border-color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta,
  div.browse main .inner section .layout article .inner .body .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title {
    margin-top: 10px;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title a {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: bold;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 span {
    word-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-txt {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3em;
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a {
    color: #000000;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a .read-more {
    color: #32bee1;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover .read-more {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree {
    display: flex;
    align-items: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree {
    margin-right: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a img {
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child {
    color: #969696;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child {
    width: 100%;
    /*margin: 10px 0 0 0;*/
    margin: 0;
  }
  div.browse main .inner section .layout article .inner .body .create {
    position: relative;
    display: inline-block;
    margin: 5px 10px 10px 0;
  }
  div.browse main .inner section .layout article .inner .body .create button {
    padding: 0 5px;
    border: 1px solid #32bee1;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown {
    position: absolute;
    min-width: 100%;
    width: 300px;
    max-height: 0;
    left: 0;
    top: 100%;
    margin-top: -2px;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
    white-space: pre;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li a button {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
    background-color: transparent;
    border: none;
    color: #000000;
    text-align: left;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .body.full-width {
    grid-column: 1/span 2;
  }
  div.browse main .inner section .layout article .inner .body.full-width .media-title {
    width: calc(100% - 330px);
  }
  div.browse main .inner section .layout article .inner .foot {
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-grow: 1;
  }
  div.browse main .inner section .layout article .inner .foot .media-img {
    position: relative;
    width: 300px;
    height: 200px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: 100%;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group {
    display: grid;
    grid-gap: 15px;
    grid-auto-flow: column;
    height: 100%;
    padding: 15px 15px 0 0;
    box-sizing: border-box;
    justify-content: right;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 {
    text-align: center;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small {
    font-size: 12px;
    line-height: 1.5em;
    display: block;
    font-weight: normal;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total {
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small {
    text-decoration: none !important;
    font-weight: normal;
  }
  div.browse main .inner section .layout article .inner .pinboard-group {
    grid-column: 1/span 2;
    margin-top: 5px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add {
    position: relative;
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text] {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 1px dotted transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add button {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu {
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox] {
    display: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin {
    display: inline-block;
    height: 15px;
    padding: 0;
    margin-right: 5px;
    font-size: 10px;
    line-height: 15px;
    border: 1px solid #969696;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin label {
    cursor: pointer;
    vertical-align: top;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .type {
    flex-shrink: 0;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .name {
    flex-grow: 1;
    margin: 0 5px 0 5px;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .outer {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer .inner {
    display: flex;
    position: relative;
    z-index: 1;
    width: 0;
    height: calc(100% + 15px);
    padding: 15px 0 0 0;
    margin-top: -15px;
    /*border-bottom: 1px dotted $c-light-grey;*/
    transition: width 0.25s;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.browse main .inner section .layout article .outer .inner form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  div.browse main .inner section .layout article .outer .inner form button {
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 15px;
    border: none;
    outline: none;
    border: 1px solid #a51e41;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #a51e41;
    cursor: pointer;
    overflow: hidden;
  }
  div.browse main .inner section .layout article .outer .inner form button.cancel {
    border-color: #646464;
    color: #646464;
  }
  div.browse main .inner section .layout article .outer::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: -15px;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: 100%;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer.expand .inner {
    width: 120px;
  }
  div.browse main .inner section .layout article.status--1 {
    filter: grayscale(1);
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-2 {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout article.mobilization.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout .tag-group .meta-tags {
    margin-left: -2px;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a {
    display: inline-block;
    color: #0468b1;
    /*.tag {
    	border: 1px solid $c-mid-blue;
    	padding: 0 10px;
    	margin-right: 5px;
    	font-size: $t-small;
    	line-height: 1.5em;

    	label {
    		cursor: pointer;
    	}
    }*/
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag {
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(12px * 1.75);
    font-size: 12px;
    line-height: 1.75em;
    color: #646464;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag label {
    cursor: pointer;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs span {
    margin-right: 5px;
    color: #969696;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs a {
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: bold;
  }
  div.browse main .inner section .layout .engagement-group {
    margin-top: 10px;
  }
  div.browse main .inner section .layout .engagement-group.page-stats {
    margin-top: 0;
  }
  div.browse main .inner section .layout .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.browse main .inner section .layout .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.browse main .inner section .layout.columns {
    display: grid;
    grid-template-columns: repeat(2, 300px);
    grid-gap: 30px 15px;
  }
  div.browse main .inner section .layout.columns article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    vertical-align: top;
    grid-column: span 1;
    padding: 0 0 15px 0;
    border-bottom: none;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout.columns article:hover {
    background-color: transparent;
    box-shadow: 0 5px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout.columns article .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  div.browse main .inner section .layout.columns article .inner .head {
    display: block;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group {
    text-align: left;
    margin: -1px 0 0 -1px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button {
    min-height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.accept {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: center;
    white-space: nowrap;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group:empty {
    margin: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img {
    position: relative;
    width: 298px;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: auto;
    min-height: 200px;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout.columns article .inner .body {
    display: block;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data {
    margin: 0 0 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
    text-align: left;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse main .inner section .layout.columns article .inner .body .meta-template {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-followup,
  div.browse main .inner section .layout.columns article .inner .body .meta-forward,
  div.browse main .inner section .layout.columns article .inner .body .meta-public,
  div.browse main .inner section .layout.columns article .inner .body .meta-copy,
  div.browse main .inner section .layout.columns article .inner .body .meta-child {
    margin: 10px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot {
    justify-content: end;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta,
  div.browse main .inner section .layout.columns article .inner .foot .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats {
    width: 25%;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text] {
    border-bottom-color: transparent;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout.columns article .outer {
    top: 15px;
    height: 0;
    transition: height 0.25s;
    overflow: hidden;
    margin-top: 0;
  }
  div.browse main .inner section .layout.columns article .outer .inner {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 15px 0;
  }
  div.browse main .inner section .layout.columns article .outer::before {
    height: 0;
    top: 0;
  }
  div.browse main .inner section .layout.columns article .outer::after {
    height: 0;
  }
  div.browse main .inner section .layout.columns article .outer.expand {
    height: 140px;
  }
  div.browse main .inner section .layout.columns .engagement-group {
    margin-top: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns .pinboard-group {
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse.slideshow {
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 45px);
  }
  div.browse.slideshow nav.tabs {
    left: calc((100vw - 930px) / 2);
  }
  div.browse.slideshow button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.browse.slideshow button.slide-nav.prev {
    left: 0;
  }
  div.browse.slideshow button.slide-nav.next {
    right: 0;
  }
  div.browse.slideshow button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse.slideshow main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.browse.slideshow main .inner {
    height: 100%;
  }
  div.browse.slideshow main .inner .blurb {
    display: none;
  }
  div.browse.slideshow main .inner section {
    height: 100%;
  }
  div.browse.slideshow main .inner section .layout {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
  }
  div.browse.slideshow main .inner section .layout article {
    position: relative;
    width: 100vw;
    height: 100vh;
    scroll-snap-align: center;
    padding: 0;
    border: none;
  }
  div.browse.slideshow main .inner section .layout article .inner {
    display: flex;
    justify-content: center;
    flex-flow: unset;
    flex-direction: column;
    flex: none;
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    padding: 0 60px 0 60px;
  }
  div.browse.slideshow main .inner section .layout article .inner .head {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    position: relative;
    padding: 0 60px;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 45px);
    z-index: 0;
    overflow: hidden;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
    pointer-events: none;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a img {
    display: block;
    max-width: calc(100% - 120px);
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 75vh;
    text-align: center;
    object-fit: contain;
  }
  div.browse.slideshow main .inner section .layout article .inner .body {
    position: relative;
    flex: unset;
    margin-bottom: 0;
    padding: 0 60px;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 img {
    filter: brightness(2);
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a .read-more,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a .read-more {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs span {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags {
    margin-left: -5px;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags a .tag {
    margin: 0 5px;
    background-color: #fff;
    color: #005687;
  }
  div.browse.slideshow main .inner section .layout article .inner .foot {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered {
    justify-content: center;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered .body {
    margin-bottom: 0;
  }
  div.browse.slideshow main .inner section .layout article .outer {
    display: none;
  }
  div.browse.slideshow main .inner section .layout article::after {
    content: "";
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 120px);
    height: 100%;
    opacity: 0;
    background-color: #0468b1;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article:hover {
    background-color: transparent;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .meta-group {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .media-img {
    opacity: 0.25;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .body {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover::after {
    opacity: 0.75;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  div.browse.slideshow + footer {
    position: fixed;
    bottom: 0;
    background-color: transparent;
  }
  div.browse.slideshow + footer .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  div.browse.slideshow + footer .inner div.dots {
    width: 100%;
    text-align: center;
  }
  div.browse.slideshow + footer .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  div.browse.slideshow + footer .inner div.dots .highlight {
    background-color: #0468b1;
  }
  footer {
    border: none;
    width: 100%;
  }
  footer nav.pagination {
    width: 100%;
    text-align: center;
    padding-bottom: 60px;
  }
  footer nav.pagination .inner {
    display: initial;
    position: static;
  }
  footer nav.pagination .inner.notranslate {
    display: block;
  }
  footer nav.pagination .inner ul {
    padding: 0 15px;
    text-align: center;
  }
  footer nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  footer nav.pagination .inner ul li a {
    cursor: pointer;
  }
  footer nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  footer nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  footer nav.pagination img {
    width: 180px;
    height: auto;
  }
  /*.engagement-reads {
  	padding-left: 15px;
  	flex-grow: 1;

  	.engagement-reads-icon {
  		max-width: 20px;
  		height: 20px;
  		vertical-align: middle;
  		user-select: none;
  		pointer-events: none;
  	}
  	.engagement-reads-count {
  		margin-left: 5px;
  		font-size: 0.9em;
  		color: $c-mid-grey;
  		vertical-align: middle;
  		user-select: none;
  		pointer-events: none;
  	}
  }*/
  main#mobilize-new {
    /* THIS MIMICS THE div.document IN pad.ejs  */
    display: block;
    float: left;
    width: 960px; /* THE SECOND 15*2 IS TO ACCOUNT FOR PADDING IN THE OTHER PAGES */
    padding-top: 30px;
    height: calc(100vh - 30px);
  }
  main#mobilize-new form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  main#mobilize-new form .modal {
    width: calc(100% - 120px);
    padding: 30px 60px 15px 60px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 100;
  }
  main#mobilize-new form .modal .inner {
    position: relative;
    padding: 0;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .head {
    display: flex;
    width: calc(100% + 120px);
    margin: -30px 0 15px -60px;
    font-size: 16px;
  }
  main#mobilize-new form .modal .inner .head .btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 15px 10px 0 10px;
    margin-bottom: 15px;
  }
  main#mobilize-new form .modal .inner .head .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .head .btn-group button label {
    cursor: pointer;
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group button.next {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  main#mobilize-new form .modal .inner .head .btn-group button:disabled {
    background-color: transparent;
    border-color: #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title {
    font-weight: 700;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title i {
    vertical-align: middle;
    transform: rotate(90deg);
  }
  main#mobilize-new form .modal .inner .head .btn-group .contributor-count {
    flex-grow: 1;
    text-align: center;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt {
    padding: 0 7px 0 5px;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt input {
    display: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt label {
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt:hover label {
    text-decoration: underline;
  }
  main#mobilize-new form .modal .inner .head.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .head.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body {
    position: relative;
    min-height: 65px;
  }
  main#mobilize-new form .modal .inner .body h1 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.3em;
  }
  main#mobilize-new form .modal .inner .body .input {
    position: relative;
    border-bottom: 1px solid #969696;
  }
  main#mobilize-new form .modal .inner .body .input label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body .filter {
    position: relative;
  }
  main#mobilize-new form .modal .inner .body .filter label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu {
    max-height: 300px;
    overflow: auto;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    border-top: 1px solid #969696;
    overflow: auto;
  }
  main#mobilize-new form .modal .inner .body menu li {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: space-around;
    color: #e5e5e5;
    padding: 0 20px 0 15px;
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li div {
    padding: 0 5px;
    text-align: left;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li div label {
    /* THE FOLLOWING IS TO COMPENSATE FOR var.lg.css */
    position: static;
    padding: 5px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .preview {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body menu li .preview i {
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .main label {
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li .grow {
    flex-grow: 1;
    padding: 0 10px;
    text-align: left;
    word-break: break-word;
  }
  main#mobilize-new form .modal .inner .body menu li .grow label {
    display: inline-block;
    width: 100%;
    transform: translateY(0);
  }
  main#mobilize-new form .modal .inner .body menu li .count,
  main#mobilize-new form .modal .inner .body menu li .position,
  main#mobilize-new form .modal .inner .body menu li .country {
    vertical-align: baseline;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu li .count label,
  main#mobilize-new form .modal .inner .body menu li .position label,
  main#mobilize-new form .modal .inner .body menu li .country label {
    font-size: 12px;
  }
  main#mobilize-new form .modal .inner .body menu li.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.checked {
    background-color: #32bee1;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .preview i {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked div label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .count label,
  main#mobilize-new form .modal .inner .body menu li.checked .position label,
  main#mobilize-new form .modal .inner .body menu li.checked .country label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li:not(.checked):hover {
    background-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body input[type=text] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    margin: 15px 0 0 0;
    background-color: transparent;
    font-size: 24px;
  }
  main#mobilize-new form .modal .inner .body label {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    transform: translateY(26px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label {
    position: static;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label + p {
    font-size: 14px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body input[type=text] + label {
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .body input[type=text]:focus + label,
  main#mobilize-new form .modal .inner .body input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(0px);
  }
  main#mobilize-new form .modal .inner .body input:-webkit-autofill,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:hover,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:focus,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:active {
    /*-webkit-box-shadow: 0 0 0 40px $c-mid-1 inset !important;*/
    -webkit-text-fill-color: #005687 !important;
  }
  main#mobilize-new form .modal .inner .body textarea {
    position: relative;
    display: block;
    width: 100%;
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 15px 0 15px 0;
    margin-top: 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  main#mobilize-new form .modal .inner .body textarea + label {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  main#mobilize-new form .modal .inner .body textarea:focus + label,
  main#mobilize-new form .modal .inner .body textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  main#mobilize-new form .modal .inner .body label.inline {
    position: relative;
    display: block;
    color: #969696;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body label.small {
    font-size: 12px;
    line-height: 1.5em;
  }
  main#mobilize-new form .modal .inner .body label[for=pad-limit] {
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number] {
    /*						width: calc(36px * 3);*/
    border: none;
    outline: none;
    margin: 15px 0 0 10px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5em;
    color: #005687;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number]:disabled {
    color: #969696;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .body .cron-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option {
    display: flex;
    align-items: center;
    margin: 15px 0;
  }
  main#mobilize-new form .modal .inner .body .cron-option .toggle-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option .toggle-option {
    width: 150px;
    padding: 0 30px;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date],
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]::before,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]::before {
    content: none;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]:disabled,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]:disabled {
    color: #969696;
    background-color: transparent;
    border-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body.center {
    text-align: center;
    /*margin: 30px 0 15px 0;*/
  }
  main#mobilize-new form .modal .inner .foot {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] {
    display: none;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked:not(:disabled) + label {
    border-color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:disabled + label + p {
    color: #e5e5e5 !important;
  }
  main#mobilize-new form .modal .inner .foot .contributor-count {
    margin: 15px 0;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot button {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #32bee1;
    border-radius: 0;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: none;
  }
  main#mobilize-new form .modal .inner .foot .global-opt.active button {
    border-color: #005687;
    background-color: transparent;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot.stretch {
    justify-content: space-between;
  }
  .modal.template-preview {
    align-self: flex-start;
    width: auto;
    margin: 0 auto 30px auto;
  }
  .modal.template-preview main#template {
    padding: 0;
    margin: 0 auto;
  }
  .modal.template-preview main#template .inner {
    padding: 60px;
  }
  main#mobilize-existing {
    width: 1245px;
    margin: 125px auto 0 auto;
    padding: 60px 0 0 0;
  }
  main#mobilize-existing .inner {
    position: relative;
  }
  main#mobilize-existing .inner .new {
    position: fixed;
    top: 30px;
    margin-left: -45px;
    z-index: 10000;
    text-align: center;
  }
  main#mobilize-existing .inner .new a button {
    width: 90px;
    height: 90px;
    border: none;
    outline: none;
    background-color: #f03c8c;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    transform: rotate(45deg);
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .new a button div {
    transform: rotate(-45deg);
  }
  main#mobilize-existing .inner .new a button:hover {
    background-color: #a51e41;
  }
  main#mobilize-existing .inner .overview .summary-statistics {
    width: 100%;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic {
    position: relative;
    width: 100%;
    text-align: center;
    color: #57648c;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 {
    font-size: 60px;
    line-height: 16px;
    white-space: nowrap;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 {
    font-size: 36px;
    line-height: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic:first-child {
    grid-column-start: 3;
  }
  main#mobilize-existing .inner .mobilizations-container {
    clear: both;
    position: relative;
    margin: 60px 0 60px 0;
    border-top: 1px solid #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status label {
    position: absolute;
    bottom: 100%;
    left: 0;
    white-space: nowrap;
    padding: 5px 10px;
    background-color: #57648c;
    font-size: 12px;
    /*color: #FFF;*/
  }
  main#mobilize-existing .inner .mobilizations-container .input-group {
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: -30px 0 30px 0;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button {
    border: none;
    outline: none;
    height: 45px;
    background-color: transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 30px 0 20px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button i {
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:hover {
    background-color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin-bottom: 15px;
    border-left: 1px solid #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner {
    position: relative;
    /*a {
    text-decoration: none;*/
    /*}*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body {
    display: flex;
    padding: 0 10px 10px 10px;
    /*.meta.row-1 {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	margin-top: 5px;

    	.meta-sdgs {
    		font-size: $t-small;
    		margin-top: 5px;

    		span {
    			margin-right: 3px;
    			color: $c-light-1;
    		}
    		a {
    			margin: 0 3px;
    			color: $c-mid-1;
    			font-weight: 700;
    			text-decoration: none;
    		}
    		a:hover {
    			text-decoration: underline;
    		}
    	}
    	.meta-engagement {
    		button {
    			position: relative;
    			width: 30px;
    			height: 30px;
    			border: none;
    			border-radius: 30px;
    			outline: none;
    			margin: 0 0 0 10px;
    			background-color: transparent;
    			color: $c-light-1;
    			transition: background-color .25s;

    			i {
    				font-size: $t-mid;
    				line-height: 30px;
    				font-style: normal;
    				cursor: pointer;
    			}
    		}
    		button:hover {
    			background-color: $c-light-2;
    		}
    		button.active {
    			color: $c-mid-1;
    		}
    		button::after {
    			content: attr(data-count);
    			position: absolute;
    			left: 0;
    			top: calc(100% - 7px);
    			width: 100%;
    			text-align: center;
    			font-size: $t-xsmall;
    			font-weight: 700;
    			pointer-events: none;
    		}
    	}
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head {
    flex-shrink: 0;
    width: 300px;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags {
    margin-top: 5px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #934a5f;
    border-radius: 5px;
    color: #934a5f;
    font-size: 12px;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags .tag:hover {
    background-color: #934a5f;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor {
    margin: 5px 0 10px 0;
    font-size: 12px;
    color: #c2b4d6;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor a:hover {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .media-title {
    overflow-wrap: break-word;
    margin-top: 10px;
    /*padding: 0 20px;*/
    font-size: 16px;
    line-height: 1.5em;
    color: #333d51;
    font-weight: 700;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content {
    flex-grow: 1;
    display: flex;
    position: relative;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt {
    flex-grow: 1;
    overflow-wrap: break-word;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt small {
    font-style: italic;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats {
    align-self: center;
    flex-shrink: 0;
    width: 150px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 {
    margin-top: 10px;
    text-align: center;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 small {
    font-size: 12px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a.disabled h1 {
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:hover {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover {
    /*h1 {
    	text-decoration: none;
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover small {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group {
    display: none;
    position: absolute;
    bottom: 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form {
    display: inline-block;
    margin: 10px 5px 0 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form .btn-overlay {
    padding: 5px;
    background-color: #57648c;
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover .inner .body .content .btn-group {
    display: block;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    mix-blend-mode: multiply;
    pointer-events: none;
    transition: opacity 0.25s;
    z-index: 10;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover::after {
    opacity: 1;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.unpublished .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(211, 172, 43, 0.1) 10px, rgba(211, 172, 43, 0.1) 20px);
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.publishable .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(163, 198, 196, 0.15) 10px, rgba(163, 198, 196, 0.15) 20px);
  }
  table.stats {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 60px;
    border-spacing: 0;
  }
  table.stats thead tr {
    font-size: 20px;
  }
  table.stats thead tr th {
    padding: 15px 30px;
  }
  table.stats tbody {
    color: #646464;
  }
  table.stats tbody tr.top-level td {
    cursor: pointer;
  }
  table.stats tbody tr:hover {
    background-color: rgb(239, 239, 239);
  }
  table.stats tbody tr.open {
    color: #000000;
  }
  table.stats tbody tr.open td {
    border-bottom: 1px solid #969696;
  }
  table.stats tbody tr.small {
    font-size: 14px;
  }
  table.stats tbody tr.small > td {
    padding: 5px 30px;
  }
  table.stats tbody tr.small:nth-child(even) {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.small:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(even) {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr td {
    padding: 5px 15px;
  }
  table.stats tbody tr td.center {
    text-align: center;
  }
  .org-footer {
    position: relative;
    background-color: #0468b1;
    background: linear-gradient(180deg, #005687 0%, #0468b1 30%, #e5e5e5 100%);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    z-index: 10000;
  }
  .org-footer .footer-row {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 2fr 8fr;
    width: 100%;
    margin-bottom: 1rem;
  }
  .org-footer .footer-row .footer-column {
    display: block;
  }
  .org-footer .footer-row .footer-column .footer-img {
    max-width: 100%;
    height: auto;
  }
  .org-footer .footer-row .footer-column h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 22px 0 0 0;
    text-transform: uppercase;
  }
  .org-footer .footer-row .footer-column .outer .logo {
    display: block;
    height: 125px;
    margin: 0 auto 15px 45px;
  }
  .org-footer .footer-row .footer-column .outer small {
    display: block;
    font-size: 12px;
    text-align: center;
  }
  .org-footer .footer-row .footer-column .inner {
    padding: 45px 45px 0px 45px;
  }
  .org-footer .footer-row .footer-column .inner ul {
    margin: 15px 0 0 0;
    padding: 0;
  }
  .org-footer .footer-row .footer-column .inner ul li {
    font-size: 14px;
    list-style: none;
    margin-bottom: 0.5em;
  }
  .org-footer .footer-row .footer-column .inner a {
    color: #fff;
    font-weight: normal;
  }
  .org-footer .footer-row .footer-column .inner .social-media-links li {
    display: inline-block;
    font-size: 20px;
    margin: 0 10px 0 0;
    color: #fff;
  }
  .org-footer .footer-row .footer-column.left .inner {
    padding-top: 30px;
  }
  .org-footer .footer-row .footer-column.center {
    padding: 0 15px;
  }
  .org-footer .footer-row .footer-column.center > .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .org-footer .footer-row.signature {
    display: block;
    padding: 0 45px;
  }
  .org-footer .footer-row.signature .inner p {
    color: #005687;
  }
  .exploration-info p,
  .exploration-info h2 {
    padding: 5px;
  }
  div.exploration {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 2px solid #32bee1;
  }
  div.exploration input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  div.exploration label[for=exploration-main] {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    color: #969696;
    transform: translateY(16px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.exploration input[type=text]:focus + label,
  div.exploration input[type=text]:active + label,
  div.exploration input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  div.exploration input:-webkit-autofill,
  div.exploration input:-webkit-autofill:hover,
  div.exploration input:-webkit-autofill:focus,
  div.exploration input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.exploration a {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    font-size: 26px;
    float: right;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    line-height: 60px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #969696;
    cursor: pointer;
    text-decoration: none;
  }
  div.exploration a:hover {
    color: rgba(4, 104, 177, 0.75);
    text-decoration: none;
  }
  div.exploration a:active {
    color: #0468b1;
    text-decoration: none;
  }
  .exploration-article-inactive {
    filter: opacity(0.4) !important;
  }
  .exploration-btn-active {
    background-color: #32bee1 !important;
  }
  .exploration-btn-active:hover {
    background-color: rgba(4, 104, 177, 0.75) !important;
  }
  .exploration-btn-active:active {
    background-color: #0468b1 !important;
  }
  .exploration-doc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 51px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .exploration-doc * {
    font-size: 12px;
  }
  .exploration-doc button {
    display: inline-block;
    cursor: pointer;
    padding: 0.25em 10px;
    margin: 0 2px 0 0;
    border: 1px solid #32bee1;
    background-color: transparent;
  }
  .exploration-doc button:hover {
    background-color: #ddd;
  }
  .exploration-doc button:active {
    background-color: #ccc;
  }
  .exploration-doc select {
    width: 100%;
    height: 24px;
    box-sizing: border-box;
  }
  .exploration-big {
    flex-direction: row;
    justify-content: start;
    height: 26px;
    vertical-align: middle;
  }
  .exploration-big span {
    line-height: 24px;
    margin-right: 5px;
  }
  .exploration-big select {
    width: auto;
    margin-right: 5px;
  }
  .exploration-local {
    padding-left: 15px;
  }
}
/* Medium devices */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  html,
  body {
    font-size: 16px;
    line-height: 1.3em;
  }
  .xs:not(.m),
  .sm:not(.m),
  .lg:not(.m),
  .xl:not(.m),
  .xxl:not(.m) {
    display: none !important;
  }
  .no-bg {
    background-color: transparent !important;
  }
  /* TBD: WHERE IS THIS INTRODUCED */
  .modal {
    width: 350px;
    flex-shrink: 1;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 12px;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
    max-height: 85vh;
    overflow-y: auto;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 16px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .modal .inner .message * {
    padding: 5px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 12px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
  }
  .modal .inner ul li button {
    width: 100%;
    min-height: 45px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .inner ul li button.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 16px;
    color: #ffc10e;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 12px;
    transform: translateY(0px);
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li:hover button {
    background-color: #005687;
    color: #fff;
  }
  .modal .inner .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .inner .foot button {
    border: none;
    outline: none;
    height: 45px;
    width: 100%;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 16px;
    background-color: #e5e5e5;
    color: #333d51;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner .foot button:hover {
    background-color: #333d51;
    color: #fff;
  }
  .add-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 20px;
    background-color: #969696;
    color: #fff;
    font-size: 20px;
    line-height: 19px;
    text-align: center;
    vertical-align: text-top;
  }
  .engagement-group {
    margin-top: 10px;
  }
  .engagement-group.page-stats {
    margin-top: 0;
  }
  .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  li.menu-container {
    min-width: 100px;
    width: auto !important;
    height: 30px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 30px;
    color: #FFF;
    text-align: left;
    margin-left: 15px;
  }
  li.menu-container .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
    background-color: white;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000000;
    text-align: start;
  }
  li.menu-container .dropdown ul li {
    display: block;
    width: 100% !important;
    min-height: 45px !important;
  }
  li.menu-container .dropdown ul li a {
    text-decoration: none;
  }
  li.menu-container .dropdown ul li a button {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    text-transform: none;
    color: #969696 !important;
    width: 100%;
    min-height: 45px;
    margin: 0;
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
  }
  li.menu-container .dropdown ul li a button:hover {
    background-color: #e5e5e5 !important;
  }
  li.menu-container:hover .dropdown-content,
  li.menu-container .dropdown-content:hover {
    display: block;
  }
  li.menu-container .hamburger-icon {
    font-size: 12px;
    cursor: pointer;
    padding-right: 20px;
  }
  nav#languages {
    position: fixed;
    display: flex;
    width: 100%;
    height: 30px;
    top: 0;
    font-size: 12px;
    background-color: #005687;
    text-align: center;
    z-index: 100000;
  }
  nav#languages menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    transition: transform 0.25s;
  }
  nav#languages menu.squeeze {
    transform: scaleX(0);
  }
  nav#languages menu li {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
  }
  nav#languages menu li a {
    color: #fff;
  }
  nav#languages menu li a.active {
    color: #b4dc28;
    text-decoration: underline;
  }
  nav#languages menu li.home-btn {
    flex-grow: 1;
    padding-left: 15px;
    white-space: nowrap;
    text-align: left;
  }
  nav#languages menu li.home-btn a {
    color: #b4dc28;
  }
  nav#languages menu li.menu-container {
    margin-left: 75px;
  }
  nav#languages menu li.options {
    flex-grow: 1;
  }
  nav#languages menu li.options ul li {
    display: inline-block;
  }
  nav#languages menu li.disabled a {
    color: #646464;
    cursor: default;
  }
  nav#languages menu li.disabled a.active {
    text-decoration: underline;
  }
  nav#languages menu li.user-id {
    flex-grow: 1;
    padding-right: 15px;
    text-align: right;
    color: #fff;
  }
  nav#languages menu li.user-id u {
    color: #b4dc28;
  }
  button#expand-nav {
    position: fixed;
    display: block;
    top: 7.5px;
    left: 10px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    z-index: 100000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    cursor: pointer;
  }
  button#expand-nav .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  button#expand-nav .l1 {
    width: 20px;
    transform: translate(12px, 15px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav .l2 {
    width: 15px;
    transform: translate(14.5px, 20px) rotate(0deg);
    transform-origin: center;
  }
  button#expand-nav .l3 {
    width: 10px;
    transform: translate(17px, 25px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav.close .l1 {
    width: 25px;
    transform: translate(9.5px, 20.5px) rotate(-45deg);
    transform-origin: center;
  }
  button#expand-nav.close .l2 {
    width: 0;
    transform: translate(22px, 23px) rotate(0deg);
  }
  button#expand-nav.close .l3 {
    width: 25px;
    transform: translate(9.5px, 20.5px) rotate(45deg);
    transform-origin: center;
  }
  nav.tabs,
  nav.pinboard-sections {
    width: 100%;
    height: 60px;
    left: 0;
    margin-left: 0;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 100;
  }
  nav.tabs .inner,
  nav.pinboard-sections .inner {
    width: 100%;
  }
  nav.tabs .inner div.m menu,
  nav.tabs .inner div.m ul,
  nav.pinboard-sections .inner div.m menu,
  nav.pinboard-sections .inner div.m ul {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 15px;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  nav.tabs .inner div.m menu li,
  nav.tabs .inner div.m ul li,
  nav.pinboard-sections .inner div.m menu li,
  nav.pinboard-sections .inner div.m ul li {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 0;
    scroll-snap-align: start;
  }
  nav.tabs .inner div.m menu li a,
  nav.tabs .inner div.m ul li a,
  nav.pinboard-sections .inner div.m menu li a,
  nav.pinboard-sections .inner div.m ul li a {
    display: block;
  }
  nav.tabs .inner div.m menu li button,
  nav.tabs .inner div.m ul li button,
  nav.pinboard-sections .inner div.m menu li button,
  nav.pinboard-sections .inner div.m ul li button {
    position: relative;
    height: 45px;
    padding: 7px 10px 0 10px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #969696;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
  }
  nav.tabs .inner div.m menu li button.add,
  nav.tabs .inner div.m ul li button.add,
  nav.pinboard-sections .inner div.m menu li button.add,
  nav.pinboard-sections .inner div.m ul li button.add {
    display: none;
    width: 30px;
    height: 30px;
    margin: 7px 5px 0 -5px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  nav.tabs .inner div.m menu li button div,
  nav.tabs .inner div.m ul li button div,
  nav.pinboard-sections .inner div.m menu li button div,
  nav.pinboard-sections .inner div.m ul li button div {
    display: inline-block;
    outline: none;
  }
  nav.tabs .inner div.m menu li button .count,
  nav.tabs .inner div.m ul li button .count,
  nav.pinboard-sections .inner div.m menu li button .count,
  nav.pinboard-sections .inner div.m ul li button .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs .inner div.m menu li button .count::before,
  nav.tabs .inner div.m ul li button .count::before,
  nav.pinboard-sections .inner div.m menu li button .count::before,
  nav.pinboard-sections .inner div.m ul li button .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner div.m menu li button::after,
  nav.tabs .inner div.m ul li button::after,
  nav.pinboard-sections .inner div.m menu li button::after,
  nav.pinboard-sections .inner div.m ul li button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e5e5e5;
    transform: translateY(3px);
    transition: transform 0.15s;
  }
  nav.tabs .inner div.m menu li .inner,
  nav.tabs .inner div.m ul li .inner,
  nav.pinboard-sections .inner div.m menu li .inner,
  nav.pinboard-sections .inner div.m ul li .inner {
    position: relative;
  }
  nav.tabs .inner div.m menu li .inner input[type=text],
  nav.tabs .inner div.m ul li .inner input[type=text],
  nav.pinboard-sections .inner div.m menu li .inner input[type=text],
  nav.pinboard-sections .inner div.m ul li .inner input[type=text] {
    position: relative;
    min-width: 100px;
    height: 38px;
    padding: 4.5px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    color: #005687;
  }
  nav.tabs .inner div.m menu li .inner label,
  nav.tabs .inner div.m ul li .inner label,
  nav.pinboard-sections .inner div.m menu li .inner label,
  nav.pinboard-sections .inner div.m ul li .inner label {
    position: absolute;
    left: 15px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  nav.tabs .inner div.m menu li .inner label .count,
  nav.tabs .inner div.m ul li .inner label .count,
  nav.pinboard-sections .inner div.m menu li .inner label .count,
  nav.pinboard-sections .inner div.m ul li .inner label .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs .inner div.m menu li .inner label .count::before,
  nav.tabs .inner div.m ul li .inner label .count::before,
  nav.pinboard-sections .inner div.m menu li .inner label .count::before,
  nav.pinboard-sections .inner div.m ul li .inner label .count::before {
    content: "";
    position: absolute;
    vertical-align: middle;
    height: 20px;
    width: 0;
    left: -10px;
    top: 0;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner div.m menu li .inner label::after,
  nav.tabs .inner div.m ul li .inner label::after,
  nav.pinboard-sections .inner div.m menu li .inner label::after,
  nav.pinboard-sections .inner div.m ul li .inner label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  nav.tabs .inner div.m menu li .inner input[type=text] + label,
  nav.tabs .inner div.m ul li .inner input[type=text] + label,
  nav.pinboard-sections .inner div.m menu li .inner input[type=text] + label,
  nav.pinboard-sections .inner div.m ul li .inner input[type=text] + label {
    width: calc(100% - 50px);
    pointer-events: none;
    white-space: nowrap;
  }
  nav.tabs .inner div.m menu li .inner input[type=text]:focus + label,
  nav.tabs .inner div.m menu li .inner input[type=text].has-value + label,
  nav.tabs .inner div.m ul li .inner input[type=text]:focus + label,
  nav.tabs .inner div.m ul li .inner input[type=text].has-value + label,
  nav.pinboard-sections .inner div.m menu li .inner input[type=text]:focus + label,
  nav.pinboard-sections .inner div.m menu li .inner input[type=text].has-value + label,
  nav.pinboard-sections .inner div.m ul li .inner input[type=text]:focus + label,
  nav.pinboard-sections .inner div.m ul li .inner input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs .inner div.m menu li .inner input[type=text]:focus + label::after,
  nav.tabs .inner div.m menu li .inner input[type=text].has-value + label::after,
  nav.tabs .inner div.m ul li .inner input[type=text]:focus + label::after,
  nav.tabs .inner div.m ul li .inner input[type=text].has-value + label::after,
  nav.pinboard-sections .inner div.m menu li .inner input[type=text]:focus + label::after,
  nav.pinboard-sections .inner div.m menu li .inner input[type=text].has-value + label::after,
  nav.pinboard-sections .inner div.m ul li .inner input[type=text]:focus + label::after,
  nav.pinboard-sections .inner div.m ul li .inner input[type=text].has-value + label::after {
    top: 2px;
  }
  nav.tabs .inner div.m menu li .dropdown,
  nav.tabs .inner div.m ul li .dropdown,
  nav.pinboard-sections .inner div.m menu li .dropdown,
  nav.pinboard-sections .inner div.m ul li .dropdown {
    position: absolute;
    max-height: 0;
    max-width: 300px;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    border-top: 1px solid #005687;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs .inner div.m menu li .dropdown menu,
  nav.tabs .inner div.m ul li .dropdown menu,
  nav.pinboard-sections .inner div.m menu li .dropdown menu,
  nav.pinboard-sections .inner div.m ul li .dropdown menu {
    display: block;
    width: 100%;
    padding-bottom: 0;
    scroll-snap-type: y mandatory;
  }
  nav.tabs .inner div.m menu li .dropdown menu li,
  nav.tabs .inner div.m ul li .dropdown menu li,
  nav.pinboard-sections .inner div.m menu li .dropdown menu li,
  nav.pinboard-sections .inner div.m ul li .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  nav.tabs .inner div.m menu li .dropdown menu li a,
  nav.tabs .inner div.m ul li .dropdown menu li a,
  nav.pinboard-sections .inner div.m menu li .dropdown menu li a,
  nav.pinboard-sections .inner div.m ul li .dropdown menu li a {
    display: block;
    position: static;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
    text-align: left;
    /*white-space: nowrap;*/
  }
  nav.tabs .inner div.m menu li .dropdown menu li a .count,
  nav.tabs .inner div.m ul li .dropdown menu li a .count,
  nav.pinboard-sections .inner div.m menu li .dropdown menu li a .count,
  nav.pinboard-sections .inner div.m ul li .dropdown menu li a .count {
    float: right;
    text-align: right;
    color: #969696;
  }
  nav.tabs .inner div.m menu li .dropdown menu li.highlight,
  nav.tabs .inner div.m ul li .dropdown menu li.highlight,
  nav.pinboard-sections .inner div.m menu li .dropdown menu li.highlight,
  nav.pinboard-sections .inner div.m ul li .dropdown menu li.highlight {
    background-color: #32bee1;
    color: #000000;
  }
  nav.tabs .inner div.m menu li .dropdown menu li.highlight a .count,
  nav.tabs .inner div.m ul li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner div.m menu li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner div.m ul li .dropdown menu li.highlight a .count {
    color: #fff;
  }
  nav.tabs .inner div.m menu li .dropdown menu li:hover,
  nav.tabs .inner div.m ul li .dropdown menu li:hover,
  nav.pinboard-sections .inner div.m menu li .dropdown menu li:hover,
  nav.pinboard-sections .inner div.m ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs .inner div.m menu li:hover button::after,
  nav.tabs .inner div.m menu li.active button::after,
  nav.tabs .inner div.m ul li:hover button::after,
  nav.tabs .inner div.m ul li.active button::after,
  nav.pinboard-sections .inner div.m menu li:hover button::after,
  nav.pinboard-sections .inner div.m menu li.active button::after,
  nav.pinboard-sections .inner div.m ul li:hover button::after,
  nav.pinboard-sections .inner div.m ul li.active button::after {
    transform: translateY(0);
  }
  nav.tabs .inner div.m menu li:hover input[type=text],
  nav.tabs .inner div.m menu li.active input[type=text],
  nav.tabs .inner div.m ul li:hover input[type=text],
  nav.tabs .inner div.m ul li.active input[type=text],
  nav.pinboard-sections .inner div.m menu li:hover input[type=text],
  nav.pinboard-sections .inner div.m menu li.active input[type=text],
  nav.pinboard-sections .inner div.m ul li:hover input[type=text],
  nav.pinboard-sections .inner div.m ul li.active input[type=text] {
    border-color: #e5e5e5;
  }
  nav.tabs .inner div.m menu li.active button,
  nav.tabs .inner div.m ul li.active button,
  nav.pinboard-sections .inner div.m menu li.active button,
  nav.pinboard-sections .inner div.m ul li.active button {
    font-weight: bold;
    color: #005687;
  }
  nav.tabs .inner div.m menu li.active button .count,
  nav.tabs .inner div.m ul li.active button .count,
  nav.pinboard-sections .inner div.m menu li.active button .count,
  nav.pinboard-sections .inner div.m ul li.active button .count {
    font-weight: normal;
  }
  nav.tabs .inner div.m menu li.active button::after,
  nav.tabs .inner div.m ul li.active button::after,
  nav.pinboard-sections .inner div.m menu li.active button::after,
  nav.pinboard-sections .inner div.m ul li.active button::after {
    background-color: #005687;
  }
  nav.tabs .inner div.m menu li.active input[type=text],
  nav.tabs .inner div.m ul li.active input[type=text],
  nav.pinboard-sections .inner div.m menu li.active input[type=text],
  nav.pinboard-sections .inner div.m ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs .inner div.m menu li.editing,
  nav.tabs .inner div.m ul li.editing,
  nav.pinboard-sections .inner div.m menu li.editing,
  nav.pinboard-sections .inner div.m ul li.editing {
    background-color: #e5e5e5;
  }
  nav.tabs .inner div.m menu li.editing a,
  nav.tabs .inner div.m ul li.editing a,
  nav.pinboard-sections .inner div.m menu li.editing a,
  nav.pinboard-sections .inner div.m ul li.editing a {
    cursor: default;
  }
  nav.tabs .inner div.m menu li.editing button,
  nav.tabs .inner div.m ul li.editing button,
  nav.pinboard-sections .inner div.m menu li.editing button,
  nav.pinboard-sections .inner div.m ul li.editing button {
    color: #005687 !important;
  }
  nav.tabs .inner div.m menu li.editing button.add,
  nav.tabs .inner div.m ul li.editing button.add,
  nav.pinboard-sections .inner div.m menu li.editing button.add,
  nav.pinboard-sections .inner div.m ul li.editing button.add {
    display: inline-block;
  }
  nav.tabs .inner .btn-group,
  nav.pinboard-sections .inner .btn-group {
    float: right;
  }
  nav.tabs .inner .btn-group a,
  nav.pinboard-sections .inner .btn-group a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 0;
    border-radius: 30px;
    border: 1px solid #969696;
    text-align: center;
  }
  nav.tabs .inner .btn-group a i,
  nav.pinboard-sections .inner .btn-group a i {
    line-height: 30px;
    font-size: 16px;
    color: #969696;
  }
  nav.tabs .inner .btn-group a.active,
  nav.pinboard-sections .inner .btn-group a.active {
    background-color: #005687;
    border-color: #005687;
  }
  nav.tabs .inner .btn-group a.active i,
  nav.pinboard-sections .inner .btn-group a.active i {
    color: #fff;
  }
  nav.tabs {
    position: fixed;
    top: 30px;
  }
  nav.pinboard-sections {
    /* width: 100vw;
    margin-left: calc(-1 * (100vw - (300px * 3 + 15px * 2)) / 2); */
    width: calc(100% + 30px);
    margin: 0 0 30px -15px;
  }
  nav.pinboard-sections .inner div.m menu {
    justify-content: flex-start;
  }
  nav.pinboard-sections .inner div.m menu li {
    display: flex;
    align-items: center;
    /* &:first-child {
    	margin-left: auto;
    }
    &:last-child {
    	margin-right: auto;
    } */
  }
  nav.pinboard-sections .inner div.m menu li.editing button .section-title {
    cursor: text;
  }
  nav.pinboard-sections .inner div.m menu li div,
  nav.pinboard-sections .inner div.m menu li a {
    display: inline-block;
  }
  nav.pinboard-sections .inner div.m menu li i.material-icons {
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
  }
  nav.pinboard-sections + .description {
    margin: 45px 0 55px 0 !important;
  }
  header {
    /* LEFT COlUMN */
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 50vw;
    min-height: 100vh;
    background-color: #fff;
    z-index: 1000;
    transform: translateX(calc(-100% - 10px));
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s ease-out;
  }
  header .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 100vh;
    top: 0;
  }
  header .inner nav#site-title {
    display: block;
    margin-top: 30px;
  }
  header .inner nav#site-title .inner {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    width: 100%;
    min-height: auto;
  }
  header .inner nav#site-title .inner .logo-container {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
  }
  header .inner nav#site-title .inner .logo-container img.logo {
    height: 125px;
  }
  header .inner nav#site-title .inner .logo-container .filler {
    flex: 60px 0 1;
  }
  header .inner nav#site-title .inner .create,
  header .inner nav#site-title .inner .save {
    position: relative;
    margin-top: 31px;
  }
  header .inner nav#site-title .inner .create button,
  header .inner nav#site-title .inner .save button {
    min-height: 45px;
    margin: 0;
    padding: 0 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown,
  header .inner nav#site-title .inner .save .dropdown {
    display: block;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    max-height: 0;
    width: calc(50vw - 60px);
    background-color: #fff;
    overflow: hidden;
    z-index: 1000;
    transform: translateX(-50%);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    transition: max-height 0.25s ease-out;
  }
  header .inner nav#site-title .inner .create .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul {
    width: 100%;
    border-top: 2px solid #005687;
    /*li.status-2 {
    	button {
    		background: repeating-linear-gradient(
    			-45deg,
    			transparent,
    			transparent 3px,
    			rgba(150, 150, 150, .1) 3px,
    			rgba(150, 150, 150, .1) 6px
    		);
    	}
    }*/
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter,
  header .inner nav#site-title .inner .save .dropdown ul li.filter {
    position: absolute;
    height: 45px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text],
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label::after,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text] + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text].has-value + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.padding,
  header .inner nav#site-title .inner .save .dropdown ul li.padding {
    width: 100%;
    height: 45px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li,
  header .inner nav#site-title .inner .save .dropdown ul li {
    position: relative;
    background-color: #fff;
  }
  header .inner nav#site-title .inner .create .dropdown ul li img,
  header .inner nav#site-title .inner .save .dropdown ul li img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button,
  header .inner nav#site-title .inner .save .dropdown ul li button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 45px;
    margin: 0;
    padding-right: 15px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button label,
  header .inner nav#site-title .inner .save .dropdown ul li button label {
    flex-grow: 1;
    display: block;
    width: 100%;
    cursor: pointer;
    margin: 10px 0;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li button .expandable {
    cursor: pointer;
    transition: transform 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li button:hover {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    white-space: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable label,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable label {
    margin: 0;
    flex-grow: initial;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable .sub,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable .sub {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a button,
  header .inner nav#site-title .inner .create .dropdown ul li a button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a button,
  header .inner nav#site-title .inner .save .dropdown ul li a button:hover {
    color: #000000;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a:hover {
    text-decoration: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form,
  header .inner nav#site-title .inner .save .dropdown ul li form {
    width: calc(100% - 45px);
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 15px 0 30px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file],
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] {
    display: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file] + label,
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] + label {
    display: block;
    width: 100%;
    cursor: inherit;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown {
    width: calc(100% - 60px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown ul {
    border-top: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf button,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf button {
    font-size: 14px;
    line-height: 1.5em;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li.open > .dropdown {
    border-top: 1px solid #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button .expandable {
    transform: rotate(90deg);
  }
  header .inner nav#site-title .inner .create .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .create .dropdown ul li.open > button,
  header .inner nav#site-title .inner .create .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .create .dropdown ul li.open > form,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .save .dropdown ul li.open > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-0 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-0 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-1 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-1 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create:hover button,
  header .inner nav#site-title .inner .create:focus button,
  header .inner nav#site-title .inner .create.open button {
    background-color: #005687;
    color: #fff;
  }
  header .inner nav#site-title .inner h1 {
    margin-top: 15px;
    font-size: 24px;
    line-height: 1.2em;
  }
  header .inner nav#site-title .inner h2 {
    margin: 5px 0;
    font-weight: 300;
    color: #b4dc28;
    font-size: 16px;
  }
  header .inner nav#site-title .inner .search {
    margin-top: 15px;
  }
  header .inner nav#site-title .inner .search button {
    border: none;
    outline: none;
    background-color: transparent;
  }
  header .inner nav#site-title .inner .search button img {
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  header .inner nav#modules {
    margin-bottom: 120px;
  }
  header .inner nav#modules menu {
    list-style: none;
  }
  header .inner nav#modules menu li {
    position: relative;
    text-align: center;
  }
  header .inner nav#modules menu li.label {
    font-size: 14px;
    color: #969696;
  }
  header .inner nav#modules menu li a {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: auto;
    padding: 15px 0;
    color: #969696;
  }
  header .inner nav#modules menu li a:hover {
    text-decoration: none;
  }
  header .inner nav#modules menu li.active a {
    font-weight: bold;
    color: #005687;
  }
  header .inner nav#modules menu li:nth-child(n+3)::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 0px;
    left: calc(50% - 50px);
    border-top: 1px dotted #969696;
  }
  header .inner nav.pagination {
    margin-bottom: 60px;
    width: 100%;
    pointer-events: all;
  }
  header .inner nav.pagination .inner {
    display: initial;
    position: static;
  }
  header .inner nav.pagination .inner ul {
    text-align: center;
  }
  header .inner nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  header .inner nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  header .inner nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  header .inner nav.pagination .inner ul.padded {
    padding: 0 45px;
  }
  header .inner nav.pagination img {
    width: 180px;
    height: auto;
  }
  header.open {
    transform: translateX(0);
  }
  /*#statistics {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	padding-bottom: 30px;
  	margin-bottom: 30px;
  	border-bottom: 1px dotted $c-light-grey;

  	.statistic {
  		position: relative;
  		width: 25%;
  		margin: 5px 0;
  		text-align: center;

  		h1 {
  			font-size: $t-main;
  			line-height: 1.5em;
  			color: $c-dark-blue;
  		}
  		p {
  			margin: 0;
  			font-style: normal;
  			font-size: $t-small;
  			line-height: 1.2em;
  			color: $c-dark-blue;
  		}
  		small {
  			font-size: $t-small;
  			line-height: 1.5em;
  			color: $c-light-grey;
  		}
  	}
  	.statistic:first-child {
  		width: 50%;
  		margin: 15px 0;

  		h1 {
  			font-size: $t-xlarge;
  			line-height: 1.2em;
  		}
  		p {
  			font-size: $t-main;
  		}
  	}
  }*/
  nav#filters {
    display: inline-block;
    vertical-align: top;
    margin-top: 45px;
  }
  nav#filters .inner {
    position: fixed;
    padding: 15px 30px 15px 5px;
  }
  nav#filters .inner p {
    margin: 0 0 15px 5px;
    font-size: 16px;
    font-style: italic;
    color: #969696;
  }
  nav#filters .inner .active-filters {
    width: 100%;
    margin-bottom: 30px;
  }
  nav#filters .inner .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 10px;
    margin: 5px;
    background-color: #fff;
    font-size: 12px;
    color: #969696;
  }
  nav#filters .inner .active-filters .tag label {
    cursor: pointer;
  }
  nav#filters .inner .active-filters .tag .type {
    flex-shrink: 0;
    font-size: 10px;
    padding-right: 5px;
    border-right: 1px dotted #969696;
  }
  nav#filters .inner .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
  }
  nav#filters .inner .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    color: #fff;
  }
  .sidebar {
    display: block;
    flex: 1 1;
    top: 0;
  }
  .veil {
    position: fixed;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .veil nav.browse-filters {
    position: relative;
    /*width: 475px;*/
    width: 400px;
    /*width: calc(150px * 3 + 15px * 2 + 60px);*/
    margin: 60px auto 125px auto;
    background-color: #fff;
    border: 1px solid #005687;
    border-top-width: 5px;
    transition: transform 0.5s;
  }
  .veil nav.browse-filters .handle {
    position: absolute;
    bottom: 100%;
    right: -1px;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
    cursor: e-resize;
  }
  .veil nav.browse-filters .handle button.close {
    height: 30px;
    border: none;
    outline: none;
    padding: 0 15px;
    background-color: #005687;
    color: #fff;
  }
  .veil nav.browse-filters .handle button.close label {
    cursor: pointer;
  }
  .veil nav.browse-filters .handle button.close label span {
    margin-left: 15px;
  }
  .veil nav.browse-filters form .query {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #32bee1;
  }
  .veil nav.browse-filters form .query input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 30px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  .veil nav.browse-filters form .query label[for=search-field] {
    position: absolute;
    top: 5px;
    left: 30px;
    font-size: 16px;
    color: #32bee1;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  .veil nav.browse-filters form .query input[type=text]:focus + label,
  .veil nav.browse-filters form .query input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  .veil nav.browse-filters form .query input:-webkit-autofill,
  .veil nav.browse-filters form .query input:-webkit-autofill:hover,
  .veil nav.browse-filters form .query input:-webkit-autofill:focus,
  .veil nav.browse-filters form .query input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  .veil nav.browse-filters form .query button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters p {
    margin: 15px 30px 0px 30px;
    font-size: 16px;
    font-style: italic;
  }
  .veil nav.browse-filters form .filters .meta-filters,
  .veil nav.browse-filters form .filters .content-filters {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 15px;
    /*.filter:nth-child(2n) {
    	margin-left: 0;
    	.dropdown {
    		left: -215px;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters,
  .veil nav.browse-filters form .filters .content-filters .active-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    padding: 0 10px;
    /*margin-bottom: 5px;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 5px;
    margin: 5px;
    background-color: #fff;
    font-size: 10px;
    color: #969696;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag label,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .type,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .type {
    flex-shrink: 0;
    /*font-size: $t-xsmall;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .name,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: bold;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .close,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter,
  .veil nav.browse-filters form .filters .content-filters .filter {
    position: relative;
    /*flex-grow: 1;*/
    width: 100%;
    /*width: 200px;*/
    margin: 5px 15px;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button,
  .veil nav.browse-filters form .filters .content-filters .filter button {
    height: 30px;
    width: 100%;
    padding: 0 30px;
    border: 1px solid #0468b1;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
    color: #0468b1;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter button label.count {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #0468b1;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown {
    display: none;
    position: absolute;
    /*top: calc(100% - 1px);*/
    top: 100%;
    left: 0;
    /*width: calc(415px - 2px);*/
    width: 338px;
    max-height: 300px;
    background-color: #fff;
    border: 1px solid #32bee1;
    border-top: none;
    /*border-top-width: 5px;*/
    z-index: 1000;
    overflow: auto;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul {
    width: 100%;
    /*padding-bottom: 5px;*/
    /*li.not-hovered > button {
    	background-color: $c-light-grey !important;
    }
    li.not-hovered > a {
    	button {
    		background-color: $c-light-grey !important;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li input[type=checkbox],
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li input[type=checkbox] {
    display: none;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label {
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    color: #000000;
    width: 90%;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label.count,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label.count {
    font-size: 12px;
    color: #0468b1;
    width: 10%;
    text-align: right;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li:hover,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li:hover {
    background-color: #e5e5e5;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active {
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active label {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter:not(.expand):hover button,
  .veil nav.browse-filters form .filters .content-filters .filter:not(.expand):hover button {
    background-color: #32bee1;
    border: 1px solid #32bee1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button {
    background-color: #0468b1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button label.count {
    background-color: #fff;
    font-weight: bold;
    color: #0468b1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter.expand .dropdown {
    display: block;
  }
  .veil nav.browse-filters form .filters .meta-filters .title h1,
  .veil nav.browse-filters form .filters .content-filters .title h1 {
    font-size: 16px;
    font-style: italic;
    color: #b4dc28;
    /*text-decoration: underline;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active,
  .veil nav.browse-filters form .filters .content-filters .title .active {
    margin-bottom: 10px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    text-decoration: none;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #333d51;
    border-radius: 5px;
    font-size: 12px;
    color: #333d51;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag label,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag i,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag i {
    vertical-align: middle;
    font-size: 16px;
    margin-left: 5px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag a {
    color: #333d51;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover {
    background-color: #333d51;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover a {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .separator {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .veil nav.browse-filters form .filters .separator span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    font-size: 12px;
    color: #32bee1;
    z-index: 100;
  }
  .veil nav.browse-filters form .filters .separator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .submission {
    width: calc(100% - 55px);
    padding: 5px 25px 30px 30px;
    text-align: right;
  }
  .veil nav.browse-filters form .submission button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    margin-right: 5px;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .submission button.search {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .veil nav#filter.open {
    transform: translateX(0);
  }
  .veil nav#filter.open .handle {
    cursor: w-resize;
  }
  .veil nav#filter.open .handle div {
    cursor: w-resize;
  }
  /* LEAFLET ADJUSTMENTS */
  /* =================== */
  /* BASE MAP: THIS IS THE BASE FOR THE browse ACTIVITY */
  .map-container {
    width: calc(100% + 30px);
    margin: 15px 0 0 -15px;
    z-index: 1;
    position: relative;
  }
  .map-container #map {
    min-height: 50vh;
    background-color: #e5e5e5;
  }
  .map-container .btn-group.map-scale {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 30px;
  }
  .map-container .btn-group.map-scale a {
    float: left;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    background-color: #e5e5e5;
    font-size: 12px;
    color: #005687;
    cursor: pointer;
  }
  .map-container .btn-group.map-scale a.active {
    background-color: #0468b1;
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
  }
  .map-container .btn-group.map-scale {
    /*top: 30px;*/
    right: 30px;
    left: auto;
  }
  .map-container .btn-group.map-scale a {
    padding: 0 8px 2px 8px;
    background-color: #005687;
    color: #fff;
  }
  .map-container .btn-group.map-scale a input[type=checkbox] {
    display: none;
  }
  .map-container .btn-group.map-scale a i {
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
  }
  .map-container.full-screen {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px - 45px - 135px);
    margin: 0;
  }
  .map-container.full-screen #map {
    height: 100%;
  }
  /* POPUPS */
  .leaflet-popup {
    z-index: 10000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
    font-family: "Overpass", Helvetica, Arial, sans-serif;
    color: #005687;
    padding: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 300px !important;
    max-height: 400px;
    margin: 0;
    /*      padding-top: 20px;*/
    overflow: auto;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn {
    width: 100%;
    min-height: 45px;
    padding: 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn:hover {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
    padding-bottom: 75px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article {
    position: relative;
    width: 100%;
    min-width: 300px;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    scroll-snap-align: center;
    padding-top: 0 !important;
    border-radius: 0;
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .media-img {
    width: 300px;
    margin-bottom: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .btn-group {
    margin: 10px 0 15px 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body {
    display: block;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body a {
    color: #32bee1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title {
    width: 100%;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title a {
    text-decoration: none;
    color: #005687;
    font-weight: 700;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt {
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt a {
    color: #000000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .foot {
    padding: 0 15px 30px 15px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    background-color: transparent;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    border-top: 1px dotted #969696;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel {
    position: relative;
    margin-bottom: 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots {
    width: calc(100% - 60px);
    padding: 0 30px;
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 2.5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot.highlight {
    background-color: #0468b1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul {
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li {
    display: inline-block;
    margin: 0 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a {
    color: #32bee1;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a.active {
    font-weight: 700;
    text-decoration: underline;
  }
  .leaflet-container a.leaflet-popup-close-button {
    width: calc(100% - 10px);
    height: 25px !important;
    width: 25px !important;
    top: 0;
    padding: 0 !important;
    margin: 10px 10px 0 0 !important;
    background-color: #005687;
    text-align: right;
    line-height: 20px;
    color: #646464 !important;
    display: block;
    font-size: 0 !important;
  }
  .leaflet-container a.leaflet-popup-close-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(-45deg);
    transform-origin: center;
  }
  .leaflet-container a.leaflet-popup-close-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(45deg);
    transform-origin: center;
  }
  /* PINS */
  .single-pin {
    outline: none;
  }
  .single-pin i {
    position: absolute;
    left: -125%;
    top: -50%;
    font-size: 2rem;
    color: #005687;
  }
  .single-pin.selected i {
    color: orange;
  }
  .cluster-pin {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border: 5px solid #005687;
    background-color: #005687;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.75;
  }
  .cluster-pin.selected {
    background-color: #0468b1;
    border-color: #0468b1;
  }
  .map-container.full-screen {
    top: 90px;
    height: calc(100vh - 90px - 180px);
  }
  .screen {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    /*background-color: rgba(255,255,255,.75);*/
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 3px, rgba(229, 229, 229, 0.75) 3px, rgba(229, 229, 229, 0.75) 6px);
    animation: fade-in 0.25s;
    z-index: 99999;
  }
  .screen .modal .close {
    float: right;
    border: none;
    outline: none;
    background-color: #005687;
    color: #fff;
    cursor: pointer;
  }
  .screen .modal .inner {
    border-top: 2px solid #005687;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  .screen .modal .inner img.zoom {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .screen.dark {
    background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75) 3px, rgba(50, 50, 50, 0.75) 3px, rgba(50, 50, 50, 0.75) 6px);
  }
  .screen.transparent {
    background: transparent;
  }
  .screen.blue {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .screen.error {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .screen.ter {
    background-color: rgb(239, 239, 239);
  }
  .screen.ter .modal .close {
    background-color: #333d51;
  }
  .screen.ter .modal .inner {
    border-top: 3px solid #333d51;
  }
  .modal {
    position: relative;
    width: 400px;
    flex-shrink: 1;
    margin: auto;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 12px;
  }
  .modal .close.inlaid {
    position: absolute;
    right: 0;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
    overflow-y: visible;
    max-height: 85vh;
  }
  .modal .inner.unpadded {
    padding: 0;
    max-height: none;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 16px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .modal .inner .message * {
    padding: 5px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 12px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
  }
  .modal .inner ul li div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
  }
  .modal .inner ul li div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .modal .inner ul li div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  .modal .inner ul li input[type=file] {
    display: none;
  }
  .modal .inner ul li button,
  .modal .inner ul li input[type=file] + label {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub,
  .modal .inner ul li input[type=file] + label .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .inner ul li button:disabled,
  .modal .inner ul li input[type=file] + label:disabled {
    color: #e5e5e5;
    cursor: default;
    border-color: #e5e5e5;
    background-color: transparent;
  }
  .modal .inner ul li button.padded,
  .modal .inner ul li input[type=file] + label.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li button.input-submit,
  .modal .inner ul li button[type=submit] {
    border-color: #32bee1;
    background-color: #32bee1;
    color: #fff;
  }
  .modal .inner ul li input[type=file] + label {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    transform: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #005687;
    line-height: 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 15px;
    font-size: 14px;
    color: #969696;
    transform: translateY(17px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li input:not([type=checkbox]):not([type=radio]):focus + label,
  .modal .inner ul li input.has-value:not([type=checkbox]):not([type=radio]) + label,
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 12px;
    transform: translateY(-5px);
  }
  .modal .inner ul li input.full-width {
    /*
    width: 100%;
    margin: 5px 0 15px 0;
    padding: 15px 0 15px 0;
    border: none;
    border-bottom: 1px solid $c-light-grey;
    outline: none;
    font-size: $t-main;
    */
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 0 15px 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li input + label {
    top: 1px;
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li .filter {
    position: relative;
  }
  .modal .inner ul li .filter input[type=text] {
    width: calc(100% - 30px);
    height: 45px;
    margin-left: 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li .filter input[type=text] + label {
    left: 15px;
    font-size: 14px;
    line-height: 1.3em;
    transform: translateY(12px);
    text-align: left;
  }
  .modal .inner ul li .filter input[type=text]:focus + label,
  .modal .inner ul li .filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.3em;
    transform: translateY(-10px);
  }
  .modal .inner ul li .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu {
    width: 100%;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px 15px 5px 15px;
    list-style: none;
    box-sizing: border-box;
  }
  .modal .inner ul li .filter .dropdown menu li input[type=checkbox],
  .modal .inner ul li .filter .dropdown menu li input[type=radio] {
    display: none;
  }
  .modal .inner ul li .filter .dropdown menu li label {
    display: block;
    position: static;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  .modal .inner ul li .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li label .sub {
    color: #969696;
    font-size: 12px;
  }
  .modal .inner ul li .filter .dropdown menu li label.secondary {
    padding: 0;
    font-size: 12px;
    color: #969696;
    font-style: italic;
  }
  .modal .inner ul li .filter .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal .inner ul li .filter .dropdown menu li.active {
    background-color: #32bee1;
  }
  .modal .inner ul li .active-filters {
    padding: 10px 15px;
    margin: 0 auto 15px auto;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  .modal .inner ul li .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .modal .inner ul li .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  .modal .inner ul li .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  .modal .inner ul li .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  .modal .inner ul li .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .modal .inner ul li .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  .modal .inner ul li.default {
    text-align: left;
  }
  .modal .inner ul li.default label {
    position: static;
    margin-left: 10px;
    color: #000000;
    font-size: 14px;
  }
  .modal .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .foot button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .foot button .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .foot p {
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
  }
  .modal.longlist .inner {
    padding: 0;
  }
  .modal.longlist .inner .message {
    padding: 15px 15px 5px 15px;
    margin: 0;
  }
  .modal.longlist .inner ul {
    width: 100%;
    max-height: 500px;
    overflow: auto;
  }
  .modal.longlist .inner ul li.filter {
    position: fixed;
    height: 45px;
    width: 300px;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  .modal.longlist .inner ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  .modal.longlist .inner ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  .modal.longlist .inner ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .modal.longlist .inner ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  .modal.longlist .inner ul li.filter input[type=text]:focus + label,
  .modal.longlist .inner ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  .modal.longlist .inner ul li.padding {
    width: 100%;
    height: 45px;
    margin: 0;
  }
  .modal.longlist .inner ul li.opt {
    margin: 0;
  }
  .modal.longlist .inner ul li.opt input[type=checkbox] {
    display: none;
  }
  .modal.longlist .inner ul li.opt label {
    display: block;
    padding: 5px 15px;
    margin: 0;
    transform: none;
  }
  .modal.longlist .inner ul li.opt label:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal.longlist .inner ul li.opt input:checked + label {
    background-color: #32bee1;
  }
  .modal.longlist .inner .foot {
    padding: 15px;
    margin: 0;
  }
  .login-module {
    padding: 30px 30px 15px 30px;
    border-top: 2px solid #005687;
    background-color: #fff;
  }
  .login-module ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
  }
  .login-module ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -30px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .login-module ul li .required input {
    display: none;
  }
  .login-module ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .login-module ul li .required input:checked + label,
  .login-module ul li .required label.active {
    color: #a51e41;
  }
  .login-module ul li .input-group {
    position: relative;
    flex-grow: 1;
  }
  .login-module ul li .input-group input.toggle + label {
    margin: 0;
  }
  .login-module ul li input[type=text],
  .login-module ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: #fff;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .login-module ul li input[type=text] + label,
  .login-module ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .login-module ul li input[type=text]:focus + label,
  .login-module ul li input[type=text].has-value + label,
  .login-module ul li input[type=password]:focus + label,
  .login-module ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .login-module ul li input[type=email]:invalid,
  .login-module ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .login-module ul li button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    margin-top: 15px;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .login-module ul li p.errormessage {
    color: #a51e41;
  }
  .login-module ul li p.small {
    font-size: 12px;
    color: #646464;
  }
  .login-module div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #969696;
    font-size: 12px;
  }
  .login-module div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .login-module div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  @keyframes animate-down {
    from {
      transform: translateY(-30px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .session-alert {
    padding: 15px;
    border: 1px dotted #a51e41;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .session-alert p {
    color: #a51e41;
  }
  .session-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  .session-alert form table {
    margin: 15px 0 0 0;
    width: 100%;
    color: #646464;
    font-size: 14px;
    line-height: 1.5em;
    border-collapse: separate;
    border-spacing: 0 5px;
  }
  .session-alert form table thead th {
    height: 30px;
    padding: 0 10px;
    text-align: left;
    border-bottom: 1px solid #969696;
  }
  .session-alert form table tbody tr:hover {
    background-color: #e5e5e5;
  }
  .session-alert form table tbody tr.all {
    font-weight: bold;
  }
  .session-alert form table tbody tr td {
    min-height: 30px;
    padding: 0 10px;
  }
  .session-alert form table tbody tr td.highlight {
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .session-alert form table tbody tr td:last-child {
    padding-right: 0;
  }
  .session-alert form table tbody tr td button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #a51e41;
    padding: 0 5px;
    background: transparent;
    outline: none;
    color: #a51e41;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .disclaimer-alert {
    padding: 15px;
    border: 1px dotted #fa7814;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .disclaimer-alert p {
    color: #fa7814;
  }
  .disclaimer-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  div.fixed-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
  div.hashed {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.filler {
    display: block;
    flex: 1 1;
    pointer-events: none;
  }
  div.main-content.fit {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 1fr auto 1fr;
  }
  div.main-content.adjacent {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }
  div.document {
    position: relative;
    display: block;
    width: 838px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group,
  div.document main#pad .engagement-input-group,
  div.document main#reference .engagement-input-group,
  div.document main#template .engagement-input-group,
  div.document main#mobilization .engagement-input-group {
    position: fixed;
    width: 225px;
    margin: 0 0 0 -225px;
  }
  div.document main .engagement-input-group .bookmark,
  div.document main#pad .engagement-input-group .bookmark,
  div.document main#reference .engagement-input-group .bookmark,
  div.document main#template .engagement-input-group .bookmark,
  div.document main#mobilization .engagement-input-group .bookmark {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 66px;
    height: 90px;
    top: -60px;
    right: 20px;
    transform-origin: top center;
    transition: transform 0.25s ease-out;
    background-color: #c2b4d6;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark div,
  div.document main#pad .engagement-input-group .bookmark div,
  div.document main#reference .engagement-input-group .bookmark div,
  div.document main#template .engagement-input-group .bookmark div,
  div.document main#mobilization .engagement-input-group .bookmark div {
    transform: rotate(-90deg);
  }
  div.document main .engagement-input-group .bookmark::before,
  div.document main#pad .engagement-input-group .bookmark::before,
  div.document main#reference .engagement-input-group .bookmark::before,
  div.document main#template .engagement-input-group .bookmark::before,
  div.document main#mobilization .engagement-input-group .bookmark::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-left: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark::after,
  div.document main#pad .engagement-input-group .bookmark::after,
  div.document main#reference .engagement-input-group .bookmark::after,
  div.document main#template .engagement-input-group .bookmark::after,
  div.document main#mobilization .engagement-input-group .bookmark::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-right: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark:hover,
  div.document main .engagement-input-group .bookmark.active,
  div.document main#pad .engagement-input-group .bookmark:hover,
  div.document main#pad .engagement-input-group .bookmark.active,
  div.document main#reference .engagement-input-group .bookmark:hover,
  div.document main#reference .engagement-input-group .bookmark.active,
  div.document main#template .engagement-input-group .bookmark:hover,
  div.document main#template .engagement-input-group .bookmark.active,
  div.document main#mobilization .engagement-input-group .bookmark:hover,
  div.document main#mobilization .engagement-input-group .bookmark.active {
    background-color: #57648c;
  }
  div.document main .engagement-input-group .bookmark:hover::before,
  div.document main .engagement-input-group .bookmark:hover::after,
  div.document main .engagement-input-group .bookmark.active::before,
  div.document main .engagement-input-group .bookmark.active::after,
  div.document main#pad .engagement-input-group .bookmark:hover::before,
  div.document main#pad .engagement-input-group .bookmark:hover::after,
  div.document main#pad .engagement-input-group .bookmark.active::before,
  div.document main#pad .engagement-input-group .bookmark.active::after,
  div.document main#reference .engagement-input-group .bookmark:hover::before,
  div.document main#reference .engagement-input-group .bookmark:hover::after,
  div.document main#reference .engagement-input-group .bookmark.active::before,
  div.document main#reference .engagement-input-group .bookmark.active::after,
  div.document main#template .engagement-input-group .bookmark:hover::before,
  div.document main#template .engagement-input-group .bookmark:hover::after,
  div.document main#template .engagement-input-group .bookmark.active::before,
  div.document main#template .engagement-input-group .bookmark.active::after,
  div.document main#mobilization .engagement-input-group .bookmark:hover::before,
  div.document main#mobilization .engagement-input-group .bookmark:hover::after,
  div.document main#mobilization .engagement-input-group .bookmark.active::before,
  div.document main#mobilization .engagement-input-group .bookmark.active::after {
    border-top-color: #57648c;
  }
  div.document main .engagement-input-group ul,
  div.document main#pad .engagement-input-group ul,
  div.document main#reference .engagement-input-group ul,
  div.document main#template .engagement-input-group ul,
  div.document main#mobilization .engagement-input-group ul {
    padding: 5px 10px;
    margin: 65px 20px 0 0;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group ul li,
  div.document main#pad .engagement-input-group ul li,
  div.document main#reference .engagement-input-group ul li,
  div.document main#template .engagement-input-group ul li,
  div.document main#mobilization .engagement-input-group ul li {
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
  }
  div.document main .engagement-input-group ul li button,
  div.document main#pad .engagement-input-group ul li button,
  div.document main#reference .engagement-input-group ul li button,
  div.document main#template .engagement-input-group ul li button,
  div.document main#mobilization .engagement-input-group ul li button {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    max-width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 45px;
    outline: none;
    margin: 0 0 0 10px;
    background-color: transparent;
    color: #c2b4d6;
    font-size: 24px;
    line-height: 1.5em;
    cursor: pointer;
    transition: border-color 0.25s, max-width 0.5s;
  }
  div.document main .engagement-input-group ul li button small,
  div.document main#pad .engagement-input-group ul li button small,
  div.document main#reference .engagement-input-group ul li button small,
  div.document main#template .engagement-input-group ul li button small,
  div.document main#mobilization .engagement-input-group ul li button small {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    white-space: nowrap;
  }
  div.document main .engagement-input-group ul li button i,
  div.document main#pad .engagement-input-group ul li button i,
  div.document main#reference .engagement-input-group ul li button i,
  div.document main#template .engagement-input-group ul li button i,
  div.document main#mobilization .engagement-input-group ul li button i {
    flex-shrink: 0;
    width: 45px;
    display: inline-block;
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 45px;*/
    font-style: normal;
    cursor: pointer;
  }
  div.document main .engagement-input-group ul li button::after,
  div.document main#pad .engagement-input-group ul li button::after,
  div.document main#reference .engagement-input-group ul li button::after,
  div.document main#template .engagement-input-group ul li button::after,
  div.document main#mobilization .engagement-input-group ul li button::after {
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: calc(100% - 10px);
    width: 45px;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: 700;
    pointer-events: none;
    transition: opacity 0.25s, transform 0.5s;
  }
  div.document main .engagement-input-group ul li button:hover,
  div.document main#pad .engagement-input-group ul li button:hover,
  div.document main#reference .engagement-input-group ul li button:hover,
  div.document main#template .engagement-input-group ul li button:hover,
  div.document main#mobilization .engagement-input-group ul li button:hover {
    max-width: 100%;
    border-color: #c2b4d6;
  }
  div.document main .engagement-input-group ul li button.active,
  div.document main#pad .engagement-input-group ul li button.active,
  div.document main#reference .engagement-input-group ul li button.active,
  div.document main#template .engagement-input-group ul li button.active,
  div.document main#mobilization .engagement-input-group ul li button.active {
    color: #934a5f;
  }
  div.document main .engagement-input-group ul li button.active:hover,
  div.document main#pad .engagement-input-group ul li button.active:hover,
  div.document main#reference .engagement-input-group ul li button.active:hover,
  div.document main#template .engagement-input-group ul li button.active:hover,
  div.document main#mobilization .engagement-input-group ul li button.active:hover {
    border-color: #934a5f;
  }
  div.document main .engagement-input-group ul li button:hover::after,
  div.document main#pad .engagement-input-group ul li button:hover::after,
  div.document main#reference .engagement-input-group ul li button:hover::after,
  div.document main#template .engagement-input-group ul li button:hover::after,
  div.document main#mobilization .engagement-input-group ul li button:hover::after {
    opacity: 0;
    transform: translateY(-10px);
  }
  div.document main .inner .meta-info,
  div.document main#pad .inner .meta-info,
  div.document main#reference .inner .meta-info,
  div.document main#template .inner .meta-info,
  div.document main#mobilization .inner .meta-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 150px);
    margin-bottom: 90px;
    padding-bottom: 60px;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-info h1,
  div.document main#pad .inner .meta-info h1,
  div.document main#reference .inner .meta-info h1,
  div.document main#template .inner .meta-info h1,
  div.document main#mobilization .inner .meta-info h1 {
    /*margin-bottom: 30px;*/
    font-size: 20px;
    line-height: 1.5em;
  }
  div.document main .inner .meta-info p,
  div.document main#pad .inner .meta-info p,
  div.document main#reference .inner .meta-info p,
  div.document main#template .inner .meta-info p,
  div.document main#mobilization .inner .meta-info p {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner button.scroll-nav,
  div.document main#pad .inner button.scroll-nav,
  div.document main#reference .inner button.scroll-nav,
  div.document main#template .inner button.scroll-nav,
  div.document main#mobilization .inner button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document main .inner button.scroll-nav label.rotate,
  div.document main#pad .inner button.scroll-nav label.rotate,
  div.document main#reference .inner button.scroll-nav label.rotate,
  div.document main#template .inner button.scroll-nav label.rotate,
  div.document main#mobilization .inner button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.document main .inner button.scroll-nav:hover,
  div.document main#pad .inner button.scroll-nav:hover,
  div.document main#reference .inner button.scroll-nav:hover,
  div.document main#template .inner button.scroll-nav:hover,
  div.document main#mobilization .inner button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status,
  div.document main#pad .inner .meta-status,
  div.document main#reference .inner .meta-status,
  div.document main#template .inner .meta-status,
  div.document main#mobilization .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 0 -60px;
    z-index: 10000;
  }
  div.document main .inner .meta-status .btn-group,
  div.document main#pad .inner .meta-status .btn-group,
  div.document main#reference .inner .meta-status .btn-group,
  div.document main#template .inner .meta-status .btn-group,
  div.document main#mobilization .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  div.document main .inner .meta-status .btn-group form,
  div.document main#pad .inner .meta-status .btn-group form,
  div.document main#reference .inner .meta-status .btn-group form,
  div.document main#template .inner .meta-status .btn-group form,
  div.document main#mobilization .inner .meta-status .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.document main .inner .meta-status .btn-group form button,
  div.document main#pad .inner .meta-status .btn-group form button,
  div.document main#reference .inner .meta-status .btn-group form button,
  div.document main#template .inner .meta-status .btn-group form button,
  div.document main#mobilization .inner .meta-status .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .meta-status .btn-group form button.publish,
  div.document main#pad .inner .meta-status .btn-group form button.publish,
  div.document main#reference .inner .meta-status .btn-group form button.publish,
  div.document main#template .inner .meta-status .btn-group form button.publish,
  div.document main#mobilization .inner .meta-status .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group form button:disabled,
  div.document main#pad .inner .meta-status .btn-group form button:disabled,
  div.document main#reference .inner .meta-status .btn-group form button:disabled,
  div.document main#template .inner .meta-status .btn-group form button:disabled,
  div.document main#mobilization .inner .meta-status .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.document main .inner .meta-status .btn-group form .dropdown,
  div.document main#pad .inner .meta-status .btn-group form .dropdown,
  div.document main#reference .inner .meta-status .btn-group form .dropdown,
  div.document main#template .inner .meta-status .btn-group form .dropdown,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 100;
    transition: max-height 0.15s ease-out;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    color: #969696;
    font-size: 12px;
    white-space: nowrap;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li:not(:last-child) {
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-status.status-0,
  div.document main#pad .inner .meta-status.status-0,
  div.document main#reference .inner .meta-status.status-0,
  div.document main#template .inner .meta-status.status-0,
  div.document main#mobilization .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-1,
  div.document main#pad .inner .meta-status.status-1,
  div.document main#reference .inner .meta-status.status-1,
  div.document main#template .inner .meta-status.status-1,
  div.document main#mobilization .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-2,
  div.document main .inner .meta-status.status-3,
  div.document main#pad .inner .meta-status.status-2,
  div.document main#pad .inner .meta-status.status-3,
  div.document main#reference .inner .meta-status.status-2,
  div.document main#reference .inner .meta-status.status-3,
  div.document main#template .inner .meta-status.status-2,
  div.document main#template .inner .meta-status.status-3,
  div.document main#mobilization .inner .meta-status.status-2,
  div.document main#mobilization .inner .meta-status.status-3 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.document main .inner .head,
  div.document main#pad .inner .head,
  div.document main#reference .inner .head,
  div.document main#template .inner .head,
  div.document main#mobilization .inner .head {
    position: relative;
    width: 100%;
    margin: 30px 0;
  }
  div.document main .inner .head .return,
  div.document main#pad .inner .head .return,
  div.document main#reference .inner .head .return,
  div.document main#template .inner .head .return,
  div.document main#mobilization .inner .head .return {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head i,
  div.document main#pad .inner .head i,
  div.document main#reference .inner .head i,
  div.document main#template .inner .head i,
  div.document main#mobilization .inner .head i {
    position: absolute;
    right: 100%;
  }
  div.document main .inner .head .title,
  div.document main#pad .inner .head .title,
  div.document main#reference .inner .head .title,
  div.document main#template .inner .head .title,
  div.document main#mobilization .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 700;
  }
  div.document main .inner .head .title:focus,
  div.document main#pad .inner .head .title:focus,
  div.document main#reference .inner .head .title:focus,
  div.document main#template .inner .head .title:focus,
  div.document main#mobilization .inner .head .title:focus {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .head .contributor,
  div.document main#pad .inner .head .contributor,
  div.document main#reference .inner .head .contributor,
  div.document main#template .inner .head .contributor,
  div.document main#mobilization .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.document main .inner .head .meta-country,
  div.document main#pad .inner .head .meta-country,
  div.document main#reference .inner .head .meta-country,
  div.document main#template .inner .head .meta-country,
  div.document main#mobilization .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .meta-country::after,
  div.document main#pad .inner .head .meta-country::after,
  div.document main#reference .inner .head .meta-country::after,
  div.document main#template .inner .head .meta-country::after,
  div.document main#mobilization .inner .head .meta-country::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head .meta-date,
  div.document main#pad .inner .head .meta-date,
  div.document main#reference .inner .head .meta-date,
  div.document main#template .inner .head .meta-date,
  div.document main#mobilization .inner .head .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .dropdown,
  div.document main#pad .inner .head .dropdown,
  div.document main#reference .inner .head .dropdown,
  div.document main#template .inner .head .dropdown,
  div.document main#mobilization .inner .head .dropdown {
    display: none;
  }
  div.document main .inner .body,
  div.document main#pad .inner .body,
  div.document main#reference .inner .body,
  div.document main#template .inner .body,
  div.document main#mobilization .inner .body {
    width: 100%;
    padding-bottom: 60px;
    /*transform: translateZ(0);*/
  }
  div.document main .inner .body .layout,
  div.document main#pad .inner .body .layout,
  div.document main#reference .inner .body .layout,
  div.document main#template .inner .body .layout,
  div.document main#mobilization .inner .body .layout {
    display: inline-block;
    clear: both;
    position: relative;
    width: 100%;
    margin: 15px 0 30px 0;
    transition: background-color 0.25s;
    /*.input-type {
    	display: block;
    	text-align: center;

    	label {
    		position: absolute;
    		bottom: 100%;
    		left: 0;
    		padding: 5px 10px;
    		outline: none;
    		background-color: $c-light-yellow;
    		font-size: $t-small;
    		line-height: 1.5em;
    		white-space: nowrap;
    	}
    }*/
    /*.media-container.slide {
    	position: absolute;
    	min-height: 100vh;
    	transform: translateX(0);
    	opacity: 1;
    	transition: transform 1s, opacity 1s;
    }
    .media-container.slide-next {
    	transform: translateX(100%);
    	opacity: 0;
    }
    .media-container.slide-prev {
    	transform: translateX(-100%);
    	opacity: 0;
    }*/
  }
  div.document main .inner .body .layout .section-header,
  div.document main#pad .inner .body .layout .section-header,
  div.document main#reference .inner .body .layout .section-header,
  div.document main#template .inner .body .layout .section-header,
  div.document main#mobilization .inner .body .layout .section-header {
    display: block;
  }
  div.document main .inner .body .layout .section-header h1,
  div.document main#pad .inner .body .layout .section-header h1,
  div.document main#reference .inner .body .layout .section-header h1,
  div.document main#template .inner .body .layout .section-header h1,
  div.document main#mobilization .inner .body .layout .section-header h1 {
    padding: 5px 0;
    outline: none;
    font-size: 24px;
    line-height: 1.5em;
    color: #0468b1;
    font-weight: normal;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .section-header h1:focus,
  div.document main#pad .inner .body .layout .section-header h1:focus,
  div.document main#reference .inner .body .layout .section-header h1:focus,
  div.document main#template .inner .body .layout .section-header h1:focus,
  div.document main#mobilization .inner .body .layout .section-header h1:focus {
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .placement-opts,
  div.document main#pad .inner .body .layout .placement-opts,
  div.document main#reference .inner .body .layout .placement-opts,
  div.document main#template .inner .body .layout .placement-opts,
  div.document main#mobilization .inner .body .layout .placement-opts {
    position: absolute;
    display: none;
    top: calc(-24px);
    right: 100%;
    height: 100%;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .placement-opts .opt,
  div.document main#pad .inner .body .layout .placement-opts .opt,
  div.document main#reference .inner .body .layout .placement-opts .opt,
  div.document main#template .inner .body .layout .placement-opts .opt,
  div.document main#mobilization .inner .body .layout .placement-opts .opt {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
  }
  div.document main .inner .body .layout .placement-opts .opt i,
  div.document main#pad .inner .body .layout .placement-opts .opt i,
  div.document main#reference .inner .body .layout .placement-opts .opt i,
  div.document main#template .inner .body .layout .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .placement-opts .opt i {
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 30px;*/
  }
  div.document main .inner .body .layout .required,
  div.document main#pad .inner .body .layout .required,
  div.document main#reference .inner .body .layout .required,
  div.document main#template .inner .body .layout .required,
  div.document main#mobilization .inner .body .layout .required {
    position: absolute;
    left: -45px;
    top: 35px;
    width: 30px;
    text-align: center;
  }
  div.document main .inner .body .layout .required input,
  div.document main#pad .inner .body .layout .required input,
  div.document main#reference .inner .body .layout .required input,
  div.document main#template .inner .body .layout .required input,
  div.document main#mobilization .inner .body .layout .required input {
    display: none;
  }
  div.document main .inner .body .layout .required label,
  div.document main#pad .inner .body .layout .required label,
  div.document main#reference .inner .body .layout .required label,
  div.document main#template .inner .body .layout .required label,
  div.document main#mobilization .inner .body .layout .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .required input:checked + label,
  div.document main .inner .body .layout .required label.active,
  div.document main#pad .inner .body .layout .required input:checked + label,
  div.document main#pad .inner .body .layout .required label.active,
  div.document main#reference .inner .body .layout .required input:checked + label,
  div.document main#reference .inner .body .layout .required label.active,
  div.document main#template .inner .body .layout .required input:checked + label,
  div.document main#template .inner .body .layout .required label.active,
  div.document main#mobilization .inner .body .layout .required input:checked + label,
  div.document main#mobilization .inner .body .layout .required label.active {
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container,
  div.document main .inner .body .layout .meta-container,
  div.document main#pad .inner .body .layout .media-container,
  div.document main#pad .inner .body .layout .meta-container,
  div.document main#reference .inner .body .layout .media-container,
  div.document main#reference .inner .body .layout .meta-container,
  div.document main#template .inner .body .layout .media-container,
  div.document main#template .inner .body .layout .meta-container,
  div.document main#mobilization .inner .body .layout .media-container,
  div.document main#mobilization .inner .body .layout .meta-container {
    clear: both;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .media-container .opts,
  div.document main .inner .body .layout .meta-container .opts,
  div.document main#pad .inner .body .layout .media-container .opts,
  div.document main#pad .inner .body .layout .meta-container .opts,
  div.document main#reference .inner .body .layout .media-container .opts,
  div.document main#reference .inner .body .layout .meta-container .opts,
  div.document main#template .inner .body .layout .media-container .opts,
  div.document main#template .inner .body .layout .meta-container .opts,
  div.document main#mobilization .inner .body .layout .media-container .opts,
  div.document main#mobilization .inner .body .layout .meta-container .opts {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group,
  div.document main .inner .body .layout .meta-container .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group,
  div.document main#template .inner .body .layout .media-container .opts .opt-group,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group {
    display: none;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt {
    position: relative;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt .repeat {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    /*color: $c-mid-1;*/
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 0px;
    /*border-top: 1px solid $c-light-yellow;*/
    border-top: 1px solid #e5e5e5;
    outline: none;
    /*transform: translateY(5px);*/
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label {
    display: none;
    top: 40px;
    z-index: 1000;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span {
    font-weight: bold;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.color {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 15px;
    transform: translateY(-3px);
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt:last-child {
    margin-right: 0;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.active {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    outline: 1px solid #969696;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group label,
  div.document main .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group label {
    position: absolute;
    left: 0;
    height: 30px;
    padding: 0 10px;
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts,
  div.document main .inner .body .layout .meta-container .placement-opts,
  div.document main#pad .inner .body .layout .media-container .placement-opts,
  div.document main#pad .inner .body .layout .meta-container .placement-opts,
  div.document main#reference .inner .body .layout .media-container .placement-opts,
  div.document main#reference .inner .body .layout .meta-container .placement-opts,
  div.document main#template .inner .body .layout .media-container .placement-opts,
  div.document main#template .inner .body .layout .meta-container .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container .placement-opts {
    top: 0;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts .opt i,
  div.document main .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#template .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .placement-opts .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .align-opts .opt i,
  div.document main .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .align-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .align-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#template .inner .body .layout .media-container .align-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .align-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .align-opts .opt i {
    transform: rotate(90deg);
  }
  div.document main .inner .body .layout .media-container .add-opt,
  div.document main .inner .body .layout .meta-container .add-opt,
  div.document main#pad .inner .body .layout .media-container .add-opt,
  div.document main#pad .inner .body .layout .meta-container .add-opt,
  div.document main#reference .inner .body .layout .media-container .add-opt,
  div.document main#reference .inner .body .layout .meta-container .add-opt,
  div.document main#template .inner .body .layout .media-container .add-opt,
  div.document main#template .inner .body .layout .meta-container .add-opt,
  div.document main#mobilization .inner .body .layout .media-container .add-opt,
  div.document main#mobilization .inner .body .layout .meta-container .add-opt {
    height: 30px;
    padding: 0 5px;
    color: #969696;
  }
  div.document main .inner .body .layout .media-container .add-opt i,
  div.document main .inner .body .layout .meta-container .add-opt i,
  div.document main#pad .inner .body .layout .media-container .add-opt i,
  div.document main#pad .inner .body .layout .meta-container .add-opt i,
  div.document main#reference .inner .body .layout .media-container .add-opt i,
  div.document main#reference .inner .body .layout .meta-container .add-opt i,
  div.document main#template .inner .body .layout .media-container .add-opt i,
  div.document main#template .inner .body .layout .meta-container .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container .add-opt i {
    display: none;
    line-height: 30px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container div.instruction,
  div.document main .inner .body .layout .meta-container div.instruction,
  div.document main#pad .inner .body .layout .media-container div.instruction,
  div.document main#pad .inner .body .layout .meta-container div.instruction,
  div.document main#reference .inner .body .layout .media-container div.instruction,
  div.document main#reference .inner .body .layout .meta-container div.instruction,
  div.document main#template .inner .body .layout .media-container div.instruction,
  div.document main#template .inner .body .layout .meta-container div.instruction,
  div.document main#mobilization .inner .body .layout .media-container div.instruction,
  div.document main#mobilization .inner .body .layout .meta-container div.instruction {
    padding: 5px 0 5px 10px;
    margin-bottom: 5px;
    border-left: 1px dotted #969696;
    color: #969696;
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#pad .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#pad .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#reference .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#reference .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#template .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#template .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#mobilization .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#mobilization .inner .body .layout .meta-container div.instruction p:not(:last-child) {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media,
  div.document main .inner .body .layout .media-container .meta,
  div.document main .inner .body .layout .meta-container .media,
  div.document main .inner .body .layout .meta-container .meta,
  div.document main#pad .inner .body .layout .media-container .media,
  div.document main#pad .inner .body .layout .media-container .meta,
  div.document main#pad .inner .body .layout .meta-container .media,
  div.document main#pad .inner .body .layout .meta-container .meta,
  div.document main#reference .inner .body .layout .media-container .media,
  div.document main#reference .inner .body .layout .media-container .meta,
  div.document main#reference .inner .body .layout .meta-container .media,
  div.document main#reference .inner .body .layout .meta-container .meta,
  div.document main#template .inner .body .layout .media-container .media,
  div.document main#template .inner .body .layout .media-container .meta,
  div.document main#template .inner .body .layout .meta-container .media,
  div.document main#template .inner .body .layout .meta-container .meta,
  div.document main#mobilization .inner .body .layout .media-container .media,
  div.document main#mobilization .inner .body .layout .media-container .meta,
  div.document main#mobilization .inner .body .layout .meta-container .media,
  div.document main#mobilization .inner .body .layout .meta-container .meta {
    clear: both;
    position: relative;
    outline: none;
    color: #000000;
  }
  div.document main .inner .body .layout .media-container .media-title,
  div.document main .inner .body .layout .meta-container .media-title,
  div.document main#pad .inner .body .layout .media-container .media-title,
  div.document main#pad .inner .body .layout .meta-container .media-title,
  div.document main#reference .inner .body .layout .media-container .media-title,
  div.document main#reference .inner .body .layout .meta-container .media-title,
  div.document main#template .inner .body .layout .media-container .media-title,
  div.document main#template .inner .body .layout .meta-container .media-title,
  div.document main#mobilization .inner .body .layout .media-container .media-title,
  div.document main#mobilization .inner .body .layout .meta-container .media-title {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-lead,
  div.document main .inner .body .layout .media-container .media-lead.focus,
  div.document main .inner .body .layout .meta-container .media-lead,
  div.document main .inner .body .layout .meta-container .media-lead.focus,
  div.document main#pad .inner .body .layout .media-container .media-lead,
  div.document main#pad .inner .body .layout .media-container .media-lead.focus,
  div.document main#pad .inner .body .layout .meta-container .media-lead,
  div.document main#pad .inner .body .layout .meta-container .media-lead.focus,
  div.document main#reference .inner .body .layout .media-container .media-lead,
  div.document main#reference .inner .body .layout .media-container .media-lead.focus,
  div.document main#reference .inner .body .layout .meta-container .media-lead,
  div.document main#reference .inner .body .layout .meta-container .media-lead.focus,
  div.document main#template .inner .body .layout .media-container .media-lead,
  div.document main#template .inner .body .layout .media-container .media-lead.focus,
  div.document main#template .inner .body .layout .meta-container .media-lead,
  div.document main#template .inner .body .layout .meta-container .media-lead.focus,
  div.document main#mobilization .inner .body .layout .media-container .media-lead,
  div.document main#mobilization .inner .body .layout .media-container .media-lead.focus,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead.focus {
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 1.5em;
    border-top: none;
    color: #005687;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .media-lead:focus,
  div.document main .inner .body .layout .meta-container .media-lead:focus,
  div.document main#pad .inner .body .layout .media-container .media-lead:focus,
  div.document main#pad .inner .body .layout .meta-container .media-lead:focus,
  div.document main#reference .inner .body .layout .media-container .media-lead:focus,
  div.document main#reference .inner .body .layout .meta-container .media-lead:focus,
  div.document main#template .inner .body .layout .media-container .media-lead:focus,
  div.document main#template .inner .body .layout .meta-container .media-lead:focus,
  div.document main#mobilization .inner .body .layout .media-container .media-lead:focus,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-txt,
  div.document main .inner .body .layout .meta-container .media-txt,
  div.document main#pad .inner .body .layout .media-container .media-txt,
  div.document main#pad .inner .body .layout .meta-container .media-txt,
  div.document main#reference .inner .body .layout .media-container .media-txt,
  div.document main#reference .inner .body .layout .meta-container .media-txt,
  div.document main#template .inner .body .layout .media-container .media-txt,
  div.document main#template .inner .body .layout .meta-container .media-txt,
  div.document main#mobilization .inner .body .layout .media-container .media-txt,
  div.document main#mobilization .inner .body .layout .meta-container .media-txt {
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container .media-txt p,
  div.document main .inner .body .layout .meta-container .media-txt p,
  div.document main#pad .inner .body .layout .media-container .media-txt p,
  div.document main#pad .inner .body .layout .meta-container .media-txt p,
  div.document main#reference .inner .body .layout .media-container .media-txt p,
  div.document main#reference .inner .body .layout .meta-container .media-txt p,
  div.document main#template .inner .body .layout .media-container .media-txt p,
  div.document main#template .inner .body .layout .meta-container .media-txt p,
  div.document main#mobilization .inner .body .layout .media-container .media-txt p,
  div.document main#mobilization .inner .body .layout .meta-container .media-txt p {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media-img,
  div.document main .inner .body .layout .meta-container .media-img,
  div.document main#pad .inner .body .layout .media-container .media-img,
  div.document main#pad .inner .body .layout .meta-container .media-img,
  div.document main#reference .inner .body .layout .media-container .media-img,
  div.document main#reference .inner .body .layout .meta-container .media-img,
  div.document main#template .inner .body .layout .media-container .media-img,
  div.document main#template .inner .body .layout .meta-container .media-img,
  div.document main#mobilization .inner .body .layout .media-container .media-img,
  div.document main#mobilization .inner .body .layout .meta-container .media-img {
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-img img,
  div.document main .inner .body .layout .meta-container .media-img img,
  div.document main#pad .inner .body .layout .media-container .media-img img,
  div.document main#pad .inner .body .layout .meta-container .media-img img,
  div.document main#reference .inner .body .layout .media-container .media-img img,
  div.document main#reference .inner .body .layout .meta-container .media-img img,
  div.document main#template .inner .body .layout .media-container .media-img img,
  div.document main#template .inner .body .layout .meta-container .media-img img,
  div.document main#mobilization .inner .body .layout .media-container .media-img img,
  div.document main#mobilization .inner .body .layout .meta-container .media-img img {
    vertical-align: bottom;
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-img img.cover,
  div.document main .inner .body .layout .meta-container .media-img img.cover,
  div.document main#pad .inner .body .layout .media-container .media-img img.cover,
  div.document main#pad .inner .body .layout .meta-container .media-img img.cover,
  div.document main#reference .inner .body .layout .media-container .media-img img.cover,
  div.document main#reference .inner .body .layout .meta-container .media-img img.cover,
  div.document main#template .inner .body .layout .media-container .media-img img.cover,
  div.document main#template .inner .body .layout .meta-container .media-img img.cover,
  div.document main#mobilization .inner .body .layout .media-container .media-img img.cover,
  div.document main#mobilization .inner .body .layout .meta-container .media-img img.cover {
    width: 100%;
    width: auto\9 ;
    height: auto;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-img.template,
  div.document main .inner .body .layout .meta-container .media-img.template,
  div.document main#pad .inner .body .layout .media-container .media-img.template,
  div.document main#pad .inner .body .layout .meta-container .media-img.template,
  div.document main#reference .inner .body .layout .media-container .media-img.template,
  div.document main#reference .inner .body .layout .meta-container .media-img.template,
  div.document main#template .inner .body .layout .media-container .media-img.template,
  div.document main#template .inner .body .layout .meta-container .media-img.template,
  div.document main#mobilization .inner .body .layout .media-container .media-img.template,
  div.document main#mobilization .inner .body .layout .meta-container .media-img.template {
    min-height: initial;
  }
  div.document main .inner .body .layout .media-container .media-mosaic,
  div.document main .inner .body .layout .meta-container .media-mosaic,
  div.document main#pad .inner .body .layout .media-container .media-mosaic,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic,
  div.document main#reference .inner .body .layout .media-container .media-mosaic,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic,
  div.document main#template .inner .body .layout .media-container .media-mosaic,
  div.document main#template .inner .body .layout .meta-container .media-mosaic,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item {
    position: relative;
    line-height: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-mosaic.x2,
  div.document main .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#pad .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#reference .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#template .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#template .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic.x2 {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files,
  div.document main .inner .body .layout .meta-container .media-files,
  div.document main#pad .inner .body .layout .media-container .media-files,
  div.document main#pad .inner .body .layout .meta-container .media-files,
  div.document main#reference .inner .body .layout .media-container .media-files,
  div.document main#reference .inner .body .layout .meta-container .media-files,
  div.document main#template .inner .body .layout .media-container .media-files,
  div.document main#template .inner .body .layout .meta-container .media-files,
  div.document main#mobilization .inner .body .layout .media-container .media-files,
  div.document main#mobilization .inner .body .layout .meta-container .media-files {
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-files.x2,
  div.document main .inner .body .layout .meta-container .media-files.x2,
  div.document main#pad .inner .body .layout .media-container .media-files.x2,
  div.document main#pad .inner .body .layout .meta-container .media-files.x2,
  div.document main#reference .inner .body .layout .media-container .media-files.x2,
  div.document main#reference .inner .body .layout .meta-container .media-files.x2,
  div.document main#template .inner .body .layout .media-container .media-files.x2,
  div.document main#template .inner .body .layout .meta-container .media-files.x2,
  div.document main#mobilization .inner .body .layout .media-container .media-files.x2,
  div.document main#mobilization .inner .body .layout .meta-container .media-files.x2 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files.x3,
  div.document main .inner .body .layout .meta-container .media-files.x3,
  div.document main#pad .inner .body .layout .media-container .media-files.x3,
  div.document main#pad .inner .body .layout .meta-container .media-files.x3,
  div.document main#reference .inner .body .layout .media-container .media-files.x3,
  div.document main#reference .inner .body .layout .meta-container .media-files.x3,
  div.document main#template .inner .body .layout .media-container .media-files.x3,
  div.document main#template .inner .body .layout .meta-container .media-files.x3,
  div.document main#mobilization .inner .body .layout .media-container .media-files.x3,
  div.document main#mobilization .inner .body .layout .meta-container .media-files.x3 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files .files-item,
  div.document main .inner .body .layout .meta-container .media-files .files-item,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item,
  div.document main#template .inner .body .layout .media-container .media-files .files-item,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item {
    position: relative;
    line-height: 0;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a,
  div.document main .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item a,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item a,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#template .inner .body .layout .media-container .media-files .files-item a,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item a,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item a {
    text-decoration: none !important;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a img,
  div.document main .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#template .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item a img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    /*line-height: 30px;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#template .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#template .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item.default-icon img {
    display: block;
    max-width: 150px;
    margin: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#template .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item.default-icon label {
    max-width: 200px;
    padding: 5px 10px;
    text-align: left;
    font-size: 12px;
    line-height: 1.3em;
    border: 1px solid #969696;
    border-left: 5px solid #969696;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#pad .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#pad .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#reference .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#reference .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#template .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#template .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#mobilization .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .media-drawing,
  div.document main .inner .body .layout .meta-container .media-drawing,
  div.document main#pad .inner .body .layout .media-container .media-drawing,
  div.document main#pad .inner .body .layout .meta-container .media-drawing,
  div.document main#reference .inner .body .layout .media-container .media-drawing,
  div.document main#reference .inner .body .layout .meta-container .media-drawing,
  div.document main#template .inner .body .layout .media-container .media-drawing,
  div.document main#template .inner .body .layout .meta-container .media-drawing,
  div.document main#mobilization .inner .body .layout .media-container .media-drawing,
  div.document main#mobilization .inner .body .layout .meta-container .media-drawing {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-drawing canvas,
  div.document main .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#pad .inner .body .layout .media-container .media-drawing canvas,
  div.document main#pad .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#reference .inner .body .layout .media-container .media-drawing canvas,
  div.document main#reference .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#template .inner .body .layout .media-container .media-drawing canvas,
  div.document main#template .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#mobilization .inner .body .layout .media-container .media-drawing canvas,
  div.document main#mobilization .inner .body .layout .meta-container .media-drawing canvas {
    margin: 10px auto;
    background-color: #fff;
    border: 1px solid transparent;
    cursor: crosshair;
  }
  div.document main .inner .body .layout .media-container .media-embed,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .media-embed,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .media-embed,
  div.document main#pad .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .media-embed,
  div.document main#pad .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .media-embed,
  div.document main#reference .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .media-embed,
  div.document main#reference .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .media-embed,
  div.document main#template .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .media-embed,
  div.document main#template .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .media-embed,
  div.document main#mobilization .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed:empty:not(:focus):before {
    font-family: Lucida Console, monospace;
  }
  div.document main .inner .body .layout .media-container .media-embed img,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main .inner .body .layout .meta-container .media-embed img,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#pad .inner .body .layout .media-container .media-embed img,
  div.document main#pad .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#pad .inner .body .layout .meta-container .media-embed img,
  div.document main#pad .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#reference .inner .body .layout .media-container .media-embed img,
  div.document main#reference .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#reference .inner .body .layout .meta-container .media-embed img,
  div.document main#reference .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#template .inner .body .layout .media-container .media-embed img,
  div.document main#template .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#template .inner .body .layout .meta-container .media-embed img,
  div.document main#template .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded,
  div.document main .inner .body .layout .meta-container .media-embed.padded,
  div.document main#pad .inner .body .layout .media-container .media-embed.padded,
  div.document main#pad .inner .body .layout .meta-container .media-embed.padded,
  div.document main#reference .inner .body .layout .media-container .media-embed.padded,
  div.document main#reference .inner .body .layout .meta-container .media-embed.padded,
  div.document main#template .inner .body .layout .media-container .media-embed.padded,
  div.document main#template .inner .body .layout .meta-container .media-embed.padded,
  div.document main#mobilization .inner .body .layout .media-container .media-embed.padded,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed.padded {
    padding: 5px 10px;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded img,
  div.document main .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#pad .inner .body .layout .media-container .media-embed.padded img,
  div.document main#pad .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#reference .inner .body .layout .media-container .media-embed.padded img,
  div.document main#reference .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#template .inner .body .layout .media-container .media-embed.padded img,
  div.document main#template .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed.padded img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed.padded img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-checklist,
  div.document main .inner .body .layout .media-container .media-radiolist,
  div.document main .inner .body .layout .media-container .meta-checklist,
  div.document main .inner .body .layout .media-container .meta-radiolist,
  div.document main .inner .body .layout .meta-container .media-checklist,
  div.document main .inner .body .layout .meta-container .media-radiolist,
  div.document main .inner .body .layout .meta-container .meta-checklist,
  div.document main .inner .body .layout .meta-container .meta-radiolist,
  div.document main#pad .inner .body .layout .media-container .media-checklist,
  div.document main#pad .inner .body .layout .media-container .media-radiolist,
  div.document main#pad .inner .body .layout .media-container .meta-checklist,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist,
  div.document main#pad .inner .body .layout .meta-container .media-checklist,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist,
  div.document main#reference .inner .body .layout .media-container .media-checklist,
  div.document main#reference .inner .body .layout .media-container .media-radiolist,
  div.document main#reference .inner .body .layout .media-container .meta-checklist,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist,
  div.document main#reference .inner .body .layout .meta-container .media-checklist,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist,
  div.document main#template .inner .body .layout .media-container .media-checklist,
  div.document main#template .inner .body .layout .media-container .media-radiolist,
  div.document main#template .inner .body .layout .media-container .meta-checklist,
  div.document main#template .inner .body .layout .media-container .meta-radiolist,
  div.document main#template .inner .body .layout .meta-container .media-checklist,
  div.document main#template .inner .body .layout .meta-container .media-radiolist,
  div.document main#template .inner .body .layout .meta-container .meta-checklist,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist {
    width: 100%;
    outline: none;
    white-space: pre-wrap;
  }
  div.document main .inner .body .layout .media-container .media-checklist .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#pad .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#pad .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#reference .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#reference .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#template .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#template .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#template .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#template .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#template .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#template .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist .instruction {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol,
  div.document main .inner .body .layout .media-container .media-radiolist ol,
  div.document main .inner .body .layout .media-container .meta-checklist ol,
  div.document main .inner .body .layout .media-container .meta-radiolist ol,
  div.document main .inner .body .layout .meta-container .media-checklist ol,
  div.document main .inner .body .layout .meta-container .media-radiolist ol,
  div.document main .inner .body .layout .meta-container .meta-checklist ol,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#template .inner .body .layout .media-container .media-checklist ol,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol {
    display: block;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt {
    /* CHANGE THE .option CLASS IN TEMPLATE TO STANDARDIZE TO .opt (ALREADY DONE IN pad.js) */
    display: flex;
    align-items: center;
    margin: 0;
    /*margin: 10px 0;*/
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div {
    padding: 0 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child {
    margin-right: 5px;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .rm {
    /*color: $c-light-1;*/
    color: #969696;
    pointer-events: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .grow {
    flex-grow: 1;
    align-self: center;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item {
    display: block;
    width: 100%;
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child {
    margin-bottom: 0;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm {
    color: #005687;
    pointer-events: all;
  }
  div.document main .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#template .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#template .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#template .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#template .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist.template .instruction {
    color: #000000;
    font-size: 16px;
  }
  div.document main .inner .body .layout .media-container .meta-location,
  div.document main .inner .body .layout .meta-container .meta-location,
  div.document main#pad .inner .body .layout .media-container .meta-location,
  div.document main#pad .inner .body .layout .meta-container .meta-location,
  div.document main#reference .inner .body .layout .media-container .meta-location,
  div.document main#reference .inner .body .layout .meta-container .meta-location,
  div.document main#template .inner .body .layout .media-container .meta-location,
  div.document main#template .inner .body .layout .meta-container .meta-location,
  div.document main#mobilization .inner .body .layout .media-container .meta-location,
  div.document main#mobilization .inner .body .layout .meta-container .meta-location {
    width: 100%;
  }
  div.document main .inner .body .layout .media-container .meta-location #map,
  div.document main .inner .body .layout .meta-container .meta-location #map,
  div.document main#pad .inner .body .layout .media-container .meta-location #map,
  div.document main#pad .inner .body .layout .meta-container .meta-location #map,
  div.document main#reference .inner .body .layout .media-container .meta-location #map,
  div.document main#reference .inner .body .layout .meta-container .meta-location #map,
  div.document main#template .inner .body .layout .media-container .meta-location #map,
  div.document main#template .inner .body .layout .meta-container .meta-location #map,
  div.document main#mobilization .inner .body .layout .media-container .meta-location #map,
  div.document main#mobilization .inner .body .layout .meta-container .meta-location #map {
    min-height: 300px;
  }
  div.document main .inner .body .layout .media-container .meta-index,
  div.document main .inner .body .layout .media-container .meta-sdgs,
  div.document main .inner .body .layout .meta-container .meta-index,
  div.document main .inner .body .layout .meta-container .meta-sdgs,
  div.document main#pad .inner .body .layout .media-container .meta-index,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs,
  div.document main#pad .inner .body .layout .meta-container .meta-index,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs,
  div.document main#reference .inner .body .layout .media-container .meta-index,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs,
  div.document main#reference .inner .body .layout .meta-container .meta-index,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs,
  div.document main#template .inner .body .layout .media-container .meta-index,
  div.document main#template .inner .body .layout .media-container .meta-sdgs,
  div.document main#template .inner .body .layout .meta-container .meta-index,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .meta-index,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs {
    width: 100%;
    min-height: 120px;
    line-height: 120px;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-index img,
  div.document main .inner .body .layout .media-container .meta-sdgs img,
  div.document main .inner .body .layout .meta-container .meta-index img,
  div.document main .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#pad .inner .body .layout .media-container .meta-index img,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs img,
  div.document main#pad .inner .body .layout .meta-container .meta-index img,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#reference .inner .body .layout .media-container .meta-index img,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs img,
  div.document main#reference .inner .body .layout .meta-container .meta-index img,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#template .inner .body .layout .media-container .meta-index img,
  div.document main#template .inner .body .layout .media-container .meta-sdgs img,
  div.document main#template .inner .body .layout .meta-container .meta-index img,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#mobilization .inner .body .layout .media-container .meta-index img,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs img {
    width: 120px;
    height: 120px;
    margin: 0 10px;
    vertical-align: top;
  }
  div.document main .inner .body .layout .media-container .meta-index.template,
  div.document main .inner .body .layout .media-container .meta-sdgs.template,
  div.document main .inner .body .layout .meta-container .meta-index.template,
  div.document main .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#pad .inner .body .layout .media-container .meta-index.template,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#pad .inner .body .layout .meta-container .meta-index.template,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#reference .inner .body .layout .media-container .meta-index.template,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#reference .inner .body .layout .meta-container .meta-index.template,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#template .inner .body .layout .media-container .meta-index.template,
  div.document main#template .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#template .inner .body .layout .meta-container .meta-index.template,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-index.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs.template {
    min-height: initial;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag,
  div.document main .inner .body .layout .media-container .meta-skills,
  div.document main .inner .body .layout .media-container .meta-methods,
  div.document main .inner .body .layout .media-container .meta-datasources,
  div.document main .inner .body .layout .meta-container .meta-tag,
  div.document main .inner .body .layout .meta-container .meta-skills,
  div.document main .inner .body .layout .meta-container .meta-methods,
  div.document main .inner .body .layout .meta-container .meta-datasources,
  div.document main#pad .inner .body .layout .media-container .meta-tag,
  div.document main#pad .inner .body .layout .media-container .meta-skills,
  div.document main#pad .inner .body .layout .media-container .meta-methods,
  div.document main#pad .inner .body .layout .media-container .meta-datasources,
  div.document main#pad .inner .body .layout .meta-container .meta-tag,
  div.document main#pad .inner .body .layout .meta-container .meta-skills,
  div.document main#pad .inner .body .layout .meta-container .meta-methods,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources,
  div.document main#reference .inner .body .layout .media-container .meta-tag,
  div.document main#reference .inner .body .layout .media-container .meta-skills,
  div.document main#reference .inner .body .layout .media-container .meta-methods,
  div.document main#reference .inner .body .layout .media-container .meta-datasources,
  div.document main#reference .inner .body .layout .meta-container .meta-tag,
  div.document main#reference .inner .body .layout .meta-container .meta-skills,
  div.document main#reference .inner .body .layout .meta-container .meta-methods,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources,
  div.document main#template .inner .body .layout .media-container .meta-tag,
  div.document main#template .inner .body .layout .media-container .meta-skills,
  div.document main#template .inner .body .layout .media-container .meta-methods,
  div.document main#template .inner .body .layout .media-container .meta-datasources,
  div.document main#template .inner .body .layout .meta-container .meta-tag,
  div.document main#template .inner .body .layout .meta-container .meta-skills,
  div.document main#template .inner .body .layout .meta-container .meta-methods,
  div.document main#template .inner .body .layout .meta-container .meta-datasources,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources {
    width: 100%;
    min-height: 31px;
    padding: 5px 0 10px 0;
    text-align: center;
    /*.tag {
    	display: inline-block;
    	color: $c-mid-blue;
    	font-size: $t-mid-small;
    	border: 1px solid $c-mid-blue;
    	padding: 5px 10px;
    	margin: 5px;

    	input {
    		display: none;
    	}
    	label {
    		cursor: pointer;
    	}
    }*/
    /*.tag:hover,*/
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag,
  div.document main .inner .body .layout .media-container .meta-skills .tag,
  div.document main .inner .body .layout .media-container .meta-methods .tag,
  div.document main .inner .body .layout .media-container .meta-datasources .tag,
  div.document main .inner .body .layout .meta-container .meta-tag .tag,
  div.document main .inner .body .layout .meta-container .meta-skills .tag,
  div.document main .inner .body .layout .meta-container .meta-methods .tag,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag {
    display: inline-block;
    border: none;
    padding: 0 15px;
    margin: 0 5px 5px 0;
    background-color: #e5e5e5;
    border-radius: calc(14px * 2);
    font-size: 14px;
    line-height: 2em;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag label,
  div.document main .inner .body .layout .media-container .meta-skills .tag label,
  div.document main .inner .body .layout .media-container .meta-methods .tag label,
  div.document main .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag.selected {
    background-color: #005687;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before {
    line-height: 31px;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template,
  div.document main .inner .body .layout .media-container .meta-skills.template,
  div.document main .inner .body .layout .media-container .meta-methods.template,
  div.document main .inner .body .layout .media-container .meta-datasources.template,
  div.document main .inner .body .layout .meta-container .meta-tag.template,
  div.document main .inner .body .layout .meta-container .meta-skills.template,
  div.document main .inner .body .layout .meta-container .meta-methods.template,
  div.document main .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#pad .inner .body .layout .media-container .meta-tag.template,
  div.document main#pad .inner .body .layout .media-container .meta-skills.template,
  div.document main#pad .inner .body .layout .media-container .meta-methods.template,
  div.document main#pad .inner .body .layout .media-container .meta-datasources.template,
  div.document main#pad .inner .body .layout .meta-container .meta-tag.template,
  div.document main#pad .inner .body .layout .meta-container .meta-skills.template,
  div.document main#pad .inner .body .layout .meta-container .meta-methods.template,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#reference .inner .body .layout .media-container .meta-tag.template,
  div.document main#reference .inner .body .layout .media-container .meta-skills.template,
  div.document main#reference .inner .body .layout .media-container .meta-methods.template,
  div.document main#reference .inner .body .layout .media-container .meta-datasources.template,
  div.document main#reference .inner .body .layout .meta-container .meta-tag.template,
  div.document main#reference .inner .body .layout .meta-container .meta-skills.template,
  div.document main#reference .inner .body .layout .meta-container .meta-methods.template,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#template .inner .body .layout .media-container .meta-tag.template,
  div.document main#template .inner .body .layout .media-container .meta-skills.template,
  div.document main#template .inner .body .layout .media-container .meta-methods.template,
  div.document main#template .inner .body .layout .media-container .meta-datasources.template,
  div.document main#template .inner .body .layout .meta-container .meta-tag.template,
  div.document main#template .inner .body .layout .meta-container .meta-skills.template,
  div.document main#template .inner .body .layout .meta-container .meta-methods.template,
  div.document main#template .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources.template {
    min-height: initial;
    padding: 0;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before {
    line-height: initial;
  }
  div.document main .inner .body .layout .media-container .meta-attachment,
  div.document main .inner .body .layout .meta-container .meta-attachment,
  div.document main#pad .inner .body .layout .media-container .meta-attachment,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment,
  div.document main#reference .inner .body .layout .media-container .meta-attachment,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment,
  div.document main#template .inner .body .layout .media-container .meta-attachment,
  div.document main#template .inner .body .layout .meta-container .meta-attachment,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-attachment a img,
  div.document main .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#pad .inner .body .layout .media-container .meta-attachment a img,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#reference .inner .body .layout .media-container .meta-attachment a img,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#template .inner .body .layout .media-container .meta-attachment a img,
  div.document main#template .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment a img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment a img {
    width: 120px;
    height: 120px;
  }
  div.document main .inner .body .layout .media-container .meta-attachment.template,
  div.document main .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#pad .inner .body .layout .media-container .meta-attachment.template,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#reference .inner .body .layout .media-container .meta-attachment.template,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#template .inner .body .layout .media-container .meta-attachment.template,
  div.document main#template .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment.template {
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .media-repeat button,
  div.document main .inner .body .layout .meta-container .media-repeat button,
  div.document main#pad .inner .body .layout .media-container .media-repeat button,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button,
  div.document main#reference .inner .body .layout .media-container .media-repeat button,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button,
  div.document main#template .inner .body .layout .media-container .media-repeat button,
  div.document main#template .inner .body .layout .meta-container .media-repeat button,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    margin-top: 30px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    border-top: 1px solid #969696;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-repeat button div,
  div.document main .inner .body .layout .meta-container .media-repeat button div,
  div.document main#pad .inner .body .layout .media-container .media-repeat button div,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button div,
  div.document main#reference .inner .body .layout .media-container .media-repeat button div,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button div,
  div.document main#template .inner .body .layout .media-container .media-repeat button div,
  div.document main#template .inner .body .layout .meta-container .media-repeat button div,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button div,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button div {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-repeat button::after,
  div.document main .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#pad .inner .body .layout .media-container .media-repeat button::after,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#reference .inner .body .layout .media-container .media-repeat button::after,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#template .inner .body .layout .media-container .media-repeat button::after,
  div.document main#template .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button::after,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #969696;
    transform: translate(-4px, -8px);
  }
  div.document main .inner .body .layout .media-container .media-repeat.template button,
  div.document main .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#pad .inner .body .layout .media-container .media-repeat.template button,
  div.document main#pad .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#reference .inner .body .layout .media-container .media-repeat.template button,
  div.document main#reference .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#template .inner .body .layout .media-container .media-repeat.template button,
  div.document main#template .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat.template button,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat.template button {
    cursor: text;
  }
  div.document main .inner .body .layout .media-container .inset,
  div.document main .inner .body .layout .meta-container .inset,
  div.document main#pad .inner .body .layout .media-container .inset,
  div.document main#pad .inner .body .layout .meta-container .inset,
  div.document main#reference .inner .body .layout .media-container .inset,
  div.document main#reference .inner .body .layout .meta-container .inset,
  div.document main#template .inner .body .layout .media-container .inset,
  div.document main#template .inner .body .layout .meta-container .inset,
  div.document main#mobilization .inner .body .layout .media-container .inset,
  div.document main#mobilization .inner .body .layout .meta-container .inset {
    width: 100%;
    max-height: 0;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    overflow: hidden;
    transition: max-height 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add,
  div.document main .inner .body .layout .media-container .inset .search,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main .inner .body .layout .meta-container .inset .search,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#pad .inner .body .layout .media-container .inset .search,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#pad .inner .body .layout .meta-container .inset .search,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#reference .inner .body .layout .media-container .inset .search,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#reference .inner .body .layout .meta-container .inset .search,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#template .inner .body .layout .media-container .inset .search,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#template .inner .body .layout .meta-container .inset .search,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#mobilization .inner .body .layout .media-container .inset .search,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search {
    position: relative;
    width: 100%;
    height: 75px;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .media-container .inset .search input[type=text],
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text] {
    width: calc(100% - 65px - 10px);
    height: 50px;
    margin: 15px 0 0 10px;
    border: none;
    /*border-bottom: 1px solid $c-dark-1;*/
    border-bottom: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    /*color: #FFF;*/
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0px);
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #934a5f inset !important;
    -webkit-text-fill-color: #333d51 !important;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main .inner .body .layout .media-container .inset .search label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main .inner .body .layout .meta-container .inset .search label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#pad .inner .body .layout .media-container .inset .search label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#pad .inner .body .layout .meta-container .inset .search label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#reference .inner .body .layout .media-container .inset .search label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#reference .inner .body .layout .meta-container .inset .search label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#template .inner .body .layout .media-container .inset .search label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#template .inner .body .layout .meta-container .inset .search label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search label {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 16px;
    line-height: 1.5em;
    /*color: #FFF;*/
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main .inner .body .layout .media-container .inset .search button,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main .inner .body .layout .meta-container .inset .search button,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#pad .inner .body .layout .media-container .inset .search button,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#pad .inner .body .layout .meta-container .inset .search button,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#reference .inner .body .layout .media-container .inset .search button,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#reference .inner .body .layout .meta-container .inset .search button,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#template .inner .body .layout .media-container .inset .search button,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#template .inner .body .layout .meta-container .inset .search button,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#mobilization .inner .body .layout .media-container .inset .search button,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search button {
    width: 65px;
    height: 65px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location,
  div.document main .inner .body .layout .meta-container .inset .inset-location,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location,
  div.document main#template .inner .body .layout .media-container .inset .inset-location,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location {
    max-height: 205px;
    padding: 0 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel {
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt {
    padding: 0 10px;
    margin: 5px 0;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover {
    background-color: #e5e5e5;
    color: #005687;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected {
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset .inset-index,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#template .inner .body .layout .media-container .inset .inset-index,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(6, 1fr);
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag {
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img {
    filter: brightness(300%);
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills,
  div.document main .inner .body .layout .media-container .inset .inset-methods,
  div.document main .inner .body .layout .media-container .inset .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset .inset-tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills,
  div.document main .inner .body .layout .meta-container .inset .inset-methods,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources {
    max-height: 205px;
    /*padding: 0 0 10px 10px;*/
    padding: 5px 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag {
    display: inline-block;
    padding: 0 5px;
    margin: 0 2.5px 2.5px 0;
    border: 1px solid #969696;
    border-radius: calc(12px * 1.5);
    color: #969696;
    font-size: 12px;
    line-height: 1.5em;
    transition: background-color 0.1s;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag input {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag label {
    padding: 3px 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset.template,
  div.document main .inner .body .layout .meta-container .inset.template,
  div.document main#pad .inner .body .layout .media-container .inset.template,
  div.document main#pad .inner .body .layout .meta-container .inset.template,
  div.document main#reference .inner .body .layout .media-container .inset.template,
  div.document main#reference .inner .body .layout .meta-container .inset.template,
  div.document main#template .inner .body .layout .media-container .inset.template,
  div.document main#template .inner .body .layout .meta-container .inset.template,
  div.document main#mobilization .inner .body .layout .media-container .inset.template,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template {
    /* THIS IS FOR TEMPLATES */
  }
  div.document main .inner .body .layout .media-container .inset.template div,
  div.document main .inner .body .layout .meta-container .inset.template div,
  div.document main#pad .inner .body .layout .media-container .inset.template div,
  div.document main#pad .inner .body .layout .meta-container .inset.template div,
  div.document main#reference .inner .body .layout .media-container .inset.template div,
  div.document main#reference .inner .body .layout .meta-container .inset.template div,
  div.document main#template .inner .body .layout .media-container .inset.template div,
  div.document main#template .inner .body .layout .meta-container .inset.template div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div {
    padding: 0 0 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel,
  div.document main .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template div .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template div .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#template .inner .body .layout .media-container .inset.template div .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div .panel {
    /*border-left: 1px solid $c-light-1;*/
    border-left: 1px solid #969696;
    padding: 10px 10px 0 10px;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#pad .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#pad .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#reference .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#reference .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#template .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#template .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div .panel .instruction {
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources {
    display: block;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel {
    /*.opt:not(.selected):hover {
    	background-color: transparent;
    	color: $c-light-green;
    }*/
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div {
    padding: 0 5px;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow {
    flex-grow: 1;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources {
    max-height: 300px;
  }
  div.document main .inner .body .layout .media-container figcaption,
  div.document main .inner .body .layout .meta-container figcaption,
  div.document main#pad .inner .body .layout .media-container figcaption,
  div.document main#pad .inner .body .layout .meta-container figcaption,
  div.document main#reference .inner .body .layout .media-container figcaption,
  div.document main#reference .inner .body .layout .meta-container figcaption,
  div.document main#template .inner .body .layout .media-container figcaption,
  div.document main#template .inner .body .layout .meta-container figcaption,
  div.document main#mobilization .inner .body .layout .media-container figcaption,
  div.document main#mobilization .inner .body .layout .meta-container figcaption {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .response.template,
  div.document main .inner .body .layout .meta-container .response.template,
  div.document main#pad .inner .body .layout .media-container .response.template,
  div.document main#pad .inner .body .layout .meta-container .response.template,
  div.document main#reference .inner .body .layout .media-container .response.template,
  div.document main#reference .inner .body .layout .meta-container .response.template,
  div.document main#template .inner .body .layout .media-container .response.template,
  div.document main#template .inner .body .layout .meta-container .response.template,
  div.document main#mobilization .inner .body .layout .media-container .response.template,
  div.document main#mobilization .inner .body .layout .meta-container .response.template {
    color: #969696;
    /*color: $c-mid-2;*/
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .drawing-container .opts,
  div.document main#pad .inner .body .layout .drawing-container .opts,
  div.document main#reference .inner .body .layout .drawing-container .opts,
  div.document main#template .inner .body .layout .drawing-container .opts,
  div.document main#mobilization .inner .body .layout .drawing-container .opts {
    border-bottom: none;
  }
  div.document main .inner .body .layout .results-container .chart svg rect,
  div.document main#pad .inner .body .layout .results-container .chart svg rect,
  div.document main#reference .inner .body .layout .results-container .chart svg rect,
  div.document main#template .inner .body .layout .results-container .chart svg rect,
  div.document main#mobilization .inner .body .layout .results-container .chart svg rect {
    fill: #0468b1;
    cursor: pointer;
  }
  div.document main .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#pad .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#reference .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#template .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#mobilization .inner .body .layout .results-container .chart svg rect:hover {
    fill: #005687;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#pad .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#reference .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#template .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#mobilization .inner .body .layout .results-container .chart svg .x.axis text {
    font-weight: bold;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#pad .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#reference .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#template .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#mobilization .inner .body .layout .results-container .chart svg .x.axis path {
    display: none;
  }
  div.document main .inner .body .layout .group-container,
  div.document main#pad .inner .body .layout .group-container,
  div.document main#reference .inner .body .layout .group-container,
  div.document main#template .inner .body .layout .group-container,
  div.document main#mobilization .inner .body .layout .group-container {
    position: relative;
    /*.media-group-items::before {
    	content: '';
    	position: absolute;
    	left: -30px;
    	top: -15px;
    	width: 100%;
    	height: 0;
    	border-top: 1px solid $c-mid-yellow;
    }*/
  }
  div.document main .inner .body .layout .group-container .media-group,
  div.document main#pad .inner .body .layout .group-container .media-group,
  div.document main#reference .inner .body .layout .group-container .media-group,
  div.document main#template .inner .body .layout .group-container .media-group,
  div.document main#mobilization .inner .body .layout .group-container .media-group {
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .group-container .media-group-items,
  div.document main#pad .inner .body .layout .group-container .media-group-items,
  div.document main#reference .inner .body .layout .group-container .media-group-items,
  div.document main#template .inner .body .layout .group-container .media-group-items,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items {
    width: calc(100% - 30px);
    margin: 15px 0 15px 30px;
  }
  div.document main .inner .body .layout .group-container .media-group-items::before,
  div.document main#pad .inner .body .layout .group-container .media-group-items::before,
  div.document main#reference .inner .body .layout .group-container .media-group-items::before,
  div.document main#template .inner .body .layout .group-container .media-group-items::before,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items::before {
    content: "";
    position: absolute;
    left: -30px;
    width: 0;
    height: 100%;
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #969696;
  }
  div.document main .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#pad .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#reference .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#template .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items.animate-in {
    opacity: 0;
    animation: slide-down 1s forwards;
  }
  div.document main .inner .body .layout .meta-container.template img,
  div.document main#pad .inner .body .layout .meta-container.template img,
  div.document main#reference .inner .body .layout .meta-container.template img,
  div.document main#template .inner .body .layout .meta-container.template img,
  div.document main#mobilization .inner .body .layout .meta-container.template img {
    width: 20px;
    height: 20px;
    margin: 5px 5px 0 0;
    vertical-align: text-bottom;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .media-embed {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover canvas {
    /*border-color: $c-light-yellow;*/
    border-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#template .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#template .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.focus .add-opt i,
  div.document main .inner .body .layout .media-container:hover .add-opt i,
  div.document main#pad .inner .body .layout .media-container.focus .add-opt i,
  div.document main#pad .inner .body .layout .media-container:hover .add-opt i,
  div.document main#reference .inner .body .layout .media-container.focus .add-opt i,
  div.document main#reference .inner .body .layout .media-container:hover .add-opt i,
  div.document main#template .inner .body .layout .media-container.focus .add-opt i,
  div.document main#template .inner .body .layout .media-container:hover .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container.focus .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .opts,
  div.document main .inner .body .layout .media-container:hover > .opts,
  div.document main#pad .inner .body .layout .media-container.focus > .opts,
  div.document main#pad .inner .body .layout .media-container:hover > .opts,
  div.document main#reference .inner .body .layout .media-container.focus > .opts,
  div.document main#reference .inner .body .layout .media-container:hover > .opts,
  div.document main#template .inner .body .layout .media-container.focus > .opts,
  div.document main#template .inner .body .layout .media-container:hover > .opts,
  div.document main#mobilization .inner .body .layout .media-container.focus > .opts,
  div.document main#mobilization .inner .body .layout .media-container:hover > .opts {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#template .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#template .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:hover > .opts .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .placement-opts,
  div.document main .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#pad .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#pad .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#reference .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#reference .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#template .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#template .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:hover > .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.move,
  div.document main .inner .body .layout .meta-container.move,
  div.document main#pad .inner .body .layout .media-container.move,
  div.document main#pad .inner .body .layout .meta-container.move,
  div.document main#reference .inner .body .layout .media-container.move,
  div.document main#reference .inner .body .layout .meta-container.move,
  div.document main#template .inner .body .layout .media-container.move,
  div.document main#template .inner .body .layout .meta-container.move,
  div.document main#mobilization .inner .body .layout .media-container.move,
  div.document main#mobilization .inner .body .layout .meta-container.move {
    transition: transform 0.75s;
  }
  div.document main .inner .body .layout:hover > .placement-opts,
  div.document main#pad .inner .body .layout:hover > .placement-opts,
  div.document main#reference .inner .body .layout:hover > .placement-opts,
  div.document main#template .inner .body .layout:hover > .placement-opts,
  div.document main#mobilization .inner .body .layout:hover > .placement-opts {
    display: block;
  }
  div.document main .inner .body .layout.focus,
  div.document main#pad .inner .body .layout.focus,
  div.document main#reference .inner .body .layout.focus,
  div.document main#template .inner .body .layout.focus,
  div.document main#mobilization .inner .body .layout.focus {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout.view,
  div.document main#pad .inner .body .layout.view,
  div.document main#reference .inner .body .layout.view,
  div.document main#template .inner .body .layout.view,
  div.document main#mobilization .inner .body .layout.view {
    border-top: none;
  }
  div.document main .inner .body .layout.view .input-type,
  div.document main#pad .inner .body .layout.view .input-type,
  div.document main#reference .inner .body .layout.view .input-type,
  div.document main#template .inner .body .layout.view .input-type,
  div.document main#mobilization .inner .body .layout.view .input-type {
    display: none;
  }
  div.document main .inner .body .layout.view .media-container,
  div.document main .inner .body .layout.view .meta-container,
  div.document main#pad .inner .body .layout.view .media-container,
  div.document main#pad .inner .body .layout.view .meta-container,
  div.document main#reference .inner .body .layout.view .media-container,
  div.document main#reference .inner .body .layout.view .meta-container,
  div.document main#template .inner .body .layout.view .media-container,
  div.document main#template .inner .body .layout.view .meta-container,
  div.document main#mobilization .inner .body .layout.view .media-container,
  div.document main#mobilization .inner .body .layout.view .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.view .media-container .media,
  div.document main .inner .body .layout.view .media-container .meta,
  div.document main .inner .body .layout.view .meta-container .media,
  div.document main .inner .body .layout.view .meta-container .meta,
  div.document main#pad .inner .body .layout.view .media-container .media,
  div.document main#pad .inner .body .layout.view .media-container .meta,
  div.document main#pad .inner .body .layout.view .meta-container .media,
  div.document main#pad .inner .body .layout.view .meta-container .meta,
  div.document main#reference .inner .body .layout.view .media-container .media,
  div.document main#reference .inner .body .layout.view .media-container .meta,
  div.document main#reference .inner .body .layout.view .meta-container .media,
  div.document main#reference .inner .body .layout.view .meta-container .meta,
  div.document main#template .inner .body .layout.view .media-container .media,
  div.document main#template .inner .body .layout.view .media-container .meta,
  div.document main#template .inner .body .layout.view .meta-container .media,
  div.document main#template .inner .body .layout.view .meta-container .meta,
  div.document main#mobilization .inner .body .layout.view .media-container .media,
  div.document main#mobilization .inner .body .layout.view .media-container .meta,
  div.document main#mobilization .inner .body .layout.view .meta-container .media,
  div.document main#mobilization .inner .body .layout.view .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .description-layout,
  div.document main#pad .inner .body .description-layout,
  div.document main#reference .inner .body .description-layout,
  div.document main#template .inner .body .description-layout,
  div.document main#mobilization .inner .body .description-layout {
    margin-top: 10px;
    padding-bottom: 30px;
    clear: both;
    /*border-top-color: $c-light-yellow;*/
    border-top-color: #e5e5e5;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .body .description-layout .media-container .media,
  div.document main .inner .body .description-layout .media-container .media.focus,
  div.document main#pad .inner .body .description-layout .media-container .media,
  div.document main#pad .inner .body .description-layout .media-container .media.focus,
  div.document main#reference .inner .body .description-layout .media-container .media,
  div.document main#reference .inner .body .description-layout .media-container .media.focus,
  div.document main#template .inner .body .description-layout .media-container .media,
  div.document main#template .inner .body .description-layout .media-container .media.focus,
  div.document main#mobilization .inner .body .description-layout .media-container .media,
  div.document main#mobilization .inner .body .description-layout .media-container .media.focus {
    border-top: none;
  }
  div.document main .inner .body .description-layout .media-container .media i,
  div.document main .inner .body .description-layout .media-container .media.focus i,
  div.document main#pad .inner .body .description-layout .media-container .media i,
  div.document main#pad .inner .body .description-layout .media-container .media.focus i,
  div.document main#reference .inner .body .description-layout .media-container .media i,
  div.document main#reference .inner .body .description-layout .media-container .media.focus i,
  div.document main#template .inner .body .description-layout .media-container .media i,
  div.document main#template .inner .body .description-layout .media-container .media.focus i,
  div.document main#mobilization .inner .body .description-layout .media-container .media i,
  div.document main#mobilization .inner .body .description-layout .media-container .media.focus i {
    color: #646464;
  }
  div.document main .inner .body .description-layout .meta-container,
  div.document main#pad .inner .body .description-layout .meta-container,
  div.document main#reference .inner .body .description-layout .meta-container,
  div.document main#template .inner .body .description-layout .meta-container,
  div.document main#mobilization .inner .body .description-layout .meta-container {
    margin: 0 0 5px 0;
    padding-top: 0;
  }
  div.document main .inner .body .description-layout .meta-container .meta-template,
  div.document main#pad .inner .body .description-layout .meta-container .meta-template,
  div.document main#reference .inner .body .description-layout .meta-container .meta-template,
  div.document main#template .inner .body .description-layout .meta-container .meta-template,
  div.document main#mobilization .inner .body .description-layout .meta-container .meta-template {
    font-size: 12px;
    line-height: 1.5em;
    display: inline-block;
    color: #969696;
  }
  div.document main .inner .body .description-layout .toc-container h1,
  div.document main#pad .inner .body .description-layout .toc-container h1,
  div.document main#reference .inner .body .description-layout .toc-container h1,
  div.document main#template .inner .body .description-layout .toc-container h1,
  div.document main#mobilization .inner .body .description-layout .toc-container h1 {
    font-size: 20px;
    line-height: 1.5em;
    color: #646464;
    font-weight: normal;
  }
  div.document main .inner .body .description-layout .toc-container li,
  div.document main#pad .inner .body .description-layout .toc-container li,
  div.document main#reference .inner .body .description-layout .toc-container li,
  div.document main#template .inner .body .description-layout .toc-container li,
  div.document main#mobilization .inner .body .description-layout .toc-container li {
    font-size: 16px;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
    cursor: pointer;
    list-style: initial;
    margin-left: 15px;
  }
  div.document main .inner .body .description-layout .toc-container li:hover,
  div.document main#pad .inner .body .description-layout .toc-container li:hover,
  div.document main#reference .inner .body .description-layout .toc-container li:hover,
  div.document main#template .inner .body .description-layout .toc-container li:hover,
  div.document main#mobilization .inner .body .description-layout .toc-container li:hover {
    text-decoration: underline;
  }
  div.document main .inner .body .description-layout .input-slideshow,
  div.document main#pad .inner .body .description-layout .input-slideshow,
  div.document main#reference .inner .body .description-layout .input-slideshow,
  div.document main#template .inner .body .description-layout .input-slideshow,
  div.document main#mobilization .inner .body .description-layout .input-slideshow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 15px 0 0 0;
    font-size: 14px;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label {
    border-color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow p,
  div.document main#pad .inner .body .description-layout .input-slideshow p,
  div.document main#reference .inner .body .description-layout .input-slideshow p,
  div.document main#template .inner .body .description-layout .input-slideshow p,
  div.document main#mobilization .inner .body .description-layout .input-slideshow p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  div.document main .inner .body .description-layout.view .media-container,
  div.document main .inner .body .description-layout.view .meta-container,
  div.document main#pad .inner .body .description-layout.view .media-container,
  div.document main#pad .inner .body .description-layout.view .meta-container,
  div.document main#reference .inner .body .description-layout.view .media-container,
  div.document main#reference .inner .body .description-layout.view .meta-container,
  div.document main#template .inner .body .description-layout.view .media-container,
  div.document main#template .inner .body .description-layout.view .meta-container,
  div.document main#mobilization .inner .body .description-layout.view .media-container,
  div.document main#mobilization .inner .body .description-layout.view .meta-container {
    padding-top: 0;
  }
  div.document main .inner .body .description-layout.view .media-container .media,
  div.document main .inner .body .description-layout.view .meta-container .media,
  div.document main#pad .inner .body .description-layout.view .media-container .media,
  div.document main#pad .inner .body .description-layout.view .meta-container .media,
  div.document main#reference .inner .body .description-layout.view .media-container .media,
  div.document main#reference .inner .body .description-layout.view .meta-container .media,
  div.document main#template .inner .body .description-layout.view .media-container .media,
  div.document main#template .inner .body .description-layout.view .meta-container .media,
  div.document main#mobilization .inner .body .description-layout.view .media-container .media,
  div.document main#mobilization .inner .body .description-layout.view .meta-container .media {
    color: #969696;
  }
  div.document main .inner .body .layout.preview .media-container,
  div.document main .inner .body .layout.preview .meta-container,
  div.document main#pad .inner .body .layout.preview .media-container,
  div.document main#pad .inner .body .layout.preview .meta-container,
  div.document main#reference .inner .body .layout.preview .media-container,
  div.document main#reference .inner .body .layout.preview .meta-container,
  div.document main#template .inner .body .layout.preview .media-container,
  div.document main#template .inner .body .layout.preview .meta-container,
  div.document main#mobilization .inner .body .layout.preview .media-container,
  div.document main#mobilization .inner .body .layout.preview .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.preview .media-container .media,
  div.document main .inner .body .layout.preview .media-container .meta,
  div.document main .inner .body .layout.preview .meta-container .media,
  div.document main .inner .body .layout.preview .meta-container .meta,
  div.document main#pad .inner .body .layout.preview .media-container .media,
  div.document main#pad .inner .body .layout.preview .media-container .meta,
  div.document main#pad .inner .body .layout.preview .meta-container .media,
  div.document main#pad .inner .body .layout.preview .meta-container .meta,
  div.document main#reference .inner .body .layout.preview .media-container .media,
  div.document main#reference .inner .body .layout.preview .media-container .meta,
  div.document main#reference .inner .body .layout.preview .meta-container .media,
  div.document main#reference .inner .body .layout.preview .meta-container .meta,
  div.document main#template .inner .body .layout.preview .media-container .media,
  div.document main#template .inner .body .layout.preview .media-container .meta,
  div.document main#template .inner .body .layout.preview .meta-container .media,
  div.document main#template .inner .body .layout.preview .meta-container .meta,
  div.document main#mobilization .inner .body .layout.preview .media-container .media,
  div.document main#mobilization .inner .body .layout.preview .media-container .meta,
  div.document main#mobilization .inner .body .layout.preview .meta-container .media,
  div.document main#mobilization .inner .body .layout.preview .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .layout.preview .media-container .placement-opts,
  div.document main .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#pad .inner .body .layout.preview .media-container .placement-opts,
  div.document main#pad .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#reference .inner .body .layout.preview .media-container .placement-opts,
  div.document main#reference .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#template .inner .body .layout.preview .media-container .placement-opts,
  div.document main#template .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#mobilization .inner .body .layout.preview .media-container .placement-opts,
  div.document main#mobilization .inner .body .layout.preview .meta-container .placement-opts {
    top: 15px;
  }
  div.document main .inner .body .layout.animate-in,
  div.document main#pad .inner .body .layout.animate-in,
  div.document main#reference .inner .body .layout.animate-in,
  div.document main#template .inner .body .layout.animate-in,
  div.document main#mobilization .inner .body .layout.animate-in {
    animation: slide-down 1s;
  }
  div.document main .inner .engagement-group,
  div.document main#pad .inner .engagement-group,
  div.document main#reference .inner .engagement-group,
  div.document main#template .inner .engagement-group,
  div.document main#mobilization .inner .engagement-group {
    margin: 10px 0 0 -7px;
  }
  div.document main .inner .engagement-group.page-stats,
  div.document main#pad .inner .engagement-group.page-stats,
  div.document main#reference .inner .engagement-group.page-stats,
  div.document main#template .inner .engagement-group.page-stats,
  div.document main#mobilization .inner .engagement-group.page-stats {
    margin-top: 0;
  }
  div.document main .inner .engagement-group .engagement,
  div.document main#pad .inner .engagement-group .engagement,
  div.document main#reference .inner .engagement-group .engagement,
  div.document main#template .inner .engagement-group .engagement,
  div.document main#mobilization .inner .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.document main .inner .engagement-group .engagement img,
  div.document main#pad .inner .engagement-group .engagement img,
  div.document main#reference .inner .engagement-group .engagement img,
  div.document main#template .inner .engagement-group .engagement img,
  div.document main#mobilization .inner .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.document main .inner .engagement-group .engagement span,
  div.document main#pad .inner .engagement-group .engagement span,
  div.document main#reference .inner .engagement-group .engagement span,
  div.document main#template .inner .engagement-group .engagement span,
  div.document main#mobilization .inner .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.document main .inner .engagement-group .engagement.engagement-reads,
  div.document main#pad .inner .engagement-group .engagement.engagement-reads,
  div.document main#reference .inner .engagement-group .engagement.engagement-reads,
  div.document main#template .inner .engagement-group .engagement.engagement-reads,
  div.document main#mobilization .inner .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.document main .inner .engagement-group .engagement:disabled img,
  div.document main#pad .inner .engagement-group .engagement:disabled img,
  div.document main#reference .inner .engagement-group .engagement:disabled img,
  div.document main#template .inner .engagement-group .engagement:disabled img,
  div.document main#mobilization .inner .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.document .media-input-group {
    position: fixed;
    top: 0;
    left: calc((100vw - 975px) / 2 + 900px + 1px);
    max-height: 80vh;
    transform: translateY(90px);
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;
  }
  div.document .media-input-group .inner {
    max-height: 80vh;
    overflow: hidden;
    background-color: #fff;
  }
  div.document .media-input-group .inner .btn-group {
    display: flex;
    flex-direction: column;
    outline: none;
    margin: 10px 0;
    background-color: #fff;
  }
  div.document .media-input-group .inner .btn-group input {
    display: none;
  }
  div.document .media-input-group .inner .btn-group label,
  div.document .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    float: left;
    width: 44px;
    height: 45px;
    margin: 0 7px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  div.document .media-input-group .inner .btn-group label label,
  div.document .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  div.document .media-input-group .inner .btn-group label label span,
  div.document .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  div.document .media-input-group .inner .btn-group label i,
  div.document .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  div.document .media-input-group .inner .btn-group label img,
  div.document .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  div.document .media-input-group .inner .btn-group label:hover,
  div.document .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  div.document .media-input-group .inner .btn-group label.highlight,
  div.document .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  div.document .media-input-group .inner .btn-group input:disabled,
  div.document .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  div.document .media-input-group .inner .btn-group input:disabled img,
  div.document .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  div.document .media-input-group .inner .btn-group .vertical-separator {
    width: 59px;
    height: 0px;
    /*border-top: 1px dotted $c-light-grey;*/
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  div.document .media-input-group button.scroll-up,
  div.document .media-input-group button.scroll-down {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  div.document .media-input-group button.scroll-up label,
  div.document .media-input-group button.scroll-down label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    transform-origin: center;
    cursor: pointer;
    color: #646464;
  }
  div.document .media-input-group button.scroll-up {
    top: 0px;
  }
  div.document .media-input-group button.scroll-up label {
    transform: rotate(-90deg);
  }
  div.document .media-input-group button.scroll-down {
    bottom: 0px;
  }
  div.document .media-input-group button.scroll-down label {
    transform: rotate(90deg);
  }
  div.document .input-group.overflowing .inner .btn-group {
    margin: 40px 0;
  }
  div.document .input-group.inline .inner .btn-group {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  div.document .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  div.document .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  div.document .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  div.document.slideshow {
    width: 100%;
    position: static;
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 30px);
    box-sizing: border-box;
  }
  div.document.slideshow main#pad {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.document.slideshow main#pad > .inner {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  div.document.slideshow main#pad > .inner .meta-info {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.prev {
    left: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.next {
    right: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document.slideshow main#pad > .inner .slide {
    position: relative;
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    width: 100vw !important;
    min-height: 100vh;
    max-height: 100%;
    box-sizing: border-box;
    padding: 0 calc((100vw - 840px) / 2) 60px calc((100vw - 840px) / 2);
    scroll-snap-align: center;
    overflow-x: visible;
    overflow-y: scroll;
  }
  div.document.slideshow main#pad > .inner .slide div.required {
    left: calc((100vw - 840px) / 2 - 45px);
    top: 50%;
  }
  div.document.slideshow main#pad > .inner .slide .opts .opt-group label {
    left: calc((100vw - 840px) / 2) !important;
  }
  div.document.slideshow main#pad > .inner .description-layout.slide {
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner div.body {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  div.document.slideshow main#pad > .inner div.body section:not(.slide) {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    margin: 0;
  }
  div.document.slideshow main#pad > .inner div.body .media-input-group {
    left: auto;
    right: 60px;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide {
    display: flex;
    align-items: center;
    top: 0;
    height: 100%;
    margin: 0;
    z-index: 0;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide .btn-group {
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  main#reference {
    pointer-events: none;
  }
  footer {
    width: 100%;
    clear: both;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #e5e5e5;
  }
  footer .inner {
    /*padding: 30px;*/
    position: relative;
    display: block;
    width: 718px;
    margin: 0 auto;
    padding: 30px 60px 30px 60px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateX(1px);
    /* BELOW IS FOR THE COMMENTS MODULE */
  }
  footer .inner h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  footer .inner form {
    position: relative;
    margin: 15px 0 45px 0;
  }
  footer .inner form textarea {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    /*min-height: $t-main;*/
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 10px 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  footer .inner form label {
    position: absolute;
    left: 30px;
    top: 11px;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  footer .inner form label::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -35px;
    width: 30px;
    height: 30px;
    background: url("../imgs/icons/i-comment-outline.svg");
    filter: brightness(75%);
  }
  footer .inner form textarea + label {
    pointer-events: none;
  }
  footer .inner form textarea:focus + label,
  footer .inner form textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  footer .inner form .btn-group {
    border-top: 1px solid #646464;
  }
  footer .inner form .btn-group button {
    display: none;
    height: 30px;
    padding: 0 10px;
    border-radius: 0;
    /*background-color: $c-mid-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    color: #fff;
    float: right;
  }
  footer .inner form .btn-group button:disabled {
    background-color: #e5e5e5;
    color: #fff;
  }
  footer .inner form textarea:focus + label + .btn-group,
  footer .inner form textarea.has-value + label + .btn-group {
    /*border-color: $c-mid-yellow;*/
    border-color: #e5e5e5;
  }
  footer .inner form textarea:focus + label + .btn-group button,
  footer .inner form textarea.has-value + label + .btn-group button {
    display: block;
  }
  footer .inner ul.comments li {
    margin: 15px 0;
  }
  footer .inner ul.comments li .head .meta .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .head .meta .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  footer .inner ul.comments li .head .meta .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .body {
    font-size: 14px;
    line-height: 1.5em;
  }
  footer .inner ul.comments li .foot button.expand-collapsed {
    background-color: transparent;
    height: 15px;
    border: none;
    outline: none;
    color: #646464;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    cursor: pointer;
  }
  footer .inner ul.comments li .foot button.expand-collapsed.wide {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  footer .inner ul.comments li .foot .collapsed {
    position: relative;
    max-height: 0;
    padding-left: 30px;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  footer .inner ul.comments li .foot .collapsed ul.replies li {
    margin-top: 5px;
  }
  footer .inner ul.comments li .foot .collapsed form {
    margin-bottom: 30px;
  }
  footer .inner ul.comments li .foot .collapsed::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 7.5px;
    width: 0;
    height: calc(100% - 15px);
    border-left: 1px dotted #969696;
  }
  footer .inner button {
    height: 45px;
    background-color: #333d51;
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  footer .inner .approval-message {
    position: relative;
    width: 875px;
    margin: 0 auto;
    padding: 10px;
  }
  footer .inner .approval-message small {
    font-size: 12px;
    line-height: 1.5em;
    color: #c2b4d6;
  }
  footer .inner .approval-message p {
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  footer .inner .approval-message::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -11px;
    height: calc(100% + 15px);
    width: 1px;
    background-color: #c2b4d6;
  }
  footer .inner .approval-message::after {
    content: "“";
    position: absolute;
    /*top: calc(16px / 4);*/
    top: calc(10px + 16px);
    left: -11px;
    width: 10px;
    vertical-align: middle;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #c2b4d6;
    /*border-bottom: 1px solid $c-light-1;*/
    font-size: 36px;
    line-height: 1.5em;
    color: #c2b4d6;
    text-align: center;
  }
  .document.offset {
    padding-top: 50px;
  }
  .document.offset main .inner .meta-status {
    top: 50px !important;
  }
  .document.offset main .inner .media-input-group {
    top: 20px !important;
  }
  div.source-container,
  main#reviews {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    margin-top: 30px;
    /*
    height: 100vh;
    overflow: auto;
    vertical-align: top;
    filter: grayscale(1);

    main#reference {
    	width: 100%;
    	min-width: 0;
    	margin: 60px 0 0 0;

    	.inner {
    		.head {
    			a {
    				display: none;
    			}
    		}
    		.slide-nav,
    		.meta-status {
    			display: none !important;
    		}
    	}
    }
    .review {
    	position: relative;
    	width: 100%;
    }
    .review:not(:last-child) {
    	&::after {
    		content: '';
    		position: absolute;
    		left: -60px;
    		bottom: 0;
    		width: calc(100% + 120px);
    		height: 0;
    		border-bottom: 1px solid $c-light-grey;
    	}
    }
    */
  }
  .document.split-screen {
    width: 100%;
    height: 100vh;
    overflow: auto;
    border: none;
    box-sizing: border-box;
  }
  .document.split-screen main .inner .meta-status,
  .document.split-screen main#pad .inner .meta-status {
    top: 0;
  }
  .document.split-screen.right .media-input-group {
    left: auto !important;
    right: 0 !important;
  }
  .document.split-screen.right main .inner button.scroll-nav {
    width: 50% !important;
    left: 50% !important;
  }
  .document.split-screen.left {
    margin-left: 0;
  }
  .document.split-screen.left .media-input-group {
    left: auto !important;
    right: 50% !important;
  }
  div.display-option {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 1000000;
  }
  div.display-option a button {
    width: 100%;
    height: 20px;
    outline: none;
    border: none;
    padding: 0 10px;
    background-color: #969696;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
    vertical-align: top;
    transition: background-color 0.25s;
  }
  div.display-option a button:hover {
    background-color: #646464;
  }
  div.display-option.split-screen {
    pointer-events: none;
  }
  div.display-option.split-screen a {
    pointer-events: all;
  }
  div.display-option.split-screen a button {
    width: 50%;
  }
  div.display-option.split-screen.right {
    text-align: right;
  }
  .media-input-group {
    position: sticky;
    top: 90px;
    width: 60px;
    max-height: 80vh;
    margin-left: -61px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;
  }
  .media-input-group .inner {
    max-height: 80vh;
    overflow: hidden;
    background-color: #fff;
  }
  .media-input-group .inner .btn-group {
    display: flex;
    flex-direction: column;
    outline: none;
    margin: 10px 0;
    background-color: #fff;
  }
  .media-input-group .inner .btn-group input {
    display: none;
  }
  .media-input-group .inner .btn-group label,
  .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    float: left;
    width: 44px;
    height: 45px;
    margin: 0 7px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .media-input-group .inner .btn-group label label,
  .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  .media-input-group .inner .btn-group label label span,
  .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  .media-input-group .inner .btn-group label i,
  .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  .media-input-group .inner .btn-group label img,
  .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  .media-input-group .inner .btn-group label:hover,
  .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  .media-input-group .inner .btn-group label.highlight,
  .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  .media-input-group .inner .btn-group input:disabled,
  .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  .media-input-group .inner .btn-group input:disabled img,
  .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  .media-input-group .inner .btn-group .vertical-separator {
    width: 59px;
    height: 0px;
    /*border-top: 1px dotted $c-light-grey;*/
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  .media-input-group button.scroll-up,
  .media-input-group button.scroll-down {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  .media-input-group button.scroll-up label,
  .media-input-group button.scroll-down label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    transform-origin: center;
    cursor: pointer;
    color: #646464;
  }
  .media-input-group button.scroll-up {
    top: 0px;
  }
  .media-input-group button.scroll-up label {
    transform: rotate(-90deg);
  }
  .media-input-group button.scroll-down {
    bottom: 0px;
  }
  .media-input-group button.scroll-down label {
    transform: rotate(90deg);
  }
  .input-group.overflowing .inner .btn-group {
    margin: 40px 0;
  }
  .input-group.inline .inner .btn-group {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  .fact-sheet {
    position: relative;
    display: block;
    width: 840px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    min-height: calc(100vh - 30px);
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .fact-sheet main#profile .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 30px -60px;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button.save {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  .fact-sheet main#profile .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  .fact-sheet main#profile .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  .fact-sheet main#profile .inner .head i {
    position: absolute;
    right: 100%;
  }
  .fact-sheet main#profile .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  .fact-sheet main#profile .inner .body form button.expand-collapsed {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
    /*
    &::after {
    	content: '';
    	position: absolute;
    	top: 0;
    	width: 0;
    	height: 0;
    	border-left: 6px solid transparent;
    	border-right: 6px solid transparent;
    	border-bottom: 8px solid $c-light-grey;
    	transform: translate(-4px, -8px);
    }
    */
  }
  .fact-sheet main#profile .inner .body form div.info {
    margin: 30px 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -45px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input:checked + label,
  .fact-sheet main#profile .inner .body form div.info ul li .required label.active {
    color: #a51e41;
  }
  .fact-sheet main#profile .inner .body form div.info ul li label.instruction {
    display: inline-block;
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    /*margin-bottom: 5px;*/
    border-left: 1px dotted #969696;
    font-size: 14px;
    line-height: 1.5em;
    vertical-align: middle;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group {
    display: inline-block;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group input.toggle + label {
    margin: 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group {
    display: inline-block;
    position: relative;
    width: 30%;
    margin: 0 auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    box-sizing: border-box;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group.margin-left {
    margin-left: calc(30% + 30px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard {
    /*display: flex;
    justify-content: flex-start;
    align-items: top;*/
    width: 100%;
    min-height: 45px;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins {
    display: flex;
    margin: auto 0;
    flex-wrap: wrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin {
    display: inline-block;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    line-height: 30px;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin label {
    vertical-align: top;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: normal;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .close {
    display: inline-block;
    width: 30px;
    background-color: #969696;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:disabled {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:invalid,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown {
    position: absolute;
    width: calc(100% + 30px);
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add button {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 15px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text]:focus ~ button,
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text].has-value ~ button {
    display: block;
  }
  .fact-sheet main#profile .inner .body form div.info ul li button.add-info {
    min-height: 45px;
    /*width: 100%;*/
    border: none;
    outline: none;
    background-color: transparent;
    color: #969696;
    cursor: pointer;
    /*background: repeating-linear-gradient(
    	45deg,
    	transparent,
    	transparent 3px,
    	rgba(150, 150, 150, .1) 3px,
    	rgba(150, 150, 150, .1) 6px
    );*/
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed button.expand-collapsed {
    margin-top: 15px;
  }
  .fact-sheet main#profile .inner div.foot {
    padding-bottom: 60px;
  }
  .fact-sheet main#profile .inner div.foot .api-token form {
    display: flex;
  }
  .fact-sheet main#profile .inner div.foot .api-token form button.request-token {
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    border: 1px solid #969696;
    /*border-left: 1px dotted $c-light-grey;*/
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group {
    display: flex;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group input[type=text] {
    flex-grow: 1;
    padding: 5px 0 5px 15px;
    border: 1px solid #969696;
    border-left: 0;
    border-right: 0;
    outline: none;
    font-size: 14px;
    line-height: 1.5em;
    cursor: copy;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group button.copy {
    width: 60px;
    background-color: #32bee1;
    border: none;
    color: #fff;
    cursor: pointer;
  }
  .main-content.import {
    display: grid;
    grid-gap: 0;
  }
  div.table {
    display: block;
    width: 960px;
    padding: 30px 0 0 0;
    background-color: #fff;
    min-height: calc(100vh - 60px);
  }
  div.table main {
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
  }
  div.table main .inner .head {
    position: fixed;
    top: 30px;
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
    margin: 0;
    background-color: #fff;
    z-index: 100;
  }
  div.table main .inner .head .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  div.table main .inner .head .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.table main .inner .head .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.table main .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.table main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.table main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.table main .inner .body {
    margin-top: 60px;
    overflow: auto;
  }
  div.table main .inner .body .input-group {
    position: relative;
    display: flex;
    width: 100%;
    min-height: calc(100vh - 180px);
    overflow: hidden;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(100, 100, 100, 0.1) 3px, rgba(100, 100, 100, 0.1) 6px);
  }
  div.table main .inner .body .input-group .drop-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 30px;
    border: 2px dotted #32bee1;
    transition: margin 0.25s;
  }
  div.table main .inner .body .input-group .drop-zone input {
    display: none;
  }
  div.table main .inner .body .input-group .drop-zone button {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.table main .inner .body .input-group .drop-zone button label {
    display: block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .body .input-group.accept {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px) !important;
  }
  div.table main .inner .body .input-group.accept .drop-zone {
    margin: 45px;
    border-color: #32bee1 !important;
  }
  div.table main .inner .body .input-group.reject {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.table main .inner .body .input-group.reject .drop-zone {
    border-color: #a51e41;
  }
  div.table main .inner .body .btn-group {
    position: fixed;
    display: flex;
    justify-content: center;
    top: 0;
    /*left: calc((100vw - (300px * 3 + 15px * 4)) / 2);*/
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
    padding-top: 120px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 10;
  }
  div.table main .inner .body .btn-group form {
    border-top: 1px solid #e5e5e5;
    /*border-bottom: 1px solid $c-light-2;*/
    background-color: #fff;
  }
  div.table main .inner .body .btn-group form button {
    height: 60px;
    width: 60px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    cursor: pointer;
  }
  div.table main .inner .body .btn-group form button i {
    font-size: 20px;
  }
  div.table main .inner .body .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.table main .inner .body .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.table main .inner .body .btn-group form:first-child {
    border-left: 1px solid #e5e5e5;
  }
  div.table main .inner .body .btn-group form:last-child {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  div.table main .inner .body .table-container table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 12px;
  }
  div.table main .inner .body .table-container table thead {
    /*position: sticky;
    top: 90px;*/
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgb(239, 239, 239) 3px, rgb(239, 239, 239) 6px);
    z-index: 1000;
  }
  div.table main .inner .body .table-container table thead th {
    position: relative;
    padding: 5px 10px;
    font-weight: 400;
  }
  div.table main .inner .body .table-container table thead th.selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: calc(100% - 1px);
    border: 1px solid transparent;
  }
  div.table main .inner .body .table-container table thead th.selected.top::after {
    border-top: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.left::after {
    border-left: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.right::after {
    border-right: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.bottom::after {
    border-bottom: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead .column-selection {
    height: 30px;
    background-color: #fff;
  }
  div.table main .inner .body .table-container table thead .column-selection th {
    border: none;
    padding: 0 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection {
    color: #646464;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection i {
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection.selected {
    background-color: #fff32a;
    /*color: #FFF;*/
  }
  div.table main .inner .body .table-container table thead .column-names {
    background-color: #fff;
  }
  div.table main .inner .body .table-container table thead .column-names th {
    border: none;
    font-weight: bold;
  }
  div.table main .inner .body .table-container table thead .column-names th:focus {
    outline: 1px solid #fff32a;
  }
  div.table main .inner .body .table-container table thead .data-types {
    height: 30px;
    /*border-left: 1px dotted $c-light-grey;
    border-right: 1px dotted $c-light-grey;
    border-top: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .data-types th {
    padding: 0 10px;
    font-style: italic;
    color: #646464;
  }
  div.table main .inner .body .table-container table thead .data-types th button {
    vertical-align: middle;
    border: none;
    outline: none;
    margin-left: 15px;
    background-color: transparent;
    color: #646464;
  }
  div.table main .inner .body .table-container table thead .data-types th button i {
    margin-top: 5px;
    font-size: 20px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .media-types {
    /*border-left: 1px dotted $c-light-grey;*/
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .media-types th {
    /*border-right: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .media-types th select {
    width: 100%;
  }
  div.table main .inner .body .table-container table tbody td {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    color: #000000;
  }
  div.table main .inner .body .table-container table tbody td.selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: calc(100% - 1px);
    border: 1px solid transparent;
  }
  div.table main .inner .body .table-container table tbody td.selected.top::after {
    border-top: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.left::after {
    border-left: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.right::after {
    border-right: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.bottom::after {
    border-bottom: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody .column-values {
    position: relative;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(100, 100, 100, 0.1);
    /*background-color: rgba(229,229,229,.75);*/
    color: #005687;
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview span {
    padding: 0 5px;
    background-color: #fff32a;
    color: #000000;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview i {
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .foot {
    height: 30px;
  }
  div.table main .inner .foot .summary {
    font-size: 12px;
    color: #969696;
  }
  .table-sidebar {
    position: relative;
    z-index: 1000;
    pointer-events: none;
  }
  .table-sidebar > .inner {
    width: 120px;
    float: right;
    background-color: #fff;
  }
  .table-sidebar > .inner .media-input-group {
    pointer-events: all;
    top: calc(50% - 60px);
  }
  .modal.pad-preview {
    align-self: flex-start;
    width: auto;
    margin: 0;
  }
  .modal.pad-preview .close {
    position: sticky;
    top: 0px;
  }
  .modal.pad-preview .document {
    float: none;
    height: calc(100vh - 30px);
    margin: auto;
    overflow: auto;
    box-sizing: border-box;
  }
  .modal.pad-preview .document main {
    padding: 0;
    margin: 0 auto;
  }
  .modal.pad-preview .document main .inner {
    border-top: 0;
    box-shadow: none;
    max-height: none;
    overflow-y: unset;
  }
  .main-content.import {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 0 1fr 0;
  }
  .main-content.import .table {
    width: 100vw;
  }
  .main-content.import .table .import-module {
    width: 100%;
  }
  .main-content.import .table .import-module .head {
    width: 100%;
  }
  .table-sidebar {
    position: relative;
    z-index: 1000;
    pointer-events: none;
  }
  .table-sidebar > .inner {
    width: 0;
    float: right;
    background-color: #fff;
  }
  .table-sidebar > .inner .media-input-group {
    position: fixed;
    pointer-events: all;
    top: calc(50vh - 60px);
  }
  .modal.pad-preview {
    align-self: flex-start;
    width: auto;
    margin: 0;
  }
  .modal.pad-preview .close {
    position: sticky;
    top: 0px;
  }
  .modal.pad-preview .document {
    float: none;
    height: calc(100vh - 30px);
    margin: auto;
    overflow: auto;
    box-sizing: border-box;
  }
  .modal.pad-preview .document main {
    padding: 0;
    margin: 0 auto;
  }
  .modal.pad-preview .document main .inner {
    border-top: 0;
    box-shadow: none;
    max-height: none;
    overflow-y: unset;
  }
  div.public-page-header {
    min-height: 100vh;
  }
  div.public-page-header div.carousel {
    position: relative;
    width: 100%;
    min-height: 100vh;
    left: 0;
  }
  div.public-page-header div.carousel.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.carousel div.slides {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    scroll-snap-type: x mandatory;
    height: 100vh;
    width: 100%;
    padding: 60px 0 120px 0;
    overflow: auto;
    box-sizing: border-box;
  }
  div.public-page-header div.carousel div.slides div.slide {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex: none;
    scroll-snap-align: center;
  }
  div.public-page-header div.carousel div.slides div.slide a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt {
    align-self: center;
    position: absolute;
    width: 615px;
    color: #005687;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
    color: #fff;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt .country {
    color: #b4dc28;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt h1 {
    font-size: 24px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 0 15px 0;
  }
  div.public-page-header div.carousel div.slides div.slide a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
    transition: opacity 0.5s;
  }
  div.public-page-header div.carousel div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.carousel div.slides div.slide:hover img {
    opacity: 0.25;
  }
  div.public-page-header div.carousel div.slides div.slide:hover .media-txt {
    opacity: 1;
  }
  div.public-page-header div.carousel div.slides div.slide:hover::after {
    opacity: 0.75;
  }
  div.public-page-header div.carousel div.dots {
    position: absolute;
    bottom: 90px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    text-align: center;
  }
  div.public-page-header div.carousel div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  div.public-page-header div.carousel div.dots .highlight {
    background-color: #61b233;
  }
  div.public-page-header div.mosaic {
    /*position: absolute;*/
    width: 100%;
    min-height: 100vh;
    left: 0;
    /* INSPIRED BY: https://medium.com/cloudaper/how-to-create-a-flexible-square-grid-with-css-grid-layout-ea48baf038f3 */
  }
  div.public-page-header div.mosaic.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.mosaic div.slides {
    display: grid;
    grid-template-columns: repeat(6, 150px);
    grid-auto-rows: 1fr;
    grid-gap: 5px;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    width: calc(100% - 5px);
    height: 100%;
    margin: 35px 0;
  }
  div.public-page-header div.mosaic div.slides::before {
    content: "";
    width: 0;
    padding-bottom: 100%;
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header div.mosaic div.slides div.blank-area {
    grid-area: 1/1/3/3;
  }
  div.public-page-header div.mosaic div.slides div.slide {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.5s;
    overflow: hidden;
    aspect-ratio: 1;
    counter-increment: my-counter;
  }
  div.public-page-header div.mosaic div.slides div.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0);
  }
  div.public-page-header div.mosaic div.slides div.slide img.img-ready {
    transition: filter 1s, transform 1s;
    animation: animate-mosaic-in 0.5s ease-out;
    animation-fill-mode: forwards;
  }
  @keyframes animate-mosaic-in {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    transform: translateY(100%);
    transition: transform 0.5s;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt .country {
    font-size: 14px;
    color: #b4dc28;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt h1 {
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
    margin: 0;
    color: #fff;
    font-weight: normal;
  }
  div.public-page-header div.mosaic div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0.9;
    transform: translateY(100%);
    transition: transform 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(1n) img {
    animation-delay: 0.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(2n) img {
    animation-delay: 0.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(3n) img {
    animation-delay: 0.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(4n) img {
    animation-delay: 0.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(5n) img {
    animation-delay: 0.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(6n) img {
    animation-delay: 0.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(7n) img {
    animation-delay: 0.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(8n) img {
    animation-delay: 0.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(9n) img {
    animation-delay: 0.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(10n) img {
    animation-delay: 0.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(11n) img {
    animation-delay: 0.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(12n) img {
    animation-delay: 0.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(13n) img {
    animation-delay: 0.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(14n) img {
    animation-delay: 0.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(15n) img {
    animation-delay: 0.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(16n) img {
    animation-delay: 0.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(17n) img {
    animation-delay: 0.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(18n) img {
    animation-delay: 0.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(19n) img {
    animation-delay: 0.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(20n) img {
    animation-delay: 1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(21n) img {
    animation-delay: 1.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(22n) img {
    animation-delay: 1.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(23n) img {
    animation-delay: 1.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(24n) img {
    animation-delay: 1.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(25n) img {
    animation-delay: 1.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(26n) img {
    animation-delay: 1.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(27n) img {
    animation-delay: 1.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(28n) img {
    animation-delay: 1.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(29n) img {
    animation-delay: 1.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(30n) img {
    animation-delay: 1.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(31n) img {
    animation-delay: 1.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(32n) img {
    animation-delay: 1.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(33n) img {
    animation-delay: 1.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(34n) img {
    animation-delay: 1.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(35n) img {
    animation-delay: 1.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(36n) img {
    animation-delay: 1.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(37n) img {
    animation-delay: 1.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(38n) img {
    animation-delay: 1.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(39n) img {
    animation-delay: 1.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(40n) img {
    animation-delay: 2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(41n) img {
    animation-delay: 2.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(42n) img {
    animation-delay: 2.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(43n) img {
    animation-delay: 2.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(44n) img {
    animation-delay: 2.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(45n) img {
    animation-delay: 2.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(46n) img {
    animation-delay: 2.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(47n) img {
    animation-delay: 2.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(48n) img {
    animation-delay: 2.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(49n) img {
    animation-delay: 2.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(50n) img {
    animation-delay: 2.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:hover .media-txt, div.public-page-header div.mosaic div.slides div.slide:hover::after {
    transform: translateY(0);
  }
  div.public-page-header div.mosaic div.slides > *:first-child {
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.public-page-header button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.public-page-header button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.public-page-header h1 {
    margin: 60px 60px 45px 60px;
    text-align: center;
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-header h2 {
    margin: 15px 60px 60px 60px;
    text-align: center;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
  }
  div.public-page-header p.lead {
    width: 930px;
    margin: auto;
    font-size: 20px;
    line-height: 1.5em;
  }
  div.public-page-panel {
    width: 100%;
    min-height: 90px;
    padding: 90px 0;
  }
  div.public-page-panel.sm-padding {
    padding: 0;
  }
  div.public-page-panel.blue {
    width: 100vw;
    padding: 90px 0;
    margin-left: calc((100% - 100vw) / 2);
    background-color: #0468b1;
    color: #fff;
  }
  div.public-page-panel.blue > .inner {
    width: 960px;
  }
  div.public-page-panel.blue a {
    color: #b4dc28;
  }
  div.public-page-panel > .inner {
    position: relative;
    width: 100%;
    margin: auto;
  }
  div.public-page-panel > .inner h1.site-title {
    font-size: 60px;
    line-height: 1.2em;
    color: #0468b1;
    text-align: center;
    margin-bottom: 90px;
  }
  div.public-page-panel > .inner h1.site-title.map-overlay {
    position: absolute;
    right: 0;
    top: 0;
    margin: calc(-60px * 1.2) 0 1em 0;
    z-index: 1000;
    text-align: left;
  }
  div.public-page-panel > .inner h3 {
    margin-bottom: 1em;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner .lead {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  div.public-page-panel > .inner blockquote {
    font-size: 24px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner blockquote + p {
    margin-top: 1em;
  }
  div.public-page-panel > .inner .description {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 1em;
    color: #969696;
  }
  div.public-page-panel > .inner #statistics {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 3fr 7fr;
    margin: 30px 0;
  }
  div.public-page-panel > .inner #statistics .stat-group {
    display: grid;
    grid-gap: 30px;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic {
    text-align: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h1 {
    font-size: 60px;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h2 {
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic small {
    font-size: 12px;
    line-height: 1.2em;
    color: #969696;
  }
  div.public-page-panel > .inner .map-container {
    width: calc(100% + (100vw - 100%) / 2);
    margin-left: calc((100% - 100vw) / 4);
    margin-top: 90px;
  }
  div.public-page-panel > .inner .map-container #map {
    min-height: 60vh;
  }
  div.public-page-panel > .inner nav.enter {
    text-align: center;
    margin: 60px 0;
  }
  div.public-page-panel > .inner nav.enter a:hover {
    text-decoration: none;
  }
  div.public-page-panel > .inner nav.enter button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.public-page-panel > .inner nav.enter button.highlight {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.public-page-panel > .inner ul.columns {
    display: grid;
    align-items: center;
    grid-gap: 15px;
    grid-template-columns: repeat(4, 1fr);
  }
  div.public-page-panel > .inner ul.columns li {
    font-size: 16px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner ul.columns li small {
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    color: #969696;
  }
  div.lesser-padding div.public-page-panel {
    padding-top: 0px;
  }
  div.main-content.force-height {
    min-height: 100vh;
  }
  div.main-content.force-height div.browse {
    min-height: calc(100vh - 120px);
  }
  div.browse {
    display: block;
    width: 930px;
    padding: 0 15px;
    background-color: #fff;
    margin: auto;
  }
  div.browse:not(.home) {
    padding-top: 105px;
  }
  div.browse.public, div.browse.instance {
    padding-top: 90px;
  }
  div.browse h1.instance-title {
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
  }
  div.browse nav#search-and-filter {
    padding: 0 14px 15px 14px;
    border: 1px dotted #969696;
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter.anchor-bottom {
    position: fixed;
    width: 100%;
    max-height: calc(100vh - 30px);
    min-height: 180px;
    left: 0;
    bottom: 0;
    margin: 0;
    z-index: 100;
    background-color: #fff;
    border: none;
    border-top: 1px solid #646464;
    box-sizing: border-box;
    overflow: visible;
  }
  div.browse nav#search-and-filter .search-type-menu {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    border-bottom: 1px dotted #969696;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm {
    position: relative;
    color: #969696;
    border-right: 1px dotted #969696;
    cursor: pointer;
    padding: 5px 15px;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm:not(.stm-select):hover {
    color: #646464;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select {
    color: #005687;
    font-weight: bold;
    cursor: auto;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hint {
    display: inline-block;
    position: absolute;
    transform: translate(-3px, -15px);
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    color: #000000;
    background-color: #ffc10e;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hidden {
    display: none;
  }
  div.browse nav#search-and-filter form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  div.browse nav#search-and-filter form .search,
  div.browse nav#search-and-filter form .filter:not(.add) {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #969696;
  }
  div.browse nav#search-and-filter form .search input[type=text],
  div.browse nav#search-and-filter form .search input[type=list],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=list] {
    float: left;
    position: relative;
    width: calc(100% - 15px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    color: #005687;
  }
  div.browse nav#search-and-filter form .search label,
  div.browse nav#search-and-filter form .filter:not(.add) label {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.browse nav#search-and-filter form .search input[type=text] + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text] + label {
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .search input[type=text]:focus + label,
  div.browse nav#search-and-filter form .search input[type=text].has-value + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .search input:-webkit-autofill,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:active,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.browse nav#search-and-filter form .search button,
  div.browse nav#search-and-filter form .filter:not(.add) button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .search img,
  div.browse nav#search-and-filter form .filter:not(.add) img {
    width: 30px;
    height: 30px;
    margin: auto;
  }
  div.browse nav#search-and-filter form .status {
    display: inline-block;
  }
  div.browse nav#search-and-filter form .status menu li p {
    margin: 5px 0;
  }
  div.browse nav#search-and-filter form .global-actions {
    min-width: 50%;
  }
  div.browse nav#search-and-filter form .global-actions .add {
    display: inline-block;
    position: relative;
    width: 300px;
    margin-right: 15px;
    border-bottom: 1px dotted #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .global-actions .add button {
    display: none;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus + label,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus ~ button,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input[type=radio] {
    display: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .global-actions button.download {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters {
    position: relative;
    vertical-align: middle;
    float: right;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 auto;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  div.browse nav#search-and-filter form .expand-filters .l1 {
    width: 20px;
    transform: translate(5px, 7.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters .l2 {
    width: 15px;
    transform: translate(7.5px, 12.5px) rotate(0deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters .l3 {
    width: 10px;
    transform: translate(10px, 17.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l1 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l2 {
    width: 0;
    transform: translate(15px, 12.5px) rotate(0deg);
  }
  div.browse nav#search-and-filter form .expand-filters.close .l3 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 15px);
    max-height: 0;
    padding: 0 7.5px;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    transition: max-height 0.25s ease-out;
    /*section:nth-child(odd):not(:last-child) {
    	margin-right: 15px;
    }*/
  }
  div.browse nav#search-and-filter form .filters section {
    flex: 1 1;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters section .filter {
    position: relative;
    width: 100%;
    height: 45px;
    background-color: #fff;
    margin-bottom: 15px;
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text] {
    width: calc(100% - 30px);
    height: 30px;
    margin-left: 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .filter label {
    left: 15px;
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(10px);
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filters section .filter input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input {
    display: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label .count {
    color: #fff;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .filters section .filter:last-child {
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters {
    margin: -15px auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters .break {
    flex-basis: 100%;
    width: 0;
  }
  div.browse nav#search-and-filter form .filters .order {
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters .order menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    /*input.toggle:checked + label {
    	background-color: #FFF;
    }*/
  }
  div.browse nav#search-and-filter form .filters .order menu li input.toggle + label {
    display: inline-block;
    margin-top: 0;
  }
  div.browse nav#search-and-filter form .filters .order menu li p {
    display: inline-block;
    margin: 0 0 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters button.submit-filters {
    width: calc(100% - 15px);
    height: 30px;
    padding: 0 10px;
    margin: 15px 0 15px 7.5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) {
    width: 100%;
    margin: 0 0 30px -15px;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li {
    display: inline-block;
    margin: 0 15px 0 0;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button {
    height: 45px;
    padding: 0 10px 0 30px;
    border: none;
    outline: none;
    border-radius: 45px;
    border: 1px solid #0468b1;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button .count {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #0468b1;
    border-radius: 30px;
    margin: -1px 0 0 10px;
    line-height: 30px;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button {
    background-color: #0468b1;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button .count {
    background-color: #fff;
    color: #0468b1;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) p {
    margin: 15px 0 0 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main {
    padding-bottom: 60px;
  }
  div.browse main .inner small.no-results {
    font-size: 12px;
    color: #969696;
  }
  div.browse main .inner .meta-status {
    top: 30px;
    width: 100%;
    min-height: 60px;
    margin: -15px 0 30px -15px;
    padding: 15px;
    z-index: 100;
  }
  div.browse main .inner .meta-status form {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-gap: 15px;
  }
  div.browse main .inner .meta-status form .opts {
    list-style: none;
  }
  div.browse main .inner .meta-status form .opts li {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px dotted #969696;
  }
  div.browse main .inner .meta-status form .opts li p {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .meta-status form .opts li p.disabled {
    color: #e5e5e5;
  }
  div.browse main .inner .meta-status form .opts li input.toggle + label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  div.browse main .inner .meta-status form .opts li ul li {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
  }
  div.browse main .inner .meta-status form .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    min-height: 30px;
    margin: 0 0 0 auto;
    justify-content: right;
  }
  div.browse main .inner .meta-status form .btn-group button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse main .inner .meta-status form .btn-group button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner .meta-status form .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner .head {
    position: relative;
    width: 100%;
    margin: 25px 0 15px 0;
  }
  div.browse main .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  div.browse main .inner .head .title {
    width: 100%;
    outline: none;
    margin-bottom: 15px;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  div.browse main .inner .head .title:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.browse main .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .head .description {
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-top: none;
    outline: none;
    color: #005687;
    border-bottom: 1px solid transparent;
    white-space: pre-line;
  }
  div.browse main .inner .head .description.lead {
    font-size: 20px;
    line-height: 1.3em;
  }
  div.browse main .inner .head .description:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .meta-status + .head {
    margin: 0 0 15px 0;
  }
  div.browse main .inner section .layout,
  div.browse .public-page-panel .inner section .layout {
    margin-top: 15px;
    /*article:not(.pad):not(.review):not(.contributor) {
    	border-bottom: 1px dotted $c-light-grey;
    	padding-top: 15px;
    	padding-bottom: 15px;
    }*/
  }
  div.browse main .inner section .layout article,
  div.browse .public-page-panel .inner section .layout article {
    position: relative;
    display: flex;
    /*          padding: 15px 0 15px 15px;*/
    padding: 0 0 15px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout article:hover,
  div.browse .public-page-panel .inner section .layout article:hover {
    background-color: transparent;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout article .inner,
  div.browse .public-page-panel .inner section .layout article .inner {
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 1fr 300px;
    width: 100%;
    transition: width 0.25s;
  }
  div.browse main .inner section .layout article .inner .head,
  div.browse .public-page-panel .inner section .layout article .inner .head {
    grid-column: 1/span 2;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 300px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data {
    margin-bottom: 0;
    padding-top: 15px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor {
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-date,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    /* margin: -16px -1px 0 auto;*/
    justify-content: right;
    /*                  transform: translateY(calc(-100% + 14px));*/
    align-items: start;
    margin: -1px -1px 0 auto;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.active {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button:disabled,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    right: 0;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    /*transform: translateX(-50%);*/
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: left;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight {
    background-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled),
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight {
    background-color: #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight {
    border-color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:first-child,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:last-child,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta,
  div.browse main .inner section .layout article .inner .body .media,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta,
  div.browse .public-page-panel .inner section .layout article .inner .body .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title {
    margin-top: 10px;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title a,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: bold;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 span,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 span {
    word-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-txt,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3em;
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a {
    color: #000000;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a .read-more,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a .read-more {
    color: #32bee1;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover .read-more,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a:hover .read-more {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-template {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree {
    display: flex;
    align-items: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree {
    margin-right: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a img,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a img {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a small,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a small {
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    color: #969696;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-child {
    color: #969696;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-child {
    width: 100%;
    /*margin: 10px 0 0 0;*/
    margin: 0;
  }
  div.browse main .inner section .layout article .inner .body .create,
  div.browse .public-page-panel .inner section .layout article .inner .body .create {
    position: relative;
    display: inline-block;
    margin: 5px 10px 10px 0;
  }
  div.browse main .inner section .layout article .inner .body .create button,
  div.browse .public-page-panel .inner section .layout article .inner .body .create button {
    padding: 0 5px;
    border: 1px solid #32bee1;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown {
    position: absolute;
    min-width: 100%;
    width: 300px;
    max-height: 0;
    left: 0;
    top: 100%;
    margin-top: -2px;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
    white-space: pre;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li a button,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li a button {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
    background-color: transparent;
    border: none;
    color: #000000;
    text-align: left;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li:hover,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .body.full-width,
  div.browse .public-page-panel .inner section .layout article .inner .body.full-width {
    grid-column: 1/span 2;
  }
  div.browse main .inner section .layout article .inner .body.full-width .media-title,
  div.browse .public-page-panel .inner section .layout article .inner .body.full-width .media-title {
    width: calc(100% - 330px);
  }
  div.browse main .inner section .layout article .inner .foot,
  div.browse .public-page-panel .inner section .layout article .inner .foot {
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-grow: 1;
  }
  div.browse main .inner section .layout article .inner .foot .media-img,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img {
    position: relative;
    width: 300px;
    height: 200px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a img,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: 100%;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group {
    display: grid;
    grid-gap: 15px;
    grid-auto-flow: column;
    height: 100%;
    padding: 15px 15px 0 0;
    box-sizing: border-box;
    justify-content: right;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 {
    text-align: center;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small {
    font-size: 12px;
    line-height: 1.5em;
    display: block;
    font-weight: normal;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total {
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small {
    text-decoration: none !important;
    font-weight: normal;
  }
  div.browse main .inner section .layout article .inner .pinboard-group,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group {
    grid-column: 1/span 2;
    margin-top: 5px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add {
    position: relative;
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text],
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text] {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 1px dotted transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add button {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown.dropup,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu {
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox],
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox] {
    display: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin {
    display: inline-block;
    height: 15px;
    padding: 0;
    margin-right: 5px;
    font-size: 10px;
    line-height: 15px;
    border: 1px solid #969696;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin label {
    cursor: pointer;
    vertical-align: top;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .type,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .type {
    flex-shrink: 0;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .name,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .name {
    flex-grow: 1;
    margin: 0 5px 0 5px;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::before,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::after,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .outer,
  div.browse .public-page-panel .inner section .layout article .outer {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer .inner,
  div.browse .public-page-panel .inner section .layout article .outer .inner {
    display: flex;
    position: relative;
    z-index: 1;
    width: 0;
    height: calc(100% + 30px);
    margin-top: -15px;
    transition: width 0.25s;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.browse main .inner section .layout article .outer .inner form,
  div.browse .public-page-panel .inner section .layout article .outer .inner form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  div.browse main .inner section .layout article .outer .inner form button,
  div.browse .public-page-panel .inner section .layout article .outer .inner form button {
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 15px;
    border: none;
    outline: none;
    border: 1px solid #a51e41;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #a51e41;
    cursor: pointer;
    overflow: hidden;
  }
  div.browse main .inner section .layout article .outer .inner form button.cancel,
  div.browse .public-page-panel .inner section .layout article .outer .inner form button.cancel {
    border-color: #646464;
    color: #646464;
  }
  div.browse main .inner section .layout article .outer::before,
  div.browse .public-page-panel .inner section .layout article .outer::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: -15px;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer::after,
  div.browse .public-page-panel .inner section .layout article .outer::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: 100%;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer.expand .inner,
  div.browse .public-page-panel .inner section .layout article .outer.expand .inner {
    width: 120px;
  }
  div.browse main .inner section .layout article.status--1,
  div.browse .public-page-panel .inner section .layout article.status--1 {
    filter: grayscale(1);
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-0,
  div.browse .public-page-panel .inner section .layout article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-1,
  div.browse .public-page-panel .inner section .layout article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-2,
  div.browse .public-page-panel .inner section .layout article.status-2 {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout article.mobilization.status-0,
  div.browse .public-page-panel .inner section .layout article.mobilization.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout .tag-group .meta-tags,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags {
    margin-left: -2px;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a {
    display: inline-block;
    color: #0468b1;
    /*.tag {
    	border: 1px solid $c-mid-blue;
    	padding: 0 10px;
    	margin-right: 5px;
    	font-size: $t-small;
    	line-height: 1.5em;

    	label {
    		cursor: pointer;
    	}
    }*/
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a .tag {
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(12px * 1.75);
    font-size: 12px;
    line-height: 1.75em;
    color: #646464;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag label,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a .tag label {
    cursor: pointer;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a:hover,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs span,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs span {
    margin-right: 5px;
    color: #969696;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs a,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs a {
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: bold;
  }
  div.browse main .inner section .layout .engagement-group,
  div.browse .public-page-panel .inner section .layout .engagement-group {
    margin-top: 10px;
  }
  div.browse main .inner section .layout .engagement-group.page-stats,
  div.browse .public-page-panel .inner section .layout .engagement-group.page-stats {
    margin-top: 0;
  }
  div.browse main .inner section .layout .engagement-group .engagement,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.browse main .inner section .layout .engagement-group .engagement img,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout .engagement-group .engagement span,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement.engagement-reads,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement:disabled img,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.browse main .inner section .layout.columns,
  div.browse .public-page-panel .inner section .layout.columns {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    grid-gap: 30px 15px;
  }
  div.browse main .inner section .layout.columns article,
  div.browse .public-page-panel .inner section .layout.columns article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    vertical-align: top;
    grid-column: span 1;
    padding: 0 0 15px 0;
    border-bottom: none;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout.columns article:hover,
  div.browse .public-page-panel .inner section .layout.columns article:hover {
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout.columns article .inner,
  div.browse .public-page-panel .inner section .layout.columns article .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  div.browse main .inner section .layout.columns article .inner .head,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head {
    display: block;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group {
    text-align: left;
    margin: -1px 0 0 -1px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button {
    min-height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.accept,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.accept {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button:disabled,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: center;
    white-space: nowrap;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled),
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:first-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:last-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group:empty,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group:empty {
    margin: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img {
    position: relative;
    width: 298px;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: auto;
    min-height: 200px;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout.columns article .inner .body,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body {
    display: block;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data {
    margin: 0 0 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-date,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
    text-align: left;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1 img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse main .inner section .layout.columns article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-template {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-followup,
  div.browse main .inner section .layout.columns article .inner .body .meta-forward,
  div.browse main .inner section .layout.columns article .inner .body .meta-public,
  div.browse main .inner section .layout.columns article .inner .body .meta-copy,
  div.browse main .inner section .layout.columns article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-child {
    margin: 10px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot {
    justify-content: end;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta,
  div.browse main .inner section .layout.columns article .inner .foot .media,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta-group {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta-group .meta-stats {
    width: 25%;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text],
  div.browse .public-page-panel .inner section .layout.columns article .inner .pinboard-group .add input[type=text] {
    border-bottom-color: transparent;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus,
  div.browse .public-page-panel .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout.columns article .outer,
  div.browse .public-page-panel .inner section .layout.columns article .outer {
    top: 15px;
    height: 0;
    transition: height 0.25s;
    overflow: hidden;
    margin-top: 0;
  }
  div.browse main .inner section .layout.columns article .outer .inner,
  div.browse .public-page-panel .inner section .layout.columns article .outer .inner {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 15px 0;
  }
  div.browse main .inner section .layout.columns article .outer::before,
  div.browse .public-page-panel .inner section .layout.columns article .outer::before {
    height: 0;
    top: 0;
  }
  div.browse main .inner section .layout.columns article .outer::after,
  div.browse .public-page-panel .inner section .layout.columns article .outer::after {
    height: 0;
  }
  div.browse main .inner section .layout.columns article .outer.expand,
  div.browse .public-page-panel .inner section .layout.columns article .outer.expand {
    height: 140px;
  }
  div.browse main .inner section .layout.columns .engagement-group,
  div.browse .public-page-panel .inner section .layout.columns .engagement-group {
    margin-top: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns .pinboard-group,
  div.browse .public-page-panel .inner section .layout.columns .pinboard-group {
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse.slideshow {
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 30px);
  }
  div.browse.slideshow nav.tabs {
    left: calc((100vw - 930px) / 2);
  }
  div.browse.slideshow button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.browse.slideshow button.slide-nav.prev {
    left: 0;
  }
  div.browse.slideshow button.slide-nav.next {
    right: 0;
  }
  div.browse.slideshow button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse.slideshow main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.browse.slideshow main .inner {
    height: 100%;
  }
  div.browse.slideshow main .inner .blurb {
    display: none;
  }
  div.browse.slideshow main .inner section {
    height: 100%;
  }
  div.browse.slideshow main .inner section .layout {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
  }
  div.browse.slideshow main .inner section .layout article {
    position: relative;
    width: 100vw;
    height: 100vh;
    scroll-snap-align: center;
    padding: 0;
    border: none;
  }
  div.browse.slideshow main .inner section .layout article .inner {
    display: flex;
    justify-content: center;
    flex-flow: unset;
    flex-direction: column;
    flex: none;
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    padding: 0 calc((100vw - 615px) / 2) 0 calc((100vw - 615px) / 2);
  }
  div.browse.slideshow main .inner section .layout article .inner .head {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    position: relative;
    z-index: 10;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    z-index: 0;
    overflow: hidden;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
    pointer-events: none;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a img {
    display: block;
    max-width: calc(100% - 120px);
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 75vh;
    text-align: center;
    object-fit: contain;
  }
  div.browse.slideshow main .inner section .layout article .inner .body {
    position: relative;
    flex: unset;
    margin-bottom: 0;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 img {
    filter: brightness(2);
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a .read-more,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a .read-more {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs span {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags {
    margin-left: -5px;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags a .tag {
    margin: 0 5px;
    background-color: #fff;
    color: #005687;
  }
  div.browse.slideshow main .inner section .layout article .inner .foot {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered {
    justify-content: center;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered .body {
    margin-bottom: 0;
  }
  div.browse.slideshow main .inner section .layout article .outer {
    display: none;
  }
  div.browse.slideshow main .inner section .layout article::after {
    content: "";
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 120px);
    height: 100%;
    opacity: 0;
    background-color: #0468b1;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article:hover {
    background-color: transparent;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .meta-group {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .media-img {
    opacity: 0.25;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .body {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover::after {
    opacity: 0.75;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  footer {
    border: none;
  }
  footer nav.pagination {
    width: 100%;
    text-align: center;
    padding-bottom: 60px;
  }
  footer nav.pagination .inner {
    display: initial;
    position: static;
  }
  footer nav.pagination .inner.notranslate {
    display: block;
    border: none;
  }
  footer nav.pagination .inner ul {
    padding: 0 15px;
    text-align: center;
  }
  footer nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  footer nav.pagination .inner ul li a {
    cursor: pointer;
  }
  footer nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  footer nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  footer nav.pagination img {
    width: 180px;
    height: auto;
  }
  /*.engagement-reads {
  	padding-left: 15px;
  	flex-grow: 1;
  }
  .engagement-reads-icon {
  	max-width: 20px;
  	height: 20px;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  .engagement-reads-count {
  	margin-left: 5px;
  	font-size: 0.9em;
  	color: $c-mid-grey;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  */
  main#mobilize-new {
    /* THIS MIMICS THE div.document IN pad.ejs  */
    display: block;
    float: left;
    width: 960px; /* THE SECOND 15*2 IS TO ACCOUNT FOR PADDING IN THE OTHER PAGES */
    padding-top: 30px;
    height: calc(100vh - 30px);
  }
  main#mobilize-new form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  main#mobilize-new form .modal {
    width: calc(100% - 120px);
    padding: 30px 60px 15px 60px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 100;
  }
  main#mobilize-new form .modal .inner {
    position: relative;
    padding: 0;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .head {
    display: flex;
    width: calc(100% + 120px);
    margin: -30px 0 15px -60px;
    font-size: 16px;
  }
  main#mobilize-new form .modal .inner .head .btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 15px 10px 0 10px;
    margin-bottom: 15px;
  }
  main#mobilize-new form .modal .inner .head .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .head .btn-group button label {
    cursor: pointer;
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group button.next {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  main#mobilize-new form .modal .inner .head .btn-group button:disabled {
    background-color: transparent;
    border-color: #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title {
    font-weight: 700;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title i {
    vertical-align: middle;
    transform: rotate(90deg);
  }
  main#mobilize-new form .modal .inner .head .btn-group .contributor-count {
    flex-grow: 1;
    text-align: center;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt {
    padding: 0 7px 0 5px;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt input {
    display: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt label {
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt:hover label {
    text-decoration: underline;
  }
  main#mobilize-new form .modal .inner .head.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .head.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body {
    position: relative;
    min-height: 65px;
  }
  main#mobilize-new form .modal .inner .body h1 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.3em;
  }
  main#mobilize-new form .modal .inner .body .input {
    position: relative;
    border-bottom: 1px solid #969696;
  }
  main#mobilize-new form .modal .inner .body .input label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body .filter {
    position: relative;
  }
  main#mobilize-new form .modal .inner .body .filter label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu {
    max-height: 300px;
    overflow: auto;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    border-top: 1px solid #969696;
    overflow: auto;
  }
  main#mobilize-new form .modal .inner .body menu li {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: space-around;
    color: #e5e5e5;
    padding: 0 20px 0 15px;
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li div {
    padding: 0 5px;
    text-align: left;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li div label {
    /* THE FOLLOWING IS TO COMPENSATE FOR var.lg.css */
    position: static;
    padding: 5px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .preview {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body menu li .preview i {
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .main label {
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li .grow {
    flex-grow: 1;
    padding: 0 10px;
    text-align: left;
    word-break: break-word;
  }
  main#mobilize-new form .modal .inner .body menu li .grow label {
    display: inline-block;
    width: 100%;
    transform: translateY(0);
  }
  main#mobilize-new form .modal .inner .body menu li .count,
  main#mobilize-new form .modal .inner .body menu li .position,
  main#mobilize-new form .modal .inner .body menu li .country {
    vertical-align: baseline;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu li .count label,
  main#mobilize-new form .modal .inner .body menu li .position label,
  main#mobilize-new form .modal .inner .body menu li .country label {
    font-size: 12px;
  }
  main#mobilize-new form .modal .inner .body menu li.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.checked {
    background-color: #32bee1;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .preview i {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked div label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .count label,
  main#mobilize-new form .modal .inner .body menu li.checked .position label,
  main#mobilize-new form .modal .inner .body menu li.checked .country label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li:not(.checked):hover {
    background-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body input[type=text] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    margin: 15px 0 0 0;
    background-color: transparent;
    font-size: 24px;
  }
  main#mobilize-new form .modal .inner .body label {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    transform: translateY(26px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label {
    position: static;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label + p {
    font-size: 14px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body input[type=text] + label {
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .body input[type=text]:focus + label,
  main#mobilize-new form .modal .inner .body input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(0px);
  }
  main#mobilize-new form .modal .inner .body input:-webkit-autofill,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:hover,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:focus,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:active {
    /*-webkit-box-shadow: 0 0 0 40px $c-mid-1 inset !important;*/
    -webkit-text-fill-color: #005687 !important;
  }
  main#mobilize-new form .modal .inner .body textarea {
    position: relative;
    display: block;
    width: 100%;
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 15px 0 15px 0;
    margin-top: 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  main#mobilize-new form .modal .inner .body textarea + label {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  main#mobilize-new form .modal .inner .body textarea:focus + label,
  main#mobilize-new form .modal .inner .body textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  main#mobilize-new form .modal .inner .body label.inline {
    position: relative;
    display: block;
    color: #969696;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body label.small {
    font-size: 12px;
    line-height: 1.5em;
  }
  main#mobilize-new form .modal .inner .body label[for=pad-limit] {
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number] {
    /*						width: calc(36px * 3);*/
    border: none;
    outline: none;
    margin: 15px 0 0 10px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5em;
    color: #005687;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number]:disabled {
    color: #969696;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .body .cron-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option {
    display: flex;
    align-items: center;
    margin: 15px 0;
  }
  main#mobilize-new form .modal .inner .body .cron-option .toggle-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option .toggle-option {
    width: 150px;
    padding: 0 30px;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date],
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]::before,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]::before {
    content: none;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]:disabled,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]:disabled {
    color: #969696;
    background-color: transparent;
    border-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body.center {
    text-align: center;
    /*margin: 30px 0 15px 0;*/
  }
  main#mobilize-new form .modal .inner .foot {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] {
    display: none;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked:not(:disabled) + label {
    border-color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:disabled + label + p {
    color: #e5e5e5 !important;
  }
  main#mobilize-new form .modal .inner .foot .contributor-count {
    margin: 15px 0;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot button {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #32bee1;
    border-radius: 0;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: none;
  }
  main#mobilize-new form .modal .inner .foot .global-opt.active button {
    border-color: #005687;
    background-color: transparent;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot.stretch {
    justify-content: space-between;
  }
  .modal.template-preview {
    align-self: flex-start;
    width: auto;
    margin: 0 auto 30px auto;
  }
  .modal.template-preview main#template {
    padding: 0;
    margin: 0 auto;
  }
  .modal.template-preview main#template .inner {
    padding: 60px;
  }
  main#mobilize-existing {
    width: 1245px;
    margin: 125px auto 0 auto;
    padding: 60px 0 0 0;
  }
  main#mobilize-existing .inner {
    position: relative;
  }
  main#mobilize-existing .inner .new {
    position: fixed;
    top: 30px;
    margin-left: -45px;
    z-index: 10000;
    text-align: center;
  }
  main#mobilize-existing .inner .new a button {
    width: 90px;
    height: 90px;
    border: none;
    outline: none;
    background-color: #f03c8c;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    transform: rotate(45deg);
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .new a button div {
    transform: rotate(-45deg);
  }
  main#mobilize-existing .inner .new a button:hover {
    background-color: #a51e41;
  }
  main#mobilize-existing .inner .overview .summary-statistics {
    width: 100%;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic {
    position: relative;
    width: 100%;
    text-align: center;
    color: #57648c;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 {
    font-size: 60px;
    line-height: 16px;
    white-space: nowrap;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 {
    font-size: 36px;
    line-height: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic:first-child {
    grid-column-start: 3;
  }
  main#mobilize-existing .inner .mobilizations-container {
    clear: both;
    position: relative;
    margin: 60px 0 60px 0;
    border-top: 1px solid #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status label {
    position: absolute;
    bottom: 100%;
    left: 0;
    white-space: nowrap;
    padding: 5px 10px;
    background-color: #57648c;
    font-size: 12px;
    /*color: #FFF;*/
  }
  main#mobilize-existing .inner .mobilizations-container .input-group {
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: -30px 0 30px 0;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button {
    border: none;
    outline: none;
    height: 45px;
    background-color: transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 30px 0 20px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button i {
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:hover {
    background-color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin-bottom: 15px;
    border-left: 1px solid #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner {
    position: relative;
    /*a {
    text-decoration: none;*/
    /*}*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body {
    display: flex;
    padding: 0 10px 10px 10px;
    /*.meta.row-1 {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	margin-top: 5px;

    	.meta-sdgs {
    		font-size: $t-small;
    		margin-top: 5px;

    		span {
    			margin-right: 3px;
    			color: $c-light-1;
    		}
    		a {
    			margin: 0 3px;
    			color: $c-mid-1;
    			font-weight: 700;
    			text-decoration: none;
    		}
    		a:hover {
    			text-decoration: underline;
    		}
    	}
    	.meta-engagement {
    		button {
    			position: relative;
    			width: 30px;
    			height: 30px;
    			border: none;
    			border-radius: 30px;
    			outline: none;
    			margin: 0 0 0 10px;
    			background-color: transparent;
    			color: $c-light-1;
    			transition: background-color .25s;

    			i {
    				font-size: $t-mid;
    				line-height: 30px;
    				font-style: normal;
    				cursor: pointer;
    			}
    		}
    		button:hover {
    			background-color: $c-light-2;
    		}
    		button.active {
    			color: $c-mid-1;
    		}
    		button::after {
    			content: attr(data-count);
    			position: absolute;
    			left: 0;
    			top: calc(100% - 7px);
    			width: 100%;
    			text-align: center;
    			font-size: $t-xsmall;
    			font-weight: 700;
    			pointer-events: none;
    		}
    	}
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head {
    flex-shrink: 0;
    width: 300px;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags {
    margin-top: 5px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #934a5f;
    border-radius: 5px;
    color: #934a5f;
    font-size: 12px;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags .tag:hover {
    background-color: #934a5f;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor {
    margin: 5px 0 10px 0;
    font-size: 12px;
    color: #c2b4d6;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor a:hover {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .media-title {
    overflow-wrap: break-word;
    margin-top: 10px;
    /*padding: 0 20px;*/
    font-size: 16px;
    line-height: 1.5em;
    color: #333d51;
    font-weight: 700;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content {
    flex-grow: 1;
    display: flex;
    position: relative;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt {
    flex-grow: 1;
    overflow-wrap: break-word;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt small {
    font-style: italic;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats {
    align-self: center;
    flex-shrink: 0;
    width: 150px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 {
    margin-top: 10px;
    text-align: center;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 small {
    font-size: 12px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a.disabled h1 {
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:hover {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover {
    /*h1 {
    	text-decoration: none;
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover small {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group {
    display: none;
    position: absolute;
    bottom: 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form {
    display: inline-block;
    margin: 10px 5px 0 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form .btn-overlay {
    padding: 5px;
    background-color: #57648c;
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover .inner .body .content .btn-group {
    display: block;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    mix-blend-mode: multiply;
    pointer-events: none;
    transition: opacity 0.25s;
    z-index: 10;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover::after {
    opacity: 1;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.unpublished .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(211, 172, 43, 0.1) 10px, rgba(211, 172, 43, 0.1) 20px);
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.publishable .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(163, 198, 196, 0.15) 10px, rgba(163, 198, 196, 0.15) 20px);
  }
  table.stats {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 60px;
    border-spacing: 0;
  }
  table.stats thead tr {
    font-size: 20px;
  }
  table.stats thead tr th {
    padding: 15px 30px;
  }
  table.stats tbody {
    color: #646464;
  }
  table.stats tbody tr.top-level td {
    cursor: pointer;
  }
  table.stats tbody tr:hover {
    background-color: rgb(239, 239, 239);
  }
  table.stats tbody tr.open {
    color: #000000;
  }
  table.stats tbody tr.open td {
    border-bottom: 1px solid #969696;
  }
  table.stats tbody tr.small {
    font-size: 14px;
  }
  table.stats tbody tr.small > td {
    padding: 5px 30px;
  }
  table.stats tbody tr.small:nth-child(even) {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.small:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(even) {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr td {
    padding: 5px 15px;
  }
  table.stats tbody tr td.center {
    text-align: center;
  }
  .org-footer {
    position: relative;
    background-color: #0468b1;
    background: linear-gradient(180deg, #005687 0%, #0468b1 30%, #e5e5e5 100%);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    z-index: 10000;
  }
  .org-footer .footer-row {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 2fr 8fr;
    width: 100%;
    margin-bottom: 1rem;
  }
  .org-footer .footer-row .footer-column {
    display: block;
  }
  .org-footer .footer-row .footer-column .footer-img {
    max-width: 100%;
    height: auto;
  }
  .org-footer .footer-row .footer-column h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 22px 0 0 0;
    text-transform: uppercase;
  }
  .org-footer .footer-row .footer-column .outer .logo {
    display: block;
    height: 125px;
    margin: 0 auto 15px 45px;
  }
  .org-footer .footer-row .footer-column .outer small {
    display: block;
    font-size: 12px;
    text-align: center;
  }
  .org-footer .footer-row .footer-column .inner {
    padding: 45px 45px 0px 45px;
  }
  .org-footer .footer-row .footer-column .inner ul {
    margin: 15px 0 0 0;
    padding: 0;
  }
  .org-footer .footer-row .footer-column .inner ul li {
    font-size: 14px;
    list-style: none;
    margin-bottom: 0.5em;
  }
  .org-footer .footer-row .footer-column .inner a {
    color: #fff;
    font-weight: normal;
  }
  .org-footer .footer-row .footer-column .inner .social-media-links li {
    display: inline-block;
    font-size: 20px;
    margin: 0 10px 0 0;
    color: #fff;
  }
  .org-footer .footer-row .footer-column.left .inner {
    padding-top: 30px;
  }
  .org-footer .footer-row .footer-column.center {
    padding: 0 15px;
  }
  .org-footer .footer-row .footer-column.center > .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .org-footer .footer-row.signature {
    display: block;
    padding: 0 45px;
  }
  .org-footer .footer-row.signature .inner p {
    color: #005687;
  }
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  .document.print {
    border: none;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
  }
  .document.print article.card {
    display: inline-block;
    position: relative;
    width: 300px;
    padding: 0 15px 30px 15px;
    margin: 30px 15px;
    /*border: 1px solid $c-light-2;*/
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: top;
  }
  .document.print article.card img {
    width: 300px;
    margin-left: -15px;
  }
  .document.print article.card .meta {
    margin: 5px 0;
  }
  .document.print article.card .media-source {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    color: #969696;
    font-size: 8pt;
    line-height: 1.3em;
    background-color: #fff;
  }
  .document.print article.card .media-title {
    font-size: 18pt;
    line-height: 1.2em;
    margin: 10px 0 0 0;
    text-align: left;
  }
  .document.print article.card .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #32bee1;
  }
  .document.print article.card .meta-contributor::after {
    content: ", ";
  }
  .document.print article.card .meta-date {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #0468b1;
  }
  .document.print article.card .tag-group .meta-tags {
    margin-left: -2px;
  }
  .document.print article.card .tag-group .meta-tags .tag {
    display: inline-block;
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(9pt * 1.75);
    font-size: 9pt;
    line-height: 1.75em;
    color: #646464;
  }
  .document.print article.card .tag-group .meta-tags .tag label {
    cursor: pointer;
  }
  .document.print article.card .tag-group .meta-sdgs {
    font-size: 9pt;
    line-height: 1.5em;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg-label {
    margin-right: 5px;
    color: #969696;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg {
    display: inline-block;
    margin: 0 5px;
    font-size: 10pt;
    line-height: 1.2em;
    font-weight: bold;
    color: #32bee1;
  }
  .document.print article.card .media-txt {
    margin: 10px 0;
  }
  .document.print article.card .meta-source {
    display: block;
    font-size: 8pt;
    line-height: 1.3em;
    color: #969696;
  }
  .exploration-info p,
  .exploration-info h2 {
    padding: 5px;
  }
  div.exploration {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 2px solid #32bee1;
  }
  div.exploration input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  div.exploration label[for=exploration-main] {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    color: #969696;
    transform: translateY(16px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.exploration input[type=text]:focus + label,
  div.exploration input[type=text]:active + label,
  div.exploration input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  div.exploration input:-webkit-autofill,
  div.exploration input:-webkit-autofill:hover,
  div.exploration input:-webkit-autofill:focus,
  div.exploration input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.exploration a {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    font-size: 26px;
    float: right;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    line-height: 60px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #969696;
    cursor: pointer;
    text-decoration: none;
  }
  div.exploration a:hover {
    color: rgba(4, 104, 177, 0.75);
    text-decoration: none;
  }
  div.exploration a:active {
    color: #0468b1;
    text-decoration: none;
  }
  .exploration-article-inactive {
    filter: opacity(0.4) !important;
  }
  .exploration-btn-active {
    background-color: #32bee1 !important;
  }
  .exploration-btn-active:hover {
    background-color: rgba(4, 104, 177, 0.75) !important;
  }
  .exploration-btn-active:active {
    background-color: #0468b1 !important;
  }
  .exploration-doc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 51px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .exploration-doc * {
    font-size: 12px;
  }
  .exploration-doc button {
    display: inline-block;
    cursor: pointer;
    padding: 0.25em 10px;
    margin: 0 2px 0 0;
    border: 1px solid #32bee1;
    background-color: transparent;
  }
  .exploration-doc button:hover {
    background-color: #ddd;
  }
  .exploration-doc button:active {
    background-color: #ccc;
  }
  .exploration-doc select {
    width: 100%;
    height: 24px;
    box-sizing: border-box;
  }
  .exploration-big {
    flex-direction: row;
    justify-content: start;
    height: 26px;
    vertical-align: middle;
  }
  .exploration-big span {
    line-height: 24px;
    margin-right: 5px;
  }
  .exploration-big select {
    width: auto;
    margin-right: 5px;
  }
  .exploration-local {
    padding-left: 15px;
  }
}
/* Large devices */
@media screen and (min-width: 1200px) and (max-width: 1365px) {
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  html,
  body {
    font-size: 16px;
    line-height: 1.3em;
  }
  .xs:not(.lg),
  .sm:not(.lg),
  .m:not(.lg),
  .lg:not(.lg),
  .xl:not(.lg),
  .xxl:not(.lg) {
    display: none !important;
  }
  .no-bg {
    background-color: transparent !important;
  }
  .add-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 20px;
    background-color: #969696;
    color: #fff;
    font-size: 20px;
    line-height: 19px;
    text-align: center;
    vertical-align: text-top;
  }
  .m-0 {
    margin: 0rem !important;
  }
  .mb-0 {
    margin-bottom: 0rem !important;
  }
  .mt-0 {
    margin-top: 0rem !important;
  }
  .ms-0 {
    margin-left: 0rem !important;
  }
  .me-0 {
    margin-right: 0rem !important;
  }
  .my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .mx-0 {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }
  .p-0 {
    padding: 0rem !important;
  }
  .pb-0 {
    padding-bottom: 0rem !important;
  }
  .pt-0 {
    padding-top: 0rem !important;
  }
  .ps-0 {
    padding-left: 0rem !important;
  }
  .pe-0 {
    padding-right: 0rem !important;
  }
  .px-0 {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }
  .py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .m-1 {
    margin: 0.25rem !important;
  }
  .mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .mt-1 {
    margin-top: 0.25rem !important;
  }
  .ms-1 {
    margin-left: 0.25rem !important;
  }
  .me-1 {
    margin-right: 0.25rem !important;
  }
  .my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .pt-1 {
    padding-top: 0.25rem !important;
  }
  .ps-1 {
    padding-left: 0.25rem !important;
  }
  .pe-1 {
    padding-right: 0.25rem !important;
  }
  .px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .m-2 {
    margin: 0.5rem !important;
  }
  .mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .mt-2 {
    margin-top: 0.5rem !important;
  }
  .ms-2 {
    margin-left: 0.5rem !important;
  }
  .me-2 {
    margin-right: 0.5rem !important;
  }
  .my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .p-2 {
    padding: 0.5rem !important;
  }
  .pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .pt-2 {
    padding-top: 0.5rem !important;
  }
  .ps-2 {
    padding-left: 0.5rem !important;
  }
  .pe-2 {
    padding-right: 0.5rem !important;
  }
  .px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .m-3 {
    margin: 0.75rem !important;
  }
  .mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .mt-3 {
    margin-top: 0.75rem !important;
  }
  .ms-3 {
    margin-left: 0.75rem !important;
  }
  .me-3 {
    margin-right: 0.75rem !important;
  }
  .my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-3 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .p-3 {
    padding: 0.75rem !important;
  }
  .pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .pt-3 {
    padding-top: 0.75rem !important;
  }
  .ps-3 {
    padding-left: 0.75rem !important;
  }
  .pe-3 {
    padding-right: 0.75rem !important;
  }
  .px-3 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .m-4 {
    margin: 1rem !important;
  }
  .mb-4 {
    margin-bottom: 1rem !important;
  }
  .mt-4 {
    margin-top: 1rem !important;
  }
  .ms-4 {
    margin-left: 1rem !important;
  }
  .me-4 {
    margin-right: 1rem !important;
  }
  .my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .p-4 {
    padding: 1rem !important;
  }
  .pb-4 {
    padding-bottom: 1rem !important;
  }
  .pt-4 {
    padding-top: 1rem !important;
  }
  .ps-4 {
    padding-left: 1rem !important;
  }
  .pe-4 {
    padding-right: 1rem !important;
  }
  .px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-5 {
    margin: 1.25rem !important;
  }
  .mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .mt-5 {
    margin-top: 1.25rem !important;
  }
  .ms-5 {
    margin-left: 1.25rem !important;
  }
  .me-5 {
    margin-right: 1.25rem !important;
  }
  .my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-5 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .p-5 {
    padding: 1.25rem !important;
  }
  .pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .pt-5 {
    padding-top: 1.25rem !important;
  }
  .ps-5 {
    padding-left: 1.25rem !important;
  }
  .pe-5 {
    padding-right: 1.25rem !important;
  }
  .px-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .m-6 {
    margin: 1.5rem !important;
  }
  .mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .mt-6 {
    margin-top: 1.5rem !important;
  }
  .ms-6 {
    margin-left: 1.5rem !important;
  }
  .me-6 {
    margin-right: 1.5rem !important;
  }
  .my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mx-6 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .p-6 {
    padding: 1.5rem !important;
  }
  .pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .pt-6 {
    padding-top: 1.5rem !important;
  }
  .ps-6 {
    padding-left: 1.5rem !important;
  }
  .pe-6 {
    padding-right: 1.5rem !important;
  }
  .px-6 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .m-7 {
    margin: 1.75rem !important;
  }
  .mb-7 {
    margin-bottom: 1.75rem !important;
  }
  .mt-7 {
    margin-top: 1.75rem !important;
  }
  .ms-7 {
    margin-left: 1.75rem !important;
  }
  .me-7 {
    margin-right: 1.75rem !important;
  }
  .my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .mx-7 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }
  .p-7 {
    padding: 1.75rem !important;
  }
  .pb-7 {
    padding-bottom: 1.75rem !important;
  }
  .pt-7 {
    padding-top: 1.75rem !important;
  }
  .ps-7 {
    padding-left: 1.75rem !important;
  }
  .pe-7 {
    padding-right: 1.75rem !important;
  }
  .px-7 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }
  .py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .m-8 {
    margin: 2rem !important;
  }
  .mb-8 {
    margin-bottom: 2rem !important;
  }
  .mt-8 {
    margin-top: 2rem !important;
  }
  .ms-8 {
    margin-left: 2rem !important;
  }
  .me-8 {
    margin-right: 2rem !important;
  }
  .my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mx-8 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .p-8 {
    padding: 2rem !important;
  }
  .pb-8 {
    padding-bottom: 2rem !important;
  }
  .pt-8 {
    padding-top: 2rem !important;
  }
  .ps-8 {
    padding-left: 2rem !important;
  }
  .pe-8 {
    padding-right: 2rem !important;
  }
  .px-8 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .m-9 {
    margin: 2.25rem !important;
  }
  .mb-9 {
    margin-bottom: 2.25rem !important;
  }
  .mt-9 {
    margin-top: 2.25rem !important;
  }
  .ms-9 {
    margin-left: 2.25rem !important;
  }
  .me-9 {
    margin-right: 2.25rem !important;
  }
  .my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .mx-9 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }
  .p-9 {
    padding: 2.25rem !important;
  }
  .pb-9 {
    padding-bottom: 2.25rem !important;
  }
  .pt-9 {
    padding-top: 2.25rem !important;
  }
  .ps-9 {
    padding-left: 2.25rem !important;
  }
  .pe-9 {
    padding-right: 2.25rem !important;
  }
  .px-9 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }
  .py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .m-10 {
    margin: 2.5rem !important;
  }
  .mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .mt-10 {
    margin-top: 2.5rem !important;
  }
  .ms-10 {
    margin-left: 2.5rem !important;
  }
  .me-10 {
    margin-right: 2.5rem !important;
  }
  .my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-10 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .p-10 {
    padding: 2.5rem !important;
  }
  .pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .pt-10 {
    padding-top: 2.5rem !important;
  }
  .ps-10 {
    padding-left: 2.5rem !important;
  }
  .pe-10 {
    padding-right: 2.5rem !important;
  }
  .px-10 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .m-11 {
    margin: 2.75rem !important;
  }
  .mb-11 {
    margin-bottom: 2.75rem !important;
  }
  .mt-11 {
    margin-top: 2.75rem !important;
  }
  .ms-11 {
    margin-left: 2.75rem !important;
  }
  .me-11 {
    margin-right: 2.75rem !important;
  }
  .my-11 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }
  .mx-11 {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
  }
  .p-11 {
    padding: 2.75rem !important;
  }
  .pb-11 {
    padding-bottom: 2.75rem !important;
  }
  .pt-11 {
    padding-top: 2.75rem !important;
  }
  .ps-11 {
    padding-left: 2.75rem !important;
  }
  .pe-11 {
    padding-right: 2.75rem !important;
  }
  .px-11 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
  }
  .py-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }
  .m-12 {
    margin: 3rem !important;
  }
  .mb-12 {
    margin-bottom: 3rem !important;
  }
  .mt-12 {
    margin-top: 3rem !important;
  }
  .ms-12 {
    margin-left: 3rem !important;
  }
  .me-12 {
    margin-right: 3rem !important;
  }
  .my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mx-12 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .p-12 {
    padding: 3rem !important;
  }
  .pb-12 {
    padding-bottom: 3rem !important;
  }
  .pt-12 {
    padding-top: 3rem !important;
  }
  .ps-12 {
    padding-left: 3rem !important;
  }
  .pe-12 {
    padding-right: 3rem !important;
  }
  .px-12 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-13 {
    margin: 3.25rem !important;
  }
  .mb-13 {
    margin-bottom: 3.25rem !important;
  }
  .mt-13 {
    margin-top: 3.25rem !important;
  }
  .ms-13 {
    margin-left: 3.25rem !important;
  }
  .me-13 {
    margin-right: 3.25rem !important;
  }
  .my-13 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }
  .mx-13 {
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
  }
  .p-13 {
    padding: 3.25rem !important;
  }
  .pb-13 {
    padding-bottom: 3.25rem !important;
  }
  .pt-13 {
    padding-top: 3.25rem !important;
  }
  .ps-13 {
    padding-left: 3.25rem !important;
  }
  .pe-13 {
    padding-right: 3.25rem !important;
  }
  .px-13 {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
  }
  .py-13 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }
  .m-14 {
    margin: 3.5rem !important;
  }
  .mb-14 {
    margin-bottom: 3.5rem !important;
  }
  .mt-14 {
    margin-top: 3.5rem !important;
  }
  .ms-14 {
    margin-left: 3.5rem !important;
  }
  .me-14 {
    margin-right: 3.5rem !important;
  }
  .my-14 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .mx-14 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .p-14 {
    padding: 3.5rem !important;
  }
  .pb-14 {
    padding-bottom: 3.5rem !important;
  }
  .pt-14 {
    padding-top: 3.5rem !important;
  }
  .ps-14 {
    padding-left: 3.5rem !important;
  }
  .pe-14 {
    padding-right: 3.5rem !important;
  }
  .px-14 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .m-15 {
    margin: 3.75rem !important;
  }
  .mb-15 {
    margin-bottom: 3.75rem !important;
  }
  .mt-15 {
    margin-top: 3.75rem !important;
  }
  .ms-15 {
    margin-left: 3.75rem !important;
  }
  .me-15 {
    margin-right: 3.75rem !important;
  }
  .my-15 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-15 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .p-15 {
    padding: 3.75rem !important;
  }
  .pb-15 {
    padding-bottom: 3.75rem !important;
  }
  .pt-15 {
    padding-top: 3.75rem !important;
  }
  .ps-15 {
    padding-left: 3.75rem !important;
  }
  .pe-15 {
    padding-right: 3.75rem !important;
  }
  .px-15 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .py-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .m-16 {
    margin: 4rem !important;
  }
  .mb-16 {
    margin-bottom: 4rem !important;
  }
  .mt-16 {
    margin-top: 4rem !important;
  }
  .ms-16 {
    margin-left: 4rem !important;
  }
  .me-16 {
    margin-right: 4rem !important;
  }
  .my-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mx-16 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .p-16 {
    padding: 4rem !important;
  }
  .pb-16 {
    padding-bottom: 4rem !important;
  }
  .pt-16 {
    padding-top: 4rem !important;
  }
  .ps-16 {
    padding-left: 4rem !important;
  }
  .pe-16 {
    padding-right: 4rem !important;
  }
  .px-16 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .m-17 {
    margin: 4.25rem !important;
  }
  .mb-17 {
    margin-bottom: 4.25rem !important;
  }
  .mt-17 {
    margin-top: 4.25rem !important;
  }
  .ms-17 {
    margin-left: 4.25rem !important;
  }
  .me-17 {
    margin-right: 4.25rem !important;
  }
  .my-17 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
  }
  .mx-17 {
    margin-right: 4.25rem !important;
    margin-left: 4.25rem !important;
  }
  .p-17 {
    padding: 4.25rem !important;
  }
  .pb-17 {
    padding-bottom: 4.25rem !important;
  }
  .pt-17 {
    padding-top: 4.25rem !important;
  }
  .ps-17 {
    padding-left: 4.25rem !important;
  }
  .pe-17 {
    padding-right: 4.25rem !important;
  }
  .px-17 {
    padding-right: 4.25rem !important;
    padding-left: 4.25rem !important;
  }
  .py-17 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }
  .m-18 {
    margin: 4.5rem !important;
  }
  .mb-18 {
    margin-bottom: 4.5rem !important;
  }
  .mt-18 {
    margin-top: 4.5rem !important;
  }
  .ms-18 {
    margin-left: 4.5rem !important;
  }
  .me-18 {
    margin-right: 4.5rem !important;
  }
  .my-18 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mx-18 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .p-18 {
    padding: 4.5rem !important;
  }
  .pb-18 {
    padding-bottom: 4.5rem !important;
  }
  .pt-18 {
    padding-top: 4.5rem !important;
  }
  .ps-18 {
    padding-left: 4.5rem !important;
  }
  .pe-18 {
    padding-right: 4.5rem !important;
  }
  .px-18 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .py-18 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .m-19 {
    margin: 4.75rem !important;
  }
  .mb-19 {
    margin-bottom: 4.75rem !important;
  }
  .mt-19 {
    margin-top: 4.75rem !important;
  }
  .ms-19 {
    margin-left: 4.75rem !important;
  }
  .me-19 {
    margin-right: 4.75rem !important;
  }
  .my-19 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
  }
  .mx-19 {
    margin-right: 4.75rem !important;
    margin-left: 4.75rem !important;
  }
  .p-19 {
    padding: 4.75rem !important;
  }
  .pb-19 {
    padding-bottom: 4.75rem !important;
  }
  .pt-19 {
    padding-top: 4.75rem !important;
  }
  .ps-19 {
    padding-left: 4.75rem !important;
  }
  .pe-19 {
    padding-right: 4.75rem !important;
  }
  .px-19 {
    padding-right: 4.75rem !important;
    padding-left: 4.75rem !important;
  }
  .py-19 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }
  .m-20 {
    margin: 5rem !important;
  }
  .mb-20 {
    margin-bottom: 5rem !important;
  }
  .mt-20 {
    margin-top: 5rem !important;
  }
  .ms-20 {
    margin-left: 5rem !important;
  }
  .me-20 {
    margin-right: 5rem !important;
  }
  .my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mx-20 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .p-20 {
    padding: 5rem !important;
  }
  .pb-20 {
    padding-bottom: 5rem !important;
  }
  .pt-20 {
    padding-top: 5rem !important;
  }
  .ps-20 {
    padding-left: 5rem !important;
  }
  .pe-20 {
    padding-right: 5rem !important;
  }
  .px-20 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .line {
    fill: none;
    stroke-width: 2px;
  }
  .sso-line {
    stroke: steelblue;
  }
  .non-sso-line {
    stroke: orange;
  }
  .axis-label {
    font-size: 12px;
  }
  .engagement-group {
    margin-top: 10px;
  }
  .engagement-group.page-stats {
    margin-top: 0;
  }
  .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  li.menu-container {
    min-width: 100px;
    width: auto !important;
    height: 30px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 30px;
    color: #FFF;
    text-align: left;
    margin-left: 15px;
  }
  li.menu-container .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
    background-color: white;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000000;
    text-align: start;
  }
  li.menu-container .dropdown ul li {
    display: block;
    width: 100% !important;
    min-height: 45px !important;
  }
  li.menu-container .dropdown ul li a {
    text-decoration: none;
  }
  li.menu-container .dropdown ul li a button {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    text-transform: none;
    color: #969696 !important;
    width: 100%;
    min-height: 45px;
    margin: 0;
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
  }
  li.menu-container .dropdown ul li a button:hover {
    background-color: #e5e5e5 !important;
  }
  li.menu-container:hover .dropdown-content,
  li.menu-container .dropdown-content:hover {
    display: block;
  }
  li.menu-container .hamburger-icon {
    font-size: 12px;
    cursor: pointer;
    padding-right: 20px;
  }
  nav#languages {
    position: fixed;
    display: flex;
    width: 100%;
    height: 30px;
    top: 0;
    font-size: 12px;
    background-color: #005687;
    text-align: center;
    z-index: 10000;
  }
  nav#languages menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transition: transform 0.25s;
  }
  nav#languages menu.squeeze {
    transform: scaleX(0);
  }
  nav#languages menu li {
    display: inline-block;
    width: 30px;
  }
  nav#languages menu li a {
    color: #fff;
  }
  nav#languages menu li a.active {
    color: #b4dc28;
    text-decoration: underline;
  }
  nav#languages menu li.home-btn {
    flex-grow: 1;
    padding-left: 15px;
    white-space: nowrap;
    text-align: left;
  }
  nav#languages menu li.home-btn a {
    color: #b4dc28;
  }
  nav#languages menu li.options {
    flex-grow: 1;
  }
  nav#languages menu li.options ul li {
    display: inline-block;
  }
  nav#languages menu li.disabled a {
    color: #646464;
    cursor: default;
  }
  nav#languages menu li.disabled a.active {
    text-decoration: underline;
  }
  nav#languages menu li.user-id {
    flex-grow: 1;
    padding-right: 15px;
    text-align: right;
    color: #fff;
  }
  nav#languages menu li.user-id u {
    color: #b4dc28;
  }
  button#expand-nav {
    position: fixed;
    display: block;
    top: 37.5px;
    left: 10px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    z-index: 100000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    cursor: pointer;
  }
  button#expand-nav .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  button#expand-nav .l1 {
    width: 20px;
    transform: translate(12px, 15px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav .l2 {
    width: 15px;
    transform: translate(14.5px, 20px) rotate(0deg);
    transform-origin: center;
  }
  button#expand-nav .l3 {
    width: 10px;
    transform: translate(17px, 25px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav.close .l1 {
    width: 25px;
    transform: translate(9.5px, 20.5px) rotate(-45deg);
    transform-origin: center;
  }
  button#expand-nav.close .l2 {
    width: 0;
    transform: translate(22px, 23px) rotate(0deg);
  }
  button#expand-nav.close .l3 {
    width: 25px;
    transform: translate(9.5px, 20.5px) rotate(45deg);
    transform-origin: center;
  }
  nav.tabs,
  nav.pinboard-sections {
    width: 930px;
    height: 75px;
    margin-left: -15px;
    padding: 0 15px;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 10000;
  }
  nav.tabs .inner,
  nav.pinboard-sections .inner {
    width: 100%;
  }
  nav.tabs .inner div.lg menu,
  nav.tabs .inner div.lg ul,
  nav.pinboard-sections .inner div.lg menu,
  nav.pinboard-sections .inner div.lg ul {
    display: flex;
    width: 100%;
    padding-bottom: 15px;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  nav.tabs .inner div.lg menu li,
  nav.tabs .inner div.lg ul li,
  nav.pinboard-sections .inner div.lg menu li,
  nav.pinboard-sections .inner div.lg ul li {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 30px 0 0 0;
    scroll-snap-align: start;
  }
  nav.tabs .inner div.lg menu li a,
  nav.tabs .inner div.lg ul li a,
  nav.pinboard-sections .inner div.lg menu li a,
  nav.pinboard-sections .inner div.lg ul li a {
    display: block;
  }
  nav.tabs .inner div.lg menu li button,
  nav.tabs .inner div.lg ul li button,
  nav.pinboard-sections .inner div.lg menu li button,
  nav.pinboard-sections .inner div.lg ul li button {
    position: relative;
    height: 45px;
    padding: 7px 10px 0 10px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #969696;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
  }
  nav.tabs .inner div.lg menu li button.add,
  nav.tabs .inner div.lg ul li button.add,
  nav.pinboard-sections .inner div.lg menu li button.add,
  nav.pinboard-sections .inner div.lg ul li button.add {
    display: none;
    width: 30px;
    height: 30px;
    margin: 7px 5px 0 -5px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  nav.tabs .inner div.lg menu li button div,
  nav.tabs .inner div.lg ul li button div,
  nav.pinboard-sections .inner div.lg menu li button div,
  nav.pinboard-sections .inner div.lg ul li button div {
    display: inline-block;
    outline: none;
  }
  nav.tabs .inner div.lg menu li button .count,
  nav.tabs .inner div.lg ul li button .count,
  nav.pinboard-sections .inner div.lg menu li button .count,
  nav.pinboard-sections .inner div.lg ul li button .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li button .count::before,
  nav.tabs .inner div.lg ul li button .count::before,
  nav.pinboard-sections .inner div.lg menu li button .count::before,
  nav.pinboard-sections .inner div.lg ul li button .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner div.lg menu li button::after,
  nav.tabs .inner div.lg ul li button::after,
  nav.pinboard-sections .inner div.lg menu li button::after,
  nav.pinboard-sections .inner div.lg ul li button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e5e5e5;
    transform: translateY(3px);
    transition: transform 0.15s;
  }
  nav.tabs .inner div.lg menu li .inner,
  nav.tabs .inner div.lg ul li .inner,
  nav.pinboard-sections .inner div.lg menu li .inner,
  nav.pinboard-sections .inner div.lg ul li .inner {
    position: relative;
  }
  nav.tabs .inner div.lg menu li .inner input[type=text],
  nav.tabs .inner div.lg ul li .inner input[type=text],
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text],
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text] {
    position: relative;
    min-width: 100px;
    height: 38px;
    padding: 4.5px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    color: #005687;
  }
  nav.tabs .inner div.lg menu li .inner label,
  nav.tabs .inner div.lg ul li .inner label,
  nav.pinboard-sections .inner div.lg menu li .inner label,
  nav.pinboard-sections .inner div.lg ul li .inner label {
    position: absolute;
    left: 15px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  nav.tabs .inner div.lg menu li .inner label .count,
  nav.tabs .inner div.lg ul li .inner label .count,
  nav.pinboard-sections .inner div.lg menu li .inner label .count,
  nav.pinboard-sections .inner div.lg ul li .inner label .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li .inner label .count::before,
  nav.tabs .inner div.lg ul li .inner label .count::before,
  nav.pinboard-sections .inner div.lg menu li .inner label .count::before,
  nav.pinboard-sections .inner div.lg ul li .inner label .count::before {
    content: "";
    position: absolute;
    vertical-align: middle;
    height: 20px;
    width: 0;
    left: -10px;
    top: 0;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner div.lg menu li .inner label::after,
  nav.tabs .inner div.lg ul li .inner label::after,
  nav.pinboard-sections .inner div.lg menu li .inner label::after,
  nav.pinboard-sections .inner div.lg ul li .inner label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  nav.tabs .inner div.lg menu li .inner input[type=text] + label,
  nav.tabs .inner div.lg ul li .inner input[type=text] + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text] + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text] + label {
    width: calc(100% - 50px);
    pointer-events: none;
    white-space: nowrap;
  }
  nav.tabs .inner div.lg menu li .inner input[type=text]:focus + label,
  nav.tabs .inner div.lg menu li .inner input[type=text].has-value + label,
  nav.tabs .inner div.lg ul li .inner input[type=text]:focus + label,
  nav.tabs .inner div.lg ul li .inner input[type=text].has-value + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text]:focus + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text].has-value + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text]:focus + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs .inner div.lg menu li .inner input[type=text]:focus + label::after,
  nav.tabs .inner div.lg menu li .inner input[type=text].has-value + label::after,
  nav.tabs .inner div.lg ul li .inner input[type=text]:focus + label::after,
  nav.tabs .inner div.lg ul li .inner input[type=text].has-value + label::after,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text]:focus + label::after,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text].has-value + label::after,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text]:focus + label::after,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text].has-value + label::after {
    top: 2px;
  }
  nav.tabs .inner div.lg menu li .dropdown,
  nav.tabs .inner div.lg ul li .dropdown,
  nav.pinboard-sections .inner div.lg menu li .dropdown,
  nav.pinboard-sections .inner div.lg ul li .dropdown {
    position: absolute;
    max-height: 0;
    max-width: 300px;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    border-top: 1px solid #005687;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs .inner div.lg menu li .dropdown menu,
  nav.tabs .inner div.lg ul li .dropdown menu,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu {
    display: block;
    width: 100%;
    padding-bottom: 0;
    scroll-snap-type: y mandatory;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li,
  nav.tabs .inner div.lg ul li .dropdown menu li,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li a,
  nav.tabs .inner div.lg ul li .dropdown menu li a,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li a,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li a {
    display: block;
    position: static;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
    text-align: left;
    /*white-space: nowrap;*/
  }
  nav.tabs .inner div.lg menu li .dropdown menu li a .count,
  nav.tabs .inner div.lg ul li .dropdown menu li a .count,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li a .count,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li a .count {
    float: right;
    text-align: right;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li.highlight,
  nav.tabs .inner div.lg ul li .dropdown menu li.highlight,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li.highlight,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li.highlight {
    background-color: #32bee1;
    color: #000000;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li.highlight a .count,
  nav.tabs .inner div.lg ul li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li.highlight a .count {
    color: #fff;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li:hover,
  nav.tabs .inner div.lg ul li .dropdown menu li:hover,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li:hover,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs .inner div.lg menu li:hover button::after,
  nav.tabs .inner div.lg menu li.active button::after,
  nav.tabs .inner div.lg ul li:hover button::after,
  nav.tabs .inner div.lg ul li.active button::after,
  nav.pinboard-sections .inner div.lg menu li:hover button::after,
  nav.pinboard-sections .inner div.lg menu li.active button::after,
  nav.pinboard-sections .inner div.lg ul li:hover button::after,
  nav.pinboard-sections .inner div.lg ul li.active button::after {
    transform: translateY(0);
  }
  nav.tabs .inner div.lg menu li:hover input[type=text],
  nav.tabs .inner div.lg menu li.active input[type=text],
  nav.tabs .inner div.lg ul li:hover input[type=text],
  nav.tabs .inner div.lg ul li.active input[type=text],
  nav.pinboard-sections .inner div.lg menu li:hover input[type=text],
  nav.pinboard-sections .inner div.lg menu li.active input[type=text],
  nav.pinboard-sections .inner div.lg ul li:hover input[type=text],
  nav.pinboard-sections .inner div.lg ul li.active input[type=text] {
    border-color: #e5e5e5;
  }
  nav.tabs .inner div.lg menu li.active button,
  nav.tabs .inner div.lg ul li.active button,
  nav.pinboard-sections .inner div.lg menu li.active button,
  nav.pinboard-sections .inner div.lg ul li.active button {
    font-weight: bold;
    color: #005687;
  }
  nav.tabs .inner div.lg menu li.active button .count,
  nav.tabs .inner div.lg ul li.active button .count,
  nav.pinboard-sections .inner div.lg menu li.active button .count,
  nav.pinboard-sections .inner div.lg ul li.active button .count {
    font-weight: normal;
  }
  nav.tabs .inner div.lg menu li.active button::after,
  nav.tabs .inner div.lg ul li.active button::after,
  nav.pinboard-sections .inner div.lg menu li.active button::after,
  nav.pinboard-sections .inner div.lg ul li.active button::after {
    background-color: #005687;
  }
  nav.tabs .inner div.lg menu li.active input[type=text],
  nav.tabs .inner div.lg ul li.active input[type=text],
  nav.pinboard-sections .inner div.lg menu li.active input[type=text],
  nav.pinboard-sections .inner div.lg ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs .inner div.lg menu li.editing,
  nav.tabs .inner div.lg ul li.editing,
  nav.pinboard-sections .inner div.lg menu li.editing,
  nav.pinboard-sections .inner div.lg ul li.editing {
    background-color: #e5e5e5;
  }
  nav.tabs .inner div.lg menu li.editing a,
  nav.tabs .inner div.lg ul li.editing a,
  nav.pinboard-sections .inner div.lg menu li.editing a,
  nav.pinboard-sections .inner div.lg ul li.editing a {
    cursor: default;
  }
  nav.tabs .inner div.lg menu li.editing button,
  nav.tabs .inner div.lg ul li.editing button,
  nav.pinboard-sections .inner div.lg menu li.editing button,
  nav.pinboard-sections .inner div.lg ul li.editing button {
    color: #005687 !important;
  }
  nav.tabs .inner div.lg menu li.editing button.add,
  nav.tabs .inner div.lg ul li.editing button.add,
  nav.pinboard-sections .inner div.lg menu li.editing button.add,
  nav.pinboard-sections .inner div.lg ul li.editing button.add {
    display: inline-block;
  }
  nav.tabs {
    position: fixed;
    top: 30px;
  }
  nav.pinboard-sections {
    margin-bottom: 30px;
  }
  nav.pinboard-sections .inner div.lg menu li {
    display: flex;
    align-items: center;
  }
  nav.pinboard-sections .inner div.lg menu li.editing button .section-title {
    cursor: text;
  }
  nav.pinboard-sections .inner div.lg menu li div,
  nav.pinboard-sections .inner div.lg menu li a {
    display: inline-block;
  }
  nav.pinboard-sections .inner div.lg menu li i.material-icons {
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
  }
  nav.pinboard-sections + .description {
    margin: 45px 0 55px 0 !important;
  }
  /* THE FOLLOWING IS THE SAME AS THE nav.tabs IN _navigate.m */
  nav.tabs.fill-screen {
    position: fixed;
    top: 30px;
    width: 100%;
    height: 60px;
    left: 0;
    margin-left: 0;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 100;
  }
  nav.tabs.fill-screen .inner {
    width: 100%;
  }
  nav.tabs.fill-screen .inner div.m menu,
  nav.tabs.fill-screen .inner div.m ul {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 15px;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  nav.tabs.fill-screen .inner div.m menu li,
  nav.tabs.fill-screen .inner div.m ul li {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 0;
    scroll-snap-align: start;
  }
  nav.tabs.fill-screen .inner div.m menu li a,
  nav.tabs.fill-screen .inner div.m ul li a {
    display: block;
  }
  nav.tabs.fill-screen .inner div.m menu li button,
  nav.tabs.fill-screen .inner div.m ul li button {
    position: relative;
    height: 45px;
    padding: 7px 10px 0 10px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #969696;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
  }
  nav.tabs.fill-screen .inner div.m menu li button .count,
  nav.tabs.fill-screen .inner div.m ul li button .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li button .count::before,
  nav.tabs.fill-screen .inner div.m ul li button .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li button::after,
  nav.tabs.fill-screen .inner div.m ul li button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e5e5e5;
    transform: translateY(3px);
    transition: transform 0.15s;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner,
  nav.tabs.fill-screen .inner div.m ul li .inner {
    position: relative;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text],
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text] {
    position: relative;
    min-width: 100px;
    height: 38px;
    padding: 4.5px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label,
  nav.tabs.fill-screen .inner div.m ul li .inner label {
    position: absolute;
    left: 15px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label .count,
  nav.tabs.fill-screen .inner div.m ul li .inner label .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label .count::before,
  nav.tabs.fill-screen .inner div.m ul li .inner label .count::before {
    content: "";
    position: absolute;
    vertical-align: middle;
    height: 20px;
    width: 0;
    left: -10px;
    top: 0;
    border-left: 1px dotted #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text] + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text] + label {
    width: calc(100% - 50px);
    pointer-events: none;
    white-space: nowrap;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text]:focus + label,
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text].has-value + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text]:focus + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text]:focus + label::after,
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text].has-value + label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text]:focus + label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text].has-value + label::after {
    top: 2px;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown,
  nav.tabs.fill-screen .inner div.m ul li .dropdown {
    position: absolute;
    max-height: 0;
    max-width: 300px;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    border-top: 1px solid #005687;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu {
    display: block;
    width: 100%;
    padding-bottom: 0;
    scroll-snap-type: y mandatory;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li a,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li a {
    display: block;
    position: static;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
    text-align: left;
    /*white-space: nowrap;*/
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li:hover,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs.fill-screen .inner div.m menu li:hover button::after,
  nav.tabs.fill-screen .inner div.m menu li.active button::after,
  nav.tabs.fill-screen .inner div.m ul li:hover button::after,
  nav.tabs.fill-screen .inner div.m ul li.active button::after {
    transform: translateY(0);
  }
  nav.tabs.fill-screen .inner div.m menu li:hover input[type=text],
  nav.tabs.fill-screen .inner div.m menu li.active input[type=text],
  nav.tabs.fill-screen .inner div.m ul li:hover input[type=text],
  nav.tabs.fill-screen .inner div.m ul li.active input[type=text] {
    border-color: #e5e5e5;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button,
  nav.tabs.fill-screen .inner div.m ul li.active button {
    font-weight: bold;
    color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button .count,
  nav.tabs.fill-screen .inner div.m ul li.active button .count {
    font-weight: normal;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button::after,
  nav.tabs.fill-screen .inner div.m ul li.active button::after {
    background-color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li.active input[type=text],
  nav.tabs.fill-screen .inner div.m ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs.fill-screen .inner .btn-group {
    float: right;
  }
  nav.tabs.fill-screen .inner .btn-group a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 0;
    border-radius: 30px;
    border: 1px solid #969696;
    text-align: center;
  }
  nav.tabs.fill-screen .inner .btn-group a i {
    line-height: 30px;
    font-size: 16px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner .btn-group a.active {
    background-color: #005687;
    border-color: #005687;
  }
  nav.tabs.fill-screen .inner .btn-group a.active i {
    color: #fff;
  }
  header {
    display: block;
    pointer-events: none;
  }
  header.folded {
    /* LEFT COlUMN IN MAP VIEW */
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 33vw;
    min-height: 100vh;
    background-color: #fff;
    z-index: 1000;
    transform: translateX(calc(-100% - 10px));
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s ease-out;
  }
  header.open {
    transform: translateX(0);
  }
  header .inner {
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    /* width: calc((100vw - (300px * 3 + 15px * 4)) / 2); */
    top: 0;
    z-index: 9999;
  }
  header .inner nav#site-title {
    display: block;
    margin-top: 30px;
    pointer-events: all;
  }
  header .inner nav#site-title .inner {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    width: 100%;
    height: auto;
  }
  header .inner nav#site-title .inner img.logo {
    height: 125px;
    margin-right: 60px;
  }
  header .inner nav#site-title .inner .create,
  header .inner nav#site-title .inner .save {
    position: relative;
    margin-top: 31px;
  }
  header .inner nav#site-title .inner .create button,
  header .inner nav#site-title .inner .save button {
    /* width: 100px;*/
    min-height: 45px;
    margin: 0;
    padding: 0 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown,
  header .inner nav#site-title .inner .save .dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #005687;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  header .inner nav#site-title .inner .create .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul {
    width: 100%;
    /*li.status-2 {
    	button {
    		background: repeating-linear-gradient(
    			-45deg,
    			transparent,
    			transparent 3px,
    			rgba(150, 150, 150, .1) 3px,
    			rgba(150, 150, 150, .1) 6px
    		);
    	}
    }*/
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter,
  header .inner nav#site-title .inner .save .dropdown ul li.filter {
    position: fixed;
    height: 45px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text],
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label::after,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text] + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text].has-value + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.padding,
  header .inner nav#site-title .inner .save .dropdown ul li.padding {
    width: 100%;
    height: 45px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li,
  header .inner nav#site-title .inner .save .dropdown ul li {
    position: relative;
    max-width: 300px;
    width: 300px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li img,
  header .inner nav#site-title .inner .save .dropdown ul li img {
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button,
  header .inner nav#site-title .inner .save .dropdown ul li button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0;
    padding-right: 15px;
    background-color: transparent;
    border: none;
    text-align: left;
    /* white-space: nowrap; */
    cursor: pointer;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button label,
  header .inner nav#site-title .inner .save .dropdown ul li button label {
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li button .expandable {
    margin-left: auto;
    /* padding-left: 45px;*/
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li button:hover {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 300px;
    white-space: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable .sub,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable .sub {
    font-size: 12px;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a button,
  header .inner nav#site-title .inner .create .dropdown ul li a button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a button,
  header .inner nav#site-title .inner .save .dropdown ul li a button:hover {
    color: #000000;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a:hover {
    text-decoration: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form,
  header .inner nav#site-title .inner .save .dropdown ul li form {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 45px);
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 15px 0 30px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file],
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] {
    display: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file] + label,
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] + label {
    display: block;
    flex-grow: 1;
    color: #000000;
    cursor: inherit;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown {
    display: none;
    margin-top: -2px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf {
    overflow: auto;
    max-height: 300px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf button,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf button {
    font-size: 14px;
    line-height: 1.5em;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li.open > .dropdown {
    display: block;
    min-height: 45px;
    width: 100%;
  }
  header .inner nav#site-title .inner .create .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .create .dropdown ul li.open > button,
  header .inner nav#site-title .inner .create .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .create .dropdown ul li.open > form,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .save .dropdown ul li.open > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-0 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-0 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-1 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-1 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create:hover button,
  header .inner nav#site-title .inner .create.open button {
    background-color: #005687;
    color: #fff;
  }
  header .inner nav#site-title .inner .create:hover .dropdown,
  header .inner nav#site-title .inner .create.open .dropdown {
    display: block;
  }
  header .inner nav#site-title .inner .create:not(.open) {
    /*li {
    	.dropdown {
    		ul {
    			li:hover {
    				.dropdown {
    					display: block;
    				}
    			}
    		}
    	}
    }*/
  }
  header .inner nav#site-title .inner .create:not(.open) li:hover > .dropdown {
    display: block;
  }
  header .inner nav#site-title .inner .create:not(.open) li:hover > button,
  header .inner nav#site-title .inner .create:not(.open) li:hover > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner h1 {
    margin-top: 15px;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 10px;
    /*small {
    	display: block;
    	font-size: $t-mid;
    	line-height: 1.2em;
    	margin-bottom: 5px;
    }*/
  }
  header .inner nav#site-title .inner h2 {
    margin: 5px 0;
    font-weight: 300;
    color: #b4dc28;
    font-size: 16px;
  }
  header .inner nav#site-title .inner .search {
    margin-top: 15px;
  }
  header .inner nav#site-title .inner .search button {
    border: none;
    outline: none;
    background-color: transparent;
  }
  header .inner nav#site-title .inner .search button img {
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .save button {
    background-color: #32bee1;
    padding: 0 15px;
    border-color: #32bee1;
    color: #fff;
  }
  header .inner nav#site-title .inner .save.saved button {
    background-color: #0468b1;
    border-color: #0468b1;
    color: #fff;
  }
  header .inner nav#modules {
    margin-bottom: 120px;
    pointer-events: all;
  }
  header .inner nav#modules menu {
    list-style: none;
  }
  header .inner nav#modules menu li {
    position: relative;
    text-align: center;
  }
  header .inner nav#modules menu li.label {
    font-size: 14px;
    color: #969696;
  }
  header .inner nav#modules menu li a {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: auto;
    padding: 15px 0;
    color: #969696;
  }
  header .inner nav#modules menu li a:hover {
    text-decoration: none;
  }
  header .inner nav#modules menu li.active a {
    font-weight: bold;
    color: #005687;
  }
  header .inner nav#modules menu li:nth-child(n+3)::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 0px;
    left: calc(50% - 50px);
    border-top: 1px dotted #969696;
  }
  header .inner nav.pagination {
    margin-bottom: 60px;
    width: 100%;
    pointer-events: all;
  }
  header .inner nav.pagination .inner {
    display: initial;
    position: static;
  }
  header .inner nav.pagination .inner ul {
    text-align: center;
  }
  header .inner nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  header .inner nav.pagination .inner ul li a {
    cursor: pointer;
  }
  header .inner nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  header .inner nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  header .inner nav.pagination .inner ul.padded {
    padding: 0 45px;
  }
  header .inner nav.pagination img {
    width: 180px;
    height: auto;
  }
  .veil {
    position: fixed;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .veil nav.browse-filters {
    position: relative;
    /*width: 475px;*/
    width: 400px;
    /*width: calc(150px * 3 + 15px * 2 + 60px);*/
    margin: 60px auto 125px auto;
    background-color: #fff;
    border: 1px solid #005687;
    border-top-width: 5px;
    transition: transform 0.5s;
  }
  .veil nav.browse-filters .handle {
    position: absolute;
    bottom: 100%;
    right: -1px;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
    cursor: e-resize;
  }
  .veil nav.browse-filters .handle button.close {
    height: 30px;
    border: none;
    outline: none;
    padding: 0 15px;
    background-color: #005687;
    color: #fff;
  }
  .veil nav.browse-filters .handle button.close label {
    cursor: pointer;
  }
  .veil nav.browse-filters .handle button.close label span {
    margin-left: 15px;
  }
  .veil nav.browse-filters form .query {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #32bee1;
  }
  .veil nav.browse-filters form .query input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 30px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  .veil nav.browse-filters form .query label[for=search-field] {
    position: absolute;
    top: 5px;
    left: 30px;
    font-size: 16px;
    color: #32bee1;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  .veil nav.browse-filters form .query input[type=text]:focus + label,
  .veil nav.browse-filters form .query input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  .veil nav.browse-filters form .query input:-webkit-autofill,
  .veil nav.browse-filters form .query input:-webkit-autofill:hover,
  .veil nav.browse-filters form .query input:-webkit-autofill:focus,
  .veil nav.browse-filters form .query input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  .veil nav.browse-filters form .query button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters p {
    margin: 15px 30px 0px 30px;
    font-size: 16px;
    font-style: italic;
  }
  .veil nav.browse-filters form .filters .meta-filters,
  .veil nav.browse-filters form .filters .content-filters {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 15px;
    /*.filter:nth-child(2n) {
    	margin-left: 0;
    	.dropdown {
    		left: -215px;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters,
  .veil nav.browse-filters form .filters .content-filters .active-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    padding: 0 10px;
    /*margin-bottom: 5px;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 5px;
    margin: 5px;
    background-color: #fff;
    font-size: 10px;
    color: #969696;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag label,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .type,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .type {
    flex-shrink: 0;
    /*font-size: $t-xsmall;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .name,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: bold;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .close,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter,
  .veil nav.browse-filters form .filters .content-filters .filter {
    position: relative;
    /*flex-grow: 1;*/
    width: 100%;
    /*width: 200px;*/
    margin: 5px 15px;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button,
  .veil nav.browse-filters form .filters .content-filters .filter button {
    height: 30px;
    width: 100%;
    padding: 0 30px;
    border: 1px solid #0468b1;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
    color: #0468b1;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter button label.count {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #0468b1;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown {
    display: none;
    position: absolute;
    /*top: calc(100% - 1px);*/
    top: 100%;
    left: 0;
    /*width: calc(415px - 2px);*/
    width: 338px;
    max-height: 300px;
    background-color: #fff;
    border: 1px solid #32bee1;
    border-top: none;
    /*border-top-width: 5px;*/
    z-index: 1000;
    overflow: auto;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul {
    width: 100%;
    /*padding-bottom: 5px;*/
    /*li.not-hovered > button {
    	background-color: $c-light-grey !important;
    }
    li.not-hovered > a {
    	button {
    		background-color: $c-light-grey !important;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li input[type=checkbox],
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li input[type=checkbox] {
    display: none;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label {
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    color: #000000;
    width: 90%;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label.count,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label.count {
    font-size: 12px;
    color: #0468b1;
    width: 10%;
    text-align: right;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li:hover,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li:hover {
    background-color: #e5e5e5;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active {
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active label {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter:not(.expand):hover button,
  .veil nav.browse-filters form .filters .content-filters .filter:not(.expand):hover button {
    background-color: #32bee1;
    border: 1px solid #32bee1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button {
    background-color: #0468b1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button label.count {
    background-color: #fff;
    font-weight: bold;
    color: #0468b1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter.expand .dropdown {
    display: block;
  }
  .veil nav.browse-filters form .filters .meta-filters .title h1,
  .veil nav.browse-filters form .filters .content-filters .title h1 {
    font-size: 16px;
    font-style: italic;
    color: #b4dc28;
    /*text-decoration: underline;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active,
  .veil nav.browse-filters form .filters .content-filters .title .active {
    margin-bottom: 10px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    text-decoration: none;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #333d51;
    border-radius: 5px;
    font-size: 12px;
    color: #333d51;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag label,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag i,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag i {
    vertical-align: middle;
    font-size: 16px;
    margin-left: 5px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag a {
    color: #333d51;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover {
    background-color: #333d51;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover a {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .separator {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .veil nav.browse-filters form .filters .separator span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    font-size: 12px;
    color: #32bee1;
    z-index: 100;
  }
  .veil nav.browse-filters form .filters .separator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .submission {
    width: calc(100% - 55px);
    padding: 5px 25px 30px 30px;
    text-align: right;
  }
  .veil nav.browse-filters form .submission button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    margin-right: 5px;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .submission button.search {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .veil nav#filter.open {
    transform: translateX(0);
  }
  .veil nav#filter.open .handle {
    cursor: w-resize;
  }
  .veil nav#filter.open .handle div {
    cursor: w-resize;
  }
  /* LEAFLET ADJUSTMENTS */
  /* =================== */
  /* BASE MAP: THIS IS THE BASE FOR THE browse ACTIVITY */
  .map-container {
    width: calc(100% + 30px);
    margin: 15px 0 0 -15px;
    z-index: 1;
    position: relative;
  }
  .map-container #map {
    min-height: 50vh;
    background-color: #e5e5e5;
  }
  .map-container .btn-group.map-scale {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 30px;
  }
  .map-container .btn-group.map-scale a {
    float: left;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    background-color: #e5e5e5;
    font-size: 12px;
    color: #005687;
    cursor: pointer;
  }
  .map-container .btn-group.map-scale a.active {
    background-color: #0468b1;
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
  }
  .map-container .btn-group.map-scale {
    /*top: 30px;*/
    right: 30px;
    left: auto;
  }
  .map-container .btn-group.map-scale a {
    padding: 0 8px 2px 8px;
    background-color: #005687;
    color: #fff;
  }
  .map-container .btn-group.map-scale a input[type=checkbox] {
    display: none;
  }
  .map-container .btn-group.map-scale a i {
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
  }
  .map-container.full-screen {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px - 45px - 135px);
    margin: 0;
  }
  .map-container.full-screen #map {
    height: 100%;
  }
  /* POPUPS */
  .leaflet-popup {
    z-index: 10000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
    font-family: "Overpass", Helvetica, Arial, sans-serif;
    color: #005687;
    padding: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 300px !important;
    max-height: 400px;
    margin: 0;
    /*      padding-top: 20px;*/
    overflow: auto;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn {
    width: 100%;
    min-height: 45px;
    padding: 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn:hover {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
    padding-bottom: 75px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article {
    position: relative;
    width: 100%;
    min-width: 300px;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    scroll-snap-align: center;
    padding-top: 0 !important;
    border-radius: 0;
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .media-img {
    width: 300px;
    margin-bottom: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .btn-group {
    margin: 10px 0 15px 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body {
    display: block;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body a {
    color: #32bee1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title {
    width: 100%;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title a {
    text-decoration: none;
    color: #005687;
    font-weight: 700;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt {
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt a {
    color: #000000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .foot {
    padding: 0 15px 30px 15px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    background-color: transparent;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    border-top: 1px dotted #969696;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel {
    position: relative;
    margin-bottom: 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots {
    width: calc(100% - 60px);
    padding: 0 30px;
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 2.5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot.highlight {
    background-color: #0468b1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul {
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li {
    display: inline-block;
    margin: 0 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a {
    color: #32bee1;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a.active {
    font-weight: 700;
    text-decoration: underline;
  }
  .leaflet-container a.leaflet-popup-close-button {
    width: calc(100% - 10px);
    height: 25px !important;
    width: 25px !important;
    top: 0;
    padding: 0 !important;
    margin: 10px 10px 0 0 !important;
    background-color: #005687;
    text-align: right;
    line-height: 20px;
    color: #646464 !important;
    display: block;
    font-size: 0 !important;
  }
  .leaflet-container a.leaflet-popup-close-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(-45deg);
    transform-origin: center;
  }
  .leaflet-container a.leaflet-popup-close-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(45deg);
    transform-origin: center;
  }
  /* PINS */
  .single-pin {
    outline: none;
  }
  .single-pin i {
    position: absolute;
    left: -125%;
    top: -50%;
    font-size: 2rem;
    color: #005687;
  }
  .single-pin.selected i {
    color: orange;
  }
  .cluster-pin {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border: 5px solid #005687;
    background-color: #005687;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.75;
  }
  .cluster-pin.selected {
    background-color: #0468b1;
    border-color: #0468b1;
  }
  .map-container.full-screen {
    top: 90px;
    height: calc(100vh - 90px - 180px);
  }
  .screen {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    /*background-color: rgba(255,255,255,.75);*/
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 3px, rgba(229, 229, 229, 0.75) 3px, rgba(229, 229, 229, 0.75) 6px);
    animation: fade-in 0.25s;
    z-index: 99999;
  }
  .screen .modal .close {
    float: right;
    border: none;
    outline: none;
    background-color: #005687;
    color: #fff;
    cursor: pointer;
  }
  .screen .modal .inner {
    border-top: 2px solid #005687;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  .screen .modal .inner img.zoom {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .screen.dark {
    background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75) 3px, rgba(50, 50, 50, 0.75) 3px, rgba(50, 50, 50, 0.75) 6px);
  }
  .screen.transparent {
    background: transparent;
  }
  .screen.blue {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .screen.error {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .screen.ter {
    background-color: rgb(239, 239, 239);
  }
  .screen.ter .modal .close {
    background-color: #333d51;
  }
  .screen.ter .modal .inner {
    border-top: 3px solid #333d51;
  }
  .modal {
    position: relative;
    width: 400px;
    flex-shrink: 1;
    margin: auto;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 12px;
  }
  .modal .close.inlaid {
    position: absolute;
    right: 0;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
    overflow-y: visible;
    max-height: 85vh;
  }
  .modal .inner.unpadded {
    padding: 0;
    max-height: none;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 16px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .modal .inner .message * {
    padding: 5px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 12px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
  }
  .modal .inner ul li div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
  }
  .modal .inner ul li div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .modal .inner ul li div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  .modal .inner ul li input[type=file] {
    display: none;
  }
  .modal .inner ul li button,
  .modal .inner ul li input[type=file] + label {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub,
  .modal .inner ul li input[type=file] + label .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .inner ul li button:disabled,
  .modal .inner ul li input[type=file] + label:disabled {
    color: #e5e5e5;
    cursor: default;
    border-color: #e5e5e5;
    background-color: transparent;
  }
  .modal .inner ul li button.padded,
  .modal .inner ul li input[type=file] + label.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li button.input-submit,
  .modal .inner ul li button[type=submit] {
    border-color: #32bee1;
    background-color: #32bee1;
    color: #fff;
  }
  .modal .inner ul li input[type=file] + label {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    transform: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #005687;
    line-height: 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 15px;
    font-size: 14px;
    color: #969696;
    transform: translateY(17px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li input:not([type=checkbox]):not([type=radio]):focus + label,
  .modal .inner ul li input.has-value:not([type=checkbox]):not([type=radio]) + label,
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 12px;
    transform: translateY(-5px);
  }
  .modal .inner ul li input.full-width {
    /*
    width: 100%;
    margin: 5px 0 15px 0;
    padding: 15px 0 15px 0;
    border: none;
    border-bottom: 1px solid $c-light-grey;
    outline: none;
    font-size: $t-main;
    */
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 0 15px 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li input + label {
    top: 1px;
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li .filter {
    position: relative;
  }
  .modal .inner ul li .filter input[type=text] {
    width: calc(100% - 30px);
    height: 45px;
    margin-left: 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li .filter input[type=text] + label {
    left: 15px;
    font-size: 14px;
    line-height: 1.3em;
    transform: translateY(12px);
    text-align: left;
  }
  .modal .inner ul li .filter input[type=text]:focus + label,
  .modal .inner ul li .filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.3em;
    transform: translateY(-10px);
  }
  .modal .inner ul li .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu {
    width: 100%;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px 15px 5px 15px;
    list-style: none;
    box-sizing: border-box;
  }
  .modal .inner ul li .filter .dropdown menu li input[type=checkbox],
  .modal .inner ul li .filter .dropdown menu li input[type=radio] {
    display: none;
  }
  .modal .inner ul li .filter .dropdown menu li label {
    display: block;
    position: static;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  .modal .inner ul li .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li label .sub {
    color: #969696;
    font-size: 12px;
  }
  .modal .inner ul li .filter .dropdown menu li label.secondary {
    padding: 0;
    font-size: 12px;
    color: #969696;
    font-style: italic;
  }
  .modal .inner ul li .filter .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal .inner ul li .filter .dropdown menu li.active {
    background-color: #32bee1;
  }
  .modal .inner ul li .active-filters {
    padding: 10px 15px;
    margin: 0 auto 15px auto;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  .modal .inner ul li .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .modal .inner ul li .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  .modal .inner ul li .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  .modal .inner ul li .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  .modal .inner ul li .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .modal .inner ul li .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  .modal .inner ul li.default {
    text-align: left;
  }
  .modal .inner ul li.default label {
    position: static;
    margin-left: 10px;
    color: #000000;
    font-size: 14px;
  }
  .modal .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .foot button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .foot button .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .foot p {
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
  }
  .modal.longlist .inner {
    padding: 0;
  }
  .modal.longlist .inner .message {
    padding: 15px 15px 5px 15px;
    margin: 0;
  }
  .modal.longlist .inner ul {
    width: 100%;
    max-height: 500px;
    overflow: auto;
  }
  .modal.longlist .inner ul li.filter {
    position: fixed;
    height: 45px;
    width: 300px;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  .modal.longlist .inner ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  .modal.longlist .inner ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  .modal.longlist .inner ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .modal.longlist .inner ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  .modal.longlist .inner ul li.filter input[type=text]:focus + label,
  .modal.longlist .inner ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  .modal.longlist .inner ul li.padding {
    width: 100%;
    height: 45px;
    margin: 0;
  }
  .modal.longlist .inner ul li.opt {
    margin: 0;
  }
  .modal.longlist .inner ul li.opt input[type=checkbox] {
    display: none;
  }
  .modal.longlist .inner ul li.opt label {
    display: block;
    padding: 5px 15px;
    margin: 0;
    transform: none;
  }
  .modal.longlist .inner ul li.opt label:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal.longlist .inner ul li.opt input:checked + label {
    background-color: #32bee1;
  }
  .modal.longlist .inner .foot {
    padding: 15px;
    margin: 0;
  }
  .login-module {
    padding: 30px 30px 15px 30px;
    border-top: 2px solid #005687;
    background-color: #fff;
  }
  .login-module ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
  }
  .login-module ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -30px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .login-module ul li .required input {
    display: none;
  }
  .login-module ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .login-module ul li .required input:checked + label,
  .login-module ul li .required label.active {
    color: #a51e41;
  }
  .login-module ul li .input-group {
    position: relative;
    flex-grow: 1;
  }
  .login-module ul li .input-group input.toggle + label {
    margin: 0;
  }
  .login-module ul li input[type=text],
  .login-module ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: #fff;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .login-module ul li input[type=text] + label,
  .login-module ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .login-module ul li input[type=text]:focus + label,
  .login-module ul li input[type=text].has-value + label,
  .login-module ul li input[type=password]:focus + label,
  .login-module ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .login-module ul li input[type=email]:invalid,
  .login-module ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .login-module ul li button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    margin-top: 15px;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .login-module ul li p.errormessage {
    color: #a51e41;
  }
  .login-module ul li p.small {
    font-size: 12px;
    color: #646464;
  }
  .login-module div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #969696;
    font-size: 12px;
  }
  .login-module div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .login-module div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  @keyframes animate-down {
    from {
      transform: translateY(-30px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .session-alert {
    padding: 15px;
    border: 1px dotted #a51e41;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .session-alert p {
    color: #a51e41;
  }
  .session-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  .session-alert form table {
    margin: 15px 0 0 0;
    width: 100%;
    color: #646464;
    font-size: 14px;
    line-height: 1.5em;
    border-collapse: separate;
    border-spacing: 0 5px;
  }
  .session-alert form table thead th {
    height: 30px;
    padding: 0 10px;
    text-align: left;
    border-bottom: 1px solid #969696;
  }
  .session-alert form table tbody tr:hover {
    background-color: #e5e5e5;
  }
  .session-alert form table tbody tr.all {
    font-weight: bold;
  }
  .session-alert form table tbody tr td {
    min-height: 30px;
    padding: 0 10px;
  }
  .session-alert form table tbody tr td.highlight {
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .session-alert form table tbody tr td:last-child {
    padding-right: 0;
  }
  .session-alert form table tbody tr td button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #a51e41;
    padding: 0 5px;
    background: transparent;
    outline: none;
    color: #a51e41;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .disclaimer-alert {
    padding: 15px;
    border: 1px dotted #fa7814;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .disclaimer-alert p {
    color: #fa7814;
  }
  .disclaimer-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  div.fixed-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
  div.hashed {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.main-content.fit {
    grid-template-columns: min-content auto 0;
  }
  div.main-content.adjacent {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document {
    position: relative;
    display: block;
    /*	width: calc(300px * 3 + 15px * 2 - 90px - 2px);*/
    /*	width: 100%;*/
    padding: 30px 60px 0 60px;
    background-color: #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group,
  div.document main#pad .engagement-input-group,
  div.document main#reference .engagement-input-group,
  div.document main#template .engagement-input-group,
  div.document main#mobilization .engagement-input-group {
    position: fixed;
    width: 225px;
    margin: 0 0 0 -225px;
  }
  div.document main .engagement-input-group .bookmark,
  div.document main#pad .engagement-input-group .bookmark,
  div.document main#reference .engagement-input-group .bookmark,
  div.document main#template .engagement-input-group .bookmark,
  div.document main#mobilization .engagement-input-group .bookmark {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 66px;
    height: 90px;
    top: -60px;
    right: 20px;
    transform-origin: top center;
    transition: transform 0.25s ease-out;
    background-color: #c2b4d6;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark div,
  div.document main#pad .engagement-input-group .bookmark div,
  div.document main#reference .engagement-input-group .bookmark div,
  div.document main#template .engagement-input-group .bookmark div,
  div.document main#mobilization .engagement-input-group .bookmark div {
    transform: rotate(-90deg);
  }
  div.document main .engagement-input-group .bookmark::before,
  div.document main#pad .engagement-input-group .bookmark::before,
  div.document main#reference .engagement-input-group .bookmark::before,
  div.document main#template .engagement-input-group .bookmark::before,
  div.document main#mobilization .engagement-input-group .bookmark::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-left: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark::after,
  div.document main#pad .engagement-input-group .bookmark::after,
  div.document main#reference .engagement-input-group .bookmark::after,
  div.document main#template .engagement-input-group .bookmark::after,
  div.document main#mobilization .engagement-input-group .bookmark::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-right: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark:hover,
  div.document main .engagement-input-group .bookmark.active,
  div.document main#pad .engagement-input-group .bookmark:hover,
  div.document main#pad .engagement-input-group .bookmark.active,
  div.document main#reference .engagement-input-group .bookmark:hover,
  div.document main#reference .engagement-input-group .bookmark.active,
  div.document main#template .engagement-input-group .bookmark:hover,
  div.document main#template .engagement-input-group .bookmark.active,
  div.document main#mobilization .engagement-input-group .bookmark:hover,
  div.document main#mobilization .engagement-input-group .bookmark.active {
    background-color: #57648c;
  }
  div.document main .engagement-input-group .bookmark:hover::before,
  div.document main .engagement-input-group .bookmark:hover::after,
  div.document main .engagement-input-group .bookmark.active::before,
  div.document main .engagement-input-group .bookmark.active::after,
  div.document main#pad .engagement-input-group .bookmark:hover::before,
  div.document main#pad .engagement-input-group .bookmark:hover::after,
  div.document main#pad .engagement-input-group .bookmark.active::before,
  div.document main#pad .engagement-input-group .bookmark.active::after,
  div.document main#reference .engagement-input-group .bookmark:hover::before,
  div.document main#reference .engagement-input-group .bookmark:hover::after,
  div.document main#reference .engagement-input-group .bookmark.active::before,
  div.document main#reference .engagement-input-group .bookmark.active::after,
  div.document main#template .engagement-input-group .bookmark:hover::before,
  div.document main#template .engagement-input-group .bookmark:hover::after,
  div.document main#template .engagement-input-group .bookmark.active::before,
  div.document main#template .engagement-input-group .bookmark.active::after,
  div.document main#mobilization .engagement-input-group .bookmark:hover::before,
  div.document main#mobilization .engagement-input-group .bookmark:hover::after,
  div.document main#mobilization .engagement-input-group .bookmark.active::before,
  div.document main#mobilization .engagement-input-group .bookmark.active::after {
    border-top-color: #57648c;
  }
  div.document main .engagement-input-group ul,
  div.document main#pad .engagement-input-group ul,
  div.document main#reference .engagement-input-group ul,
  div.document main#template .engagement-input-group ul,
  div.document main#mobilization .engagement-input-group ul {
    padding: 5px 10px;
    margin: 65px 20px 0 0;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group ul li,
  div.document main#pad .engagement-input-group ul li,
  div.document main#reference .engagement-input-group ul li,
  div.document main#template .engagement-input-group ul li,
  div.document main#mobilization .engagement-input-group ul li {
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
  }
  div.document main .engagement-input-group ul li button,
  div.document main#pad .engagement-input-group ul li button,
  div.document main#reference .engagement-input-group ul li button,
  div.document main#template .engagement-input-group ul li button,
  div.document main#mobilization .engagement-input-group ul li button {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    max-width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 45px;
    outline: none;
    margin: 0 0 0 10px;
    background-color: transparent;
    color: #c2b4d6;
    font-size: 24px;
    line-height: 1.5em;
    cursor: pointer;
    transition: border-color 0.25s, max-width 0.5s;
  }
  div.document main .engagement-input-group ul li button small,
  div.document main#pad .engagement-input-group ul li button small,
  div.document main#reference .engagement-input-group ul li button small,
  div.document main#template .engagement-input-group ul li button small,
  div.document main#mobilization .engagement-input-group ul li button small {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    white-space: nowrap;
  }
  div.document main .engagement-input-group ul li button i,
  div.document main#pad .engagement-input-group ul li button i,
  div.document main#reference .engagement-input-group ul li button i,
  div.document main#template .engagement-input-group ul li button i,
  div.document main#mobilization .engagement-input-group ul li button i {
    flex-shrink: 0;
    width: 45px;
    display: inline-block;
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 45px;*/
    font-style: normal;
    cursor: pointer;
  }
  div.document main .engagement-input-group ul li button::after,
  div.document main#pad .engagement-input-group ul li button::after,
  div.document main#reference .engagement-input-group ul li button::after,
  div.document main#template .engagement-input-group ul li button::after,
  div.document main#mobilization .engagement-input-group ul li button::after {
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: calc(100% - 10px);
    width: 45px;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: 700;
    pointer-events: none;
    transition: opacity 0.25s, transform 0.5s;
  }
  div.document main .engagement-input-group ul li button:hover,
  div.document main#pad .engagement-input-group ul li button:hover,
  div.document main#reference .engagement-input-group ul li button:hover,
  div.document main#template .engagement-input-group ul li button:hover,
  div.document main#mobilization .engagement-input-group ul li button:hover {
    max-width: 100%;
    border-color: #c2b4d6;
  }
  div.document main .engagement-input-group ul li button.active,
  div.document main#pad .engagement-input-group ul li button.active,
  div.document main#reference .engagement-input-group ul li button.active,
  div.document main#template .engagement-input-group ul li button.active,
  div.document main#mobilization .engagement-input-group ul li button.active {
    color: #934a5f;
  }
  div.document main .engagement-input-group ul li button.active:hover,
  div.document main#pad .engagement-input-group ul li button.active:hover,
  div.document main#reference .engagement-input-group ul li button.active:hover,
  div.document main#template .engagement-input-group ul li button.active:hover,
  div.document main#mobilization .engagement-input-group ul li button.active:hover {
    border-color: #934a5f;
  }
  div.document main .engagement-input-group ul li button:hover::after,
  div.document main#pad .engagement-input-group ul li button:hover::after,
  div.document main#reference .engagement-input-group ul li button:hover::after,
  div.document main#template .engagement-input-group ul li button:hover::after,
  div.document main#mobilization .engagement-input-group ul li button:hover::after {
    opacity: 0;
    transform: translateY(-10px);
  }
  div.document main .inner .meta-info,
  div.document main#pad .inner .meta-info,
  div.document main#reference .inner .meta-info,
  div.document main#template .inner .meta-info,
  div.document main#mobilization .inner .meta-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 150px);
    margin-bottom: 90px;
    padding-bottom: 60px;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-info h1,
  div.document main#pad .inner .meta-info h1,
  div.document main#reference .inner .meta-info h1,
  div.document main#template .inner .meta-info h1,
  div.document main#mobilization .inner .meta-info h1 {
    /*margin-bottom: 30px;*/
    font-size: 20px;
    line-height: 1.5em;
  }
  div.document main .inner .meta-info p,
  div.document main#pad .inner .meta-info p,
  div.document main#reference .inner .meta-info p,
  div.document main#template .inner .meta-info p,
  div.document main#mobilization .inner .meta-info p {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner button.scroll-nav,
  div.document main#pad .inner button.scroll-nav,
  div.document main#reference .inner button.scroll-nav,
  div.document main#template .inner button.scroll-nav,
  div.document main#mobilization .inner button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document main .inner button.scroll-nav label.rotate,
  div.document main#pad .inner button.scroll-nav label.rotate,
  div.document main#reference .inner button.scroll-nav label.rotate,
  div.document main#template .inner button.scroll-nav label.rotate,
  div.document main#mobilization .inner button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.document main .inner button.scroll-nav:hover,
  div.document main#pad .inner button.scroll-nav:hover,
  div.document main#reference .inner button.scroll-nav:hover,
  div.document main#template .inner button.scroll-nav:hover,
  div.document main#mobilization .inner button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status,
  div.document main#pad .inner .meta-status,
  div.document main#reference .inner .meta-status,
  div.document main#template .inner .meta-status,
  div.document main#mobilization .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 0 -60px;
    z-index: 10000;
  }
  div.document main .inner .meta-status .btn-group,
  div.document main#pad .inner .meta-status .btn-group,
  div.document main#reference .inner .meta-status .btn-group,
  div.document main#template .inner .meta-status .btn-group,
  div.document main#mobilization .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  div.document main .inner .meta-status .btn-group form,
  div.document main#pad .inner .meta-status .btn-group form,
  div.document main#reference .inner .meta-status .btn-group form,
  div.document main#template .inner .meta-status .btn-group form,
  div.document main#mobilization .inner .meta-status .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.document main .inner .meta-status .btn-group form button,
  div.document main#pad .inner .meta-status .btn-group form button,
  div.document main#reference .inner .meta-status .btn-group form button,
  div.document main#template .inner .meta-status .btn-group form button,
  div.document main#mobilization .inner .meta-status .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .meta-status .btn-group form button.publish,
  div.document main#pad .inner .meta-status .btn-group form button.publish,
  div.document main#reference .inner .meta-status .btn-group form button.publish,
  div.document main#template .inner .meta-status .btn-group form button.publish,
  div.document main#mobilization .inner .meta-status .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group form button:disabled,
  div.document main#pad .inner .meta-status .btn-group form button:disabled,
  div.document main#reference .inner .meta-status .btn-group form button:disabled,
  div.document main#template .inner .meta-status .btn-group form button:disabled,
  div.document main#mobilization .inner .meta-status .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.document main .inner .meta-status .btn-group form .dropdown,
  div.document main#pad .inner .meta-status .btn-group form .dropdown,
  div.document main#reference .inner .meta-status .btn-group form .dropdown,
  div.document main#template .inner .meta-status .btn-group form .dropdown,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 100;
    transition: max-height 0.15s ease-out;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    color: #969696;
    font-size: 12px;
    white-space: nowrap;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li:not(:last-child) {
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-status.status-0,
  div.document main#pad .inner .meta-status.status-0,
  div.document main#reference .inner .meta-status.status-0,
  div.document main#template .inner .meta-status.status-0,
  div.document main#mobilization .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-1,
  div.document main#pad .inner .meta-status.status-1,
  div.document main#reference .inner .meta-status.status-1,
  div.document main#template .inner .meta-status.status-1,
  div.document main#mobilization .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-2,
  div.document main .inner .meta-status.status-3,
  div.document main#pad .inner .meta-status.status-2,
  div.document main#pad .inner .meta-status.status-3,
  div.document main#reference .inner .meta-status.status-2,
  div.document main#reference .inner .meta-status.status-3,
  div.document main#template .inner .meta-status.status-2,
  div.document main#template .inner .meta-status.status-3,
  div.document main#mobilization .inner .meta-status.status-2,
  div.document main#mobilization .inner .meta-status.status-3 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.document main .inner .head,
  div.document main#pad .inner .head,
  div.document main#reference .inner .head,
  div.document main#template .inner .head,
  div.document main#mobilization .inner .head {
    position: relative;
    width: 100%;
    margin: 30px 0;
  }
  div.document main .inner .head .return,
  div.document main#pad .inner .head .return,
  div.document main#reference .inner .head .return,
  div.document main#template .inner .head .return,
  div.document main#mobilization .inner .head .return {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head i,
  div.document main#pad .inner .head i,
  div.document main#reference .inner .head i,
  div.document main#template .inner .head i,
  div.document main#mobilization .inner .head i {
    position: absolute;
    right: 100%;
  }
  div.document main .inner .head .title,
  div.document main#pad .inner .head .title,
  div.document main#reference .inner .head .title,
  div.document main#template .inner .head .title,
  div.document main#mobilization .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 700;
  }
  div.document main .inner .head .title:focus,
  div.document main#pad .inner .head .title:focus,
  div.document main#reference .inner .head .title:focus,
  div.document main#template .inner .head .title:focus,
  div.document main#mobilization .inner .head .title:focus {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .head .contributor,
  div.document main#pad .inner .head .contributor,
  div.document main#reference .inner .head .contributor,
  div.document main#template .inner .head .contributor,
  div.document main#mobilization .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.document main .inner .head .meta-country,
  div.document main#pad .inner .head .meta-country,
  div.document main#reference .inner .head .meta-country,
  div.document main#template .inner .head .meta-country,
  div.document main#mobilization .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .meta-country::after,
  div.document main#pad .inner .head .meta-country::after,
  div.document main#reference .inner .head .meta-country::after,
  div.document main#template .inner .head .meta-country::after,
  div.document main#mobilization .inner .head .meta-country::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head .meta-date,
  div.document main#pad .inner .head .meta-date,
  div.document main#reference .inner .head .meta-date,
  div.document main#template .inner .head .meta-date,
  div.document main#mobilization .inner .head .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .dropdown,
  div.document main#pad .inner .head .dropdown,
  div.document main#reference .inner .head .dropdown,
  div.document main#template .inner .head .dropdown,
  div.document main#mobilization .inner .head .dropdown {
    display: none;
  }
  div.document main .inner .body,
  div.document main#pad .inner .body,
  div.document main#reference .inner .body,
  div.document main#template .inner .body,
  div.document main#mobilization .inner .body {
    width: 100%;
    padding-bottom: 60px;
    /*transform: translateZ(0);*/
  }
  div.document main .inner .body .layout,
  div.document main#pad .inner .body .layout,
  div.document main#reference .inner .body .layout,
  div.document main#template .inner .body .layout,
  div.document main#mobilization .inner .body .layout {
    display: inline-block;
    clear: both;
    position: relative;
    width: 100%;
    margin: 15px 0 30px 0;
    transition: background-color 0.25s;
    /*.input-type {
    	display: block;
    	text-align: center;

    	label {
    		position: absolute;
    		bottom: 100%;
    		left: 0;
    		padding: 5px 10px;
    		outline: none;
    		background-color: $c-light-yellow;
    		font-size: $t-small;
    		line-height: 1.5em;
    		white-space: nowrap;
    	}
    }*/
    /*.media-container.slide {
    	position: absolute;
    	min-height: 100vh;
    	transform: translateX(0);
    	opacity: 1;
    	transition: transform 1s, opacity 1s;
    }
    .media-container.slide-next {
    	transform: translateX(100%);
    	opacity: 0;
    }
    .media-container.slide-prev {
    	transform: translateX(-100%);
    	opacity: 0;
    }*/
  }
  div.document main .inner .body .layout .section-header,
  div.document main#pad .inner .body .layout .section-header,
  div.document main#reference .inner .body .layout .section-header,
  div.document main#template .inner .body .layout .section-header,
  div.document main#mobilization .inner .body .layout .section-header {
    display: block;
  }
  div.document main .inner .body .layout .section-header h1,
  div.document main#pad .inner .body .layout .section-header h1,
  div.document main#reference .inner .body .layout .section-header h1,
  div.document main#template .inner .body .layout .section-header h1,
  div.document main#mobilization .inner .body .layout .section-header h1 {
    padding: 5px 0;
    outline: none;
    font-size: 24px;
    line-height: 1.5em;
    color: #0468b1;
    font-weight: normal;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .section-header h1:focus,
  div.document main#pad .inner .body .layout .section-header h1:focus,
  div.document main#reference .inner .body .layout .section-header h1:focus,
  div.document main#template .inner .body .layout .section-header h1:focus,
  div.document main#mobilization .inner .body .layout .section-header h1:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .placement-opts,
  div.document main#pad .inner .body .layout .placement-opts,
  div.document main#reference .inner .body .layout .placement-opts,
  div.document main#template .inner .body .layout .placement-opts,
  div.document main#mobilization .inner .body .layout .placement-opts {
    position: absolute;
    display: none;
    top: calc(-24px);
    right: 100%;
    height: 100%;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .placement-opts .opt,
  div.document main#pad .inner .body .layout .placement-opts .opt,
  div.document main#reference .inner .body .layout .placement-opts .opt,
  div.document main#template .inner .body .layout .placement-opts .opt,
  div.document main#mobilization .inner .body .layout .placement-opts .opt {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
  }
  div.document main .inner .body .layout .placement-opts .opt i,
  div.document main#pad .inner .body .layout .placement-opts .opt i,
  div.document main#reference .inner .body .layout .placement-opts .opt i,
  div.document main#template .inner .body .layout .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .placement-opts .opt i {
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 30px;*/
  }
  div.document main .inner .body .layout .required,
  div.document main#pad .inner .body .layout .required,
  div.document main#reference .inner .body .layout .required,
  div.document main#template .inner .body .layout .required,
  div.document main#mobilization .inner .body .layout .required {
    position: absolute;
    left: -45px;
    top: 35px;
    width: 30px;
    text-align: center;
  }
  div.document main .inner .body .layout .required input,
  div.document main#pad .inner .body .layout .required input,
  div.document main#reference .inner .body .layout .required input,
  div.document main#template .inner .body .layout .required input,
  div.document main#mobilization .inner .body .layout .required input {
    display: none;
  }
  div.document main .inner .body .layout .required label,
  div.document main#pad .inner .body .layout .required label,
  div.document main#reference .inner .body .layout .required label,
  div.document main#template .inner .body .layout .required label,
  div.document main#mobilization .inner .body .layout .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .required input:checked + label,
  div.document main .inner .body .layout .required label.active,
  div.document main#pad .inner .body .layout .required input:checked + label,
  div.document main#pad .inner .body .layout .required label.active,
  div.document main#reference .inner .body .layout .required input:checked + label,
  div.document main#reference .inner .body .layout .required label.active,
  div.document main#template .inner .body .layout .required input:checked + label,
  div.document main#template .inner .body .layout .required label.active,
  div.document main#mobilization .inner .body .layout .required input:checked + label,
  div.document main#mobilization .inner .body .layout .required label.active {
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container,
  div.document main .inner .body .layout .meta-container,
  div.document main#pad .inner .body .layout .media-container,
  div.document main#pad .inner .body .layout .meta-container,
  div.document main#reference .inner .body .layout .media-container,
  div.document main#reference .inner .body .layout .meta-container,
  div.document main#template .inner .body .layout .media-container,
  div.document main#template .inner .body .layout .meta-container,
  div.document main#mobilization .inner .body .layout .media-container,
  div.document main#mobilization .inner .body .layout .meta-container {
    clear: both;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .media-container .opts,
  div.document main .inner .body .layout .meta-container .opts,
  div.document main#pad .inner .body .layout .media-container .opts,
  div.document main#pad .inner .body .layout .meta-container .opts,
  div.document main#reference .inner .body .layout .media-container .opts,
  div.document main#reference .inner .body .layout .meta-container .opts,
  div.document main#template .inner .body .layout .media-container .opts,
  div.document main#template .inner .body .layout .meta-container .opts,
  div.document main#mobilization .inner .body .layout .media-container .opts,
  div.document main#mobilization .inner .body .layout .meta-container .opts {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group,
  div.document main .inner .body .layout .meta-container .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group,
  div.document main#template .inner .body .layout .media-container .opts .opt-group,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group {
    display: none;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt {
    position: relative;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt .repeat {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    /*color: $c-mid-1;*/
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 0px;
    /*border-top: 1px solid $c-light-yellow;*/
    border-top: 1px solid #e5e5e5;
    outline: none;
    /*transform: translateY(5px);*/
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label {
    display: none;
    top: 40px;
    z-index: 1000;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span {
    font-weight: bold;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.color {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 15px;
    transform: translateY(-3px);
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt:last-child {
    margin-right: 0;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.active {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    outline: 1px solid #969696;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group label,
  div.document main .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group label {
    position: absolute;
    left: 0;
    height: 30px;
    padding: 0 10px;
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts,
  div.document main .inner .body .layout .meta-container .placement-opts,
  div.document main#pad .inner .body .layout .media-container .placement-opts,
  div.document main#pad .inner .body .layout .meta-container .placement-opts,
  div.document main#reference .inner .body .layout .media-container .placement-opts,
  div.document main#reference .inner .body .layout .meta-container .placement-opts,
  div.document main#template .inner .body .layout .media-container .placement-opts,
  div.document main#template .inner .body .layout .meta-container .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container .placement-opts {
    top: 0;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts .opt i,
  div.document main .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#template .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .placement-opts .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .align-opts .opt i,
  div.document main .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .align-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .align-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#template .inner .body .layout .media-container .align-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .align-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .align-opts .opt i {
    transform: rotate(90deg);
  }
  div.document main .inner .body .layout .media-container .add-opt,
  div.document main .inner .body .layout .meta-container .add-opt,
  div.document main#pad .inner .body .layout .media-container .add-opt,
  div.document main#pad .inner .body .layout .meta-container .add-opt,
  div.document main#reference .inner .body .layout .media-container .add-opt,
  div.document main#reference .inner .body .layout .meta-container .add-opt,
  div.document main#template .inner .body .layout .media-container .add-opt,
  div.document main#template .inner .body .layout .meta-container .add-opt,
  div.document main#mobilization .inner .body .layout .media-container .add-opt,
  div.document main#mobilization .inner .body .layout .meta-container .add-opt {
    height: 30px;
    padding: 0 5px;
    color: #969696;
  }
  div.document main .inner .body .layout .media-container .add-opt i,
  div.document main .inner .body .layout .meta-container .add-opt i,
  div.document main#pad .inner .body .layout .media-container .add-opt i,
  div.document main#pad .inner .body .layout .meta-container .add-opt i,
  div.document main#reference .inner .body .layout .media-container .add-opt i,
  div.document main#reference .inner .body .layout .meta-container .add-opt i,
  div.document main#template .inner .body .layout .media-container .add-opt i,
  div.document main#template .inner .body .layout .meta-container .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container .add-opt i {
    display: none;
    line-height: 30px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container div.instruction,
  div.document main .inner .body .layout .meta-container div.instruction,
  div.document main#pad .inner .body .layout .media-container div.instruction,
  div.document main#pad .inner .body .layout .meta-container div.instruction,
  div.document main#reference .inner .body .layout .media-container div.instruction,
  div.document main#reference .inner .body .layout .meta-container div.instruction,
  div.document main#template .inner .body .layout .media-container div.instruction,
  div.document main#template .inner .body .layout .meta-container div.instruction,
  div.document main#mobilization .inner .body .layout .media-container div.instruction,
  div.document main#mobilization .inner .body .layout .meta-container div.instruction {
    padding: 5px 0 5px 10px;
    margin-bottom: 5px;
    border-left: 1px dotted #969696;
    color: #969696;
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#pad .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#pad .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#reference .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#reference .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#template .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#template .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#mobilization .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#mobilization .inner .body .layout .meta-container div.instruction p:not(:last-child) {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media,
  div.document main .inner .body .layout .media-container .meta,
  div.document main .inner .body .layout .meta-container .media,
  div.document main .inner .body .layout .meta-container .meta,
  div.document main#pad .inner .body .layout .media-container .media,
  div.document main#pad .inner .body .layout .media-container .meta,
  div.document main#pad .inner .body .layout .meta-container .media,
  div.document main#pad .inner .body .layout .meta-container .meta,
  div.document main#reference .inner .body .layout .media-container .media,
  div.document main#reference .inner .body .layout .media-container .meta,
  div.document main#reference .inner .body .layout .meta-container .media,
  div.document main#reference .inner .body .layout .meta-container .meta,
  div.document main#template .inner .body .layout .media-container .media,
  div.document main#template .inner .body .layout .media-container .meta,
  div.document main#template .inner .body .layout .meta-container .media,
  div.document main#template .inner .body .layout .meta-container .meta,
  div.document main#mobilization .inner .body .layout .media-container .media,
  div.document main#mobilization .inner .body .layout .media-container .meta,
  div.document main#mobilization .inner .body .layout .meta-container .media,
  div.document main#mobilization .inner .body .layout .meta-container .meta {
    clear: both;
    position: relative;
    outline: none;
    color: #000000;
  }
  div.document main .inner .body .layout .media-container .media-title,
  div.document main .inner .body .layout .meta-container .media-title,
  div.document main#pad .inner .body .layout .media-container .media-title,
  div.document main#pad .inner .body .layout .meta-container .media-title,
  div.document main#reference .inner .body .layout .media-container .media-title,
  div.document main#reference .inner .body .layout .meta-container .media-title,
  div.document main#template .inner .body .layout .media-container .media-title,
  div.document main#template .inner .body .layout .meta-container .media-title,
  div.document main#mobilization .inner .body .layout .media-container .media-title,
  div.document main#mobilization .inner .body .layout .meta-container .media-title {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-lead,
  div.document main .inner .body .layout .media-container .media-lead.focus,
  div.document main .inner .body .layout .meta-container .media-lead,
  div.document main .inner .body .layout .meta-container .media-lead.focus,
  div.document main#pad .inner .body .layout .media-container .media-lead,
  div.document main#pad .inner .body .layout .media-container .media-lead.focus,
  div.document main#pad .inner .body .layout .meta-container .media-lead,
  div.document main#pad .inner .body .layout .meta-container .media-lead.focus,
  div.document main#reference .inner .body .layout .media-container .media-lead,
  div.document main#reference .inner .body .layout .media-container .media-lead.focus,
  div.document main#reference .inner .body .layout .meta-container .media-lead,
  div.document main#reference .inner .body .layout .meta-container .media-lead.focus,
  div.document main#template .inner .body .layout .media-container .media-lead,
  div.document main#template .inner .body .layout .media-container .media-lead.focus,
  div.document main#template .inner .body .layout .meta-container .media-lead,
  div.document main#template .inner .body .layout .meta-container .media-lead.focus,
  div.document main#mobilization .inner .body .layout .media-container .media-lead,
  div.document main#mobilization .inner .body .layout .media-container .media-lead.focus,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead.focus {
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 1.5em;
    border-top: none;
    color: #005687;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .media-lead:focus,
  div.document main .inner .body .layout .meta-container .media-lead:focus,
  div.document main#pad .inner .body .layout .media-container .media-lead:focus,
  div.document main#pad .inner .body .layout .meta-container .media-lead:focus,
  div.document main#reference .inner .body .layout .media-container .media-lead:focus,
  div.document main#reference .inner .body .layout .meta-container .media-lead:focus,
  div.document main#template .inner .body .layout .media-container .media-lead:focus,
  div.document main#template .inner .body .layout .meta-container .media-lead:focus,
  div.document main#mobilization .inner .body .layout .media-container .media-lead:focus,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-txt,
  div.document main .inner .body .layout .meta-container .media-txt,
  div.document main#pad .inner .body .layout .media-container .media-txt,
  div.document main#pad .inner .body .layout .meta-container .media-txt,
  div.document main#reference .inner .body .layout .media-container .media-txt,
  div.document main#reference .inner .body .layout .meta-container .media-txt,
  div.document main#template .inner .body .layout .media-container .media-txt,
  div.document main#template .inner .body .layout .meta-container .media-txt,
  div.document main#mobilization .inner .body .layout .media-container .media-txt,
  div.document main#mobilization .inner .body .layout .meta-container .media-txt {
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container .media-txt p,
  div.document main .inner .body .layout .meta-container .media-txt p,
  div.document main#pad .inner .body .layout .media-container .media-txt p,
  div.document main#pad .inner .body .layout .meta-container .media-txt p,
  div.document main#reference .inner .body .layout .media-container .media-txt p,
  div.document main#reference .inner .body .layout .meta-container .media-txt p,
  div.document main#template .inner .body .layout .media-container .media-txt p,
  div.document main#template .inner .body .layout .meta-container .media-txt p,
  div.document main#mobilization .inner .body .layout .media-container .media-txt p,
  div.document main#mobilization .inner .body .layout .meta-container .media-txt p {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media-img,
  div.document main .inner .body .layout .meta-container .media-img,
  div.document main#pad .inner .body .layout .media-container .media-img,
  div.document main#pad .inner .body .layout .meta-container .media-img,
  div.document main#reference .inner .body .layout .media-container .media-img,
  div.document main#reference .inner .body .layout .meta-container .media-img,
  div.document main#template .inner .body .layout .media-container .media-img,
  div.document main#template .inner .body .layout .meta-container .media-img,
  div.document main#mobilization .inner .body .layout .media-container .media-img,
  div.document main#mobilization .inner .body .layout .meta-container .media-img {
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-img img,
  div.document main .inner .body .layout .meta-container .media-img img,
  div.document main#pad .inner .body .layout .media-container .media-img img,
  div.document main#pad .inner .body .layout .meta-container .media-img img,
  div.document main#reference .inner .body .layout .media-container .media-img img,
  div.document main#reference .inner .body .layout .meta-container .media-img img,
  div.document main#template .inner .body .layout .media-container .media-img img,
  div.document main#template .inner .body .layout .meta-container .media-img img,
  div.document main#mobilization .inner .body .layout .media-container .media-img img,
  div.document main#mobilization .inner .body .layout .meta-container .media-img img {
    vertical-align: bottom;
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-img img.cover,
  div.document main .inner .body .layout .meta-container .media-img img.cover,
  div.document main#pad .inner .body .layout .media-container .media-img img.cover,
  div.document main#pad .inner .body .layout .meta-container .media-img img.cover,
  div.document main#reference .inner .body .layout .media-container .media-img img.cover,
  div.document main#reference .inner .body .layout .meta-container .media-img img.cover,
  div.document main#template .inner .body .layout .media-container .media-img img.cover,
  div.document main#template .inner .body .layout .meta-container .media-img img.cover,
  div.document main#mobilization .inner .body .layout .media-container .media-img img.cover,
  div.document main#mobilization .inner .body .layout .meta-container .media-img img.cover {
    width: 100%;
    width: auto\9 ;
    height: auto;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-img.template,
  div.document main .inner .body .layout .meta-container .media-img.template,
  div.document main#pad .inner .body .layout .media-container .media-img.template,
  div.document main#pad .inner .body .layout .meta-container .media-img.template,
  div.document main#reference .inner .body .layout .media-container .media-img.template,
  div.document main#reference .inner .body .layout .meta-container .media-img.template,
  div.document main#template .inner .body .layout .media-container .media-img.template,
  div.document main#template .inner .body .layout .meta-container .media-img.template,
  div.document main#mobilization .inner .body .layout .media-container .media-img.template,
  div.document main#mobilization .inner .body .layout .meta-container .media-img.template {
    min-height: initial;
  }
  div.document main .inner .body .layout .media-container .media-mosaic,
  div.document main .inner .body .layout .meta-container .media-mosaic,
  div.document main#pad .inner .body .layout .media-container .media-mosaic,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic,
  div.document main#reference .inner .body .layout .media-container .media-mosaic,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic,
  div.document main#template .inner .body .layout .media-container .media-mosaic,
  div.document main#template .inner .body .layout .meta-container .media-mosaic,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item {
    position: relative;
    line-height: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-mosaic.x2,
  div.document main .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#pad .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#reference .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#template .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#template .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic.x2 {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files,
  div.document main .inner .body .layout .meta-container .media-files,
  div.document main#pad .inner .body .layout .media-container .media-files,
  div.document main#pad .inner .body .layout .meta-container .media-files,
  div.document main#reference .inner .body .layout .media-container .media-files,
  div.document main#reference .inner .body .layout .meta-container .media-files,
  div.document main#template .inner .body .layout .media-container .media-files,
  div.document main#template .inner .body .layout .meta-container .media-files,
  div.document main#mobilization .inner .body .layout .media-container .media-files,
  div.document main#mobilization .inner .body .layout .meta-container .media-files {
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-files.x2,
  div.document main .inner .body .layout .meta-container .media-files.x2,
  div.document main#pad .inner .body .layout .media-container .media-files.x2,
  div.document main#pad .inner .body .layout .meta-container .media-files.x2,
  div.document main#reference .inner .body .layout .media-container .media-files.x2,
  div.document main#reference .inner .body .layout .meta-container .media-files.x2,
  div.document main#template .inner .body .layout .media-container .media-files.x2,
  div.document main#template .inner .body .layout .meta-container .media-files.x2,
  div.document main#mobilization .inner .body .layout .media-container .media-files.x2,
  div.document main#mobilization .inner .body .layout .meta-container .media-files.x2 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files.x3,
  div.document main .inner .body .layout .meta-container .media-files.x3,
  div.document main#pad .inner .body .layout .media-container .media-files.x3,
  div.document main#pad .inner .body .layout .meta-container .media-files.x3,
  div.document main#reference .inner .body .layout .media-container .media-files.x3,
  div.document main#reference .inner .body .layout .meta-container .media-files.x3,
  div.document main#template .inner .body .layout .media-container .media-files.x3,
  div.document main#template .inner .body .layout .meta-container .media-files.x3,
  div.document main#mobilization .inner .body .layout .media-container .media-files.x3,
  div.document main#mobilization .inner .body .layout .meta-container .media-files.x3 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files .files-item,
  div.document main .inner .body .layout .meta-container .media-files .files-item,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item,
  div.document main#template .inner .body .layout .media-container .media-files .files-item,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item {
    position: relative;
    line-height: 0;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a,
  div.document main .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item a,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item a,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#template .inner .body .layout .media-container .media-files .files-item a,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item a,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item a {
    text-decoration: none !important;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a img,
  div.document main .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#template .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item a img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    /*line-height: 30px;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#template .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#template .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item.default-icon img {
    display: block;
    max-width: 150px;
    margin: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#template .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item.default-icon label {
    max-width: 200px;
    padding: 5px 10px;
    text-align: left;
    font-size: 12px;
    line-height: 1.3em;
    border: 1px solid #969696;
    border-left: 5px solid #969696;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#pad .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#pad .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#reference .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#reference .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#template .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#template .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#mobilization .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .media-drawing,
  div.document main .inner .body .layout .meta-container .media-drawing,
  div.document main#pad .inner .body .layout .media-container .media-drawing,
  div.document main#pad .inner .body .layout .meta-container .media-drawing,
  div.document main#reference .inner .body .layout .media-container .media-drawing,
  div.document main#reference .inner .body .layout .meta-container .media-drawing,
  div.document main#template .inner .body .layout .media-container .media-drawing,
  div.document main#template .inner .body .layout .meta-container .media-drawing,
  div.document main#mobilization .inner .body .layout .media-container .media-drawing,
  div.document main#mobilization .inner .body .layout .meta-container .media-drawing {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-drawing canvas,
  div.document main .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#pad .inner .body .layout .media-container .media-drawing canvas,
  div.document main#pad .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#reference .inner .body .layout .media-container .media-drawing canvas,
  div.document main#reference .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#template .inner .body .layout .media-container .media-drawing canvas,
  div.document main#template .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#mobilization .inner .body .layout .media-container .media-drawing canvas,
  div.document main#mobilization .inner .body .layout .meta-container .media-drawing canvas {
    margin: 10px auto;
    background-color: #fff;
    border: 1px solid transparent;
    cursor: crosshair;
  }
  div.document main .inner .body .layout .media-container .media-embed,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .media-embed,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .media-embed,
  div.document main#pad .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .media-embed,
  div.document main#pad .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .media-embed,
  div.document main#reference .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .media-embed,
  div.document main#reference .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .media-embed,
  div.document main#template .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .media-embed,
  div.document main#template .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .media-embed,
  div.document main#mobilization .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed:empty:not(:focus):before {
    font-family: Lucida Console, monospace;
  }
  div.document main .inner .body .layout .media-container .media-embed img,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main .inner .body .layout .meta-container .media-embed img,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#pad .inner .body .layout .media-container .media-embed img,
  div.document main#pad .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#pad .inner .body .layout .meta-container .media-embed img,
  div.document main#pad .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#reference .inner .body .layout .media-container .media-embed img,
  div.document main#reference .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#reference .inner .body .layout .meta-container .media-embed img,
  div.document main#reference .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#template .inner .body .layout .media-container .media-embed img,
  div.document main#template .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#template .inner .body .layout .meta-container .media-embed img,
  div.document main#template .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded,
  div.document main .inner .body .layout .meta-container .media-embed.padded,
  div.document main#pad .inner .body .layout .media-container .media-embed.padded,
  div.document main#pad .inner .body .layout .meta-container .media-embed.padded,
  div.document main#reference .inner .body .layout .media-container .media-embed.padded,
  div.document main#reference .inner .body .layout .meta-container .media-embed.padded,
  div.document main#template .inner .body .layout .media-container .media-embed.padded,
  div.document main#template .inner .body .layout .meta-container .media-embed.padded,
  div.document main#mobilization .inner .body .layout .media-container .media-embed.padded,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed.padded {
    padding: 5px 10px;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded img,
  div.document main .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#pad .inner .body .layout .media-container .media-embed.padded img,
  div.document main#pad .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#reference .inner .body .layout .media-container .media-embed.padded img,
  div.document main#reference .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#template .inner .body .layout .media-container .media-embed.padded img,
  div.document main#template .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed.padded img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed.padded img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-checklist,
  div.document main .inner .body .layout .media-container .media-radiolist,
  div.document main .inner .body .layout .media-container .meta-checklist,
  div.document main .inner .body .layout .media-container .meta-radiolist,
  div.document main .inner .body .layout .meta-container .media-checklist,
  div.document main .inner .body .layout .meta-container .media-radiolist,
  div.document main .inner .body .layout .meta-container .meta-checklist,
  div.document main .inner .body .layout .meta-container .meta-radiolist,
  div.document main#pad .inner .body .layout .media-container .media-checklist,
  div.document main#pad .inner .body .layout .media-container .media-radiolist,
  div.document main#pad .inner .body .layout .media-container .meta-checklist,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist,
  div.document main#pad .inner .body .layout .meta-container .media-checklist,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist,
  div.document main#reference .inner .body .layout .media-container .media-checklist,
  div.document main#reference .inner .body .layout .media-container .media-radiolist,
  div.document main#reference .inner .body .layout .media-container .meta-checklist,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist,
  div.document main#reference .inner .body .layout .meta-container .media-checklist,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist,
  div.document main#template .inner .body .layout .media-container .media-checklist,
  div.document main#template .inner .body .layout .media-container .media-radiolist,
  div.document main#template .inner .body .layout .media-container .meta-checklist,
  div.document main#template .inner .body .layout .media-container .meta-radiolist,
  div.document main#template .inner .body .layout .meta-container .media-checklist,
  div.document main#template .inner .body .layout .meta-container .media-radiolist,
  div.document main#template .inner .body .layout .meta-container .meta-checklist,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist {
    width: 100%;
    outline: none;
    white-space: pre-wrap;
  }
  div.document main .inner .body .layout .media-container .media-checklist .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#pad .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#pad .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#reference .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#reference .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#template .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#template .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#template .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#template .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#template .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#template .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist .instruction {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol,
  div.document main .inner .body .layout .media-container .media-radiolist ol,
  div.document main .inner .body .layout .media-container .meta-checklist ol,
  div.document main .inner .body .layout .media-container .meta-radiolist ol,
  div.document main .inner .body .layout .meta-container .media-checklist ol,
  div.document main .inner .body .layout .meta-container .media-radiolist ol,
  div.document main .inner .body .layout .meta-container .meta-checklist ol,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#template .inner .body .layout .media-container .media-checklist ol,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol {
    display: block;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt {
    /* CHANGE THE .option CLASS IN TEMPLATE TO STANDARDIZE TO .opt (ALREADY DONE IN pad.js) */
    display: flex;
    align-items: center;
    margin: 0;
    /*margin: 10px 0;*/
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div {
    padding: 0 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child {
    margin-right: 5px;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .rm {
    /*color: $c-light-1;*/
    color: #969696;
    pointer-events: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .grow {
    flex-grow: 1;
    align-self: center;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item {
    display: block;
    width: 100%;
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child {
    margin-bottom: 0;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm {
    color: #005687;
    pointer-events: all;
  }
  div.document main .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#template .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#template .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#template .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#template .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist.template .instruction {
    color: #000000;
    font-size: 16px;
  }
  div.document main .inner .body .layout .media-container .meta-location,
  div.document main .inner .body .layout .meta-container .meta-location,
  div.document main#pad .inner .body .layout .media-container .meta-location,
  div.document main#pad .inner .body .layout .meta-container .meta-location,
  div.document main#reference .inner .body .layout .media-container .meta-location,
  div.document main#reference .inner .body .layout .meta-container .meta-location,
  div.document main#template .inner .body .layout .media-container .meta-location,
  div.document main#template .inner .body .layout .meta-container .meta-location,
  div.document main#mobilization .inner .body .layout .media-container .meta-location,
  div.document main#mobilization .inner .body .layout .meta-container .meta-location {
    width: 100%;
  }
  div.document main .inner .body .layout .media-container .meta-location #map,
  div.document main .inner .body .layout .meta-container .meta-location #map,
  div.document main#pad .inner .body .layout .media-container .meta-location #map,
  div.document main#pad .inner .body .layout .meta-container .meta-location #map,
  div.document main#reference .inner .body .layout .media-container .meta-location #map,
  div.document main#reference .inner .body .layout .meta-container .meta-location #map,
  div.document main#template .inner .body .layout .media-container .meta-location #map,
  div.document main#template .inner .body .layout .meta-container .meta-location #map,
  div.document main#mobilization .inner .body .layout .media-container .meta-location #map,
  div.document main#mobilization .inner .body .layout .meta-container .meta-location #map {
    min-height: 300px;
  }
  div.document main .inner .body .layout .media-container .meta-index,
  div.document main .inner .body .layout .media-container .meta-sdgs,
  div.document main .inner .body .layout .meta-container .meta-index,
  div.document main .inner .body .layout .meta-container .meta-sdgs,
  div.document main#pad .inner .body .layout .media-container .meta-index,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs,
  div.document main#pad .inner .body .layout .meta-container .meta-index,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs,
  div.document main#reference .inner .body .layout .media-container .meta-index,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs,
  div.document main#reference .inner .body .layout .meta-container .meta-index,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs,
  div.document main#template .inner .body .layout .media-container .meta-index,
  div.document main#template .inner .body .layout .media-container .meta-sdgs,
  div.document main#template .inner .body .layout .meta-container .meta-index,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .meta-index,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs {
    width: 100%;
    min-height: 120px;
    line-height: 120px;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-index img,
  div.document main .inner .body .layout .media-container .meta-sdgs img,
  div.document main .inner .body .layout .meta-container .meta-index img,
  div.document main .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#pad .inner .body .layout .media-container .meta-index img,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs img,
  div.document main#pad .inner .body .layout .meta-container .meta-index img,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#reference .inner .body .layout .media-container .meta-index img,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs img,
  div.document main#reference .inner .body .layout .meta-container .meta-index img,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#template .inner .body .layout .media-container .meta-index img,
  div.document main#template .inner .body .layout .media-container .meta-sdgs img,
  div.document main#template .inner .body .layout .meta-container .meta-index img,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#mobilization .inner .body .layout .media-container .meta-index img,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs img {
    width: 120px;
    height: 120px;
    margin: 0 10px;
    vertical-align: top;
  }
  div.document main .inner .body .layout .media-container .meta-index.template,
  div.document main .inner .body .layout .media-container .meta-sdgs.template,
  div.document main .inner .body .layout .meta-container .meta-index.template,
  div.document main .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#pad .inner .body .layout .media-container .meta-index.template,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#pad .inner .body .layout .meta-container .meta-index.template,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#reference .inner .body .layout .media-container .meta-index.template,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#reference .inner .body .layout .meta-container .meta-index.template,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#template .inner .body .layout .media-container .meta-index.template,
  div.document main#template .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#template .inner .body .layout .meta-container .meta-index.template,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-index.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs.template {
    min-height: initial;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag,
  div.document main .inner .body .layout .media-container .meta-skills,
  div.document main .inner .body .layout .media-container .meta-methods,
  div.document main .inner .body .layout .media-container .meta-datasources,
  div.document main .inner .body .layout .meta-container .meta-tag,
  div.document main .inner .body .layout .meta-container .meta-skills,
  div.document main .inner .body .layout .meta-container .meta-methods,
  div.document main .inner .body .layout .meta-container .meta-datasources,
  div.document main#pad .inner .body .layout .media-container .meta-tag,
  div.document main#pad .inner .body .layout .media-container .meta-skills,
  div.document main#pad .inner .body .layout .media-container .meta-methods,
  div.document main#pad .inner .body .layout .media-container .meta-datasources,
  div.document main#pad .inner .body .layout .meta-container .meta-tag,
  div.document main#pad .inner .body .layout .meta-container .meta-skills,
  div.document main#pad .inner .body .layout .meta-container .meta-methods,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources,
  div.document main#reference .inner .body .layout .media-container .meta-tag,
  div.document main#reference .inner .body .layout .media-container .meta-skills,
  div.document main#reference .inner .body .layout .media-container .meta-methods,
  div.document main#reference .inner .body .layout .media-container .meta-datasources,
  div.document main#reference .inner .body .layout .meta-container .meta-tag,
  div.document main#reference .inner .body .layout .meta-container .meta-skills,
  div.document main#reference .inner .body .layout .meta-container .meta-methods,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources,
  div.document main#template .inner .body .layout .media-container .meta-tag,
  div.document main#template .inner .body .layout .media-container .meta-skills,
  div.document main#template .inner .body .layout .media-container .meta-methods,
  div.document main#template .inner .body .layout .media-container .meta-datasources,
  div.document main#template .inner .body .layout .meta-container .meta-tag,
  div.document main#template .inner .body .layout .meta-container .meta-skills,
  div.document main#template .inner .body .layout .meta-container .meta-methods,
  div.document main#template .inner .body .layout .meta-container .meta-datasources,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources {
    width: 100%;
    min-height: 31px;
    padding: 5px 0 10px 0;
    text-align: center;
    /*.tag {
    	display: inline-block;
    	color: $c-mid-blue;
    	font-size: $t-mid-small;
    	border: 1px solid $c-mid-blue;
    	padding: 5px 10px;
    	margin: 5px;

    	input {
    		display: none;
    	}
    	label {
    		cursor: pointer;
    	}
    }*/
    /*.tag:hover,*/
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag,
  div.document main .inner .body .layout .media-container .meta-skills .tag,
  div.document main .inner .body .layout .media-container .meta-methods .tag,
  div.document main .inner .body .layout .media-container .meta-datasources .tag,
  div.document main .inner .body .layout .meta-container .meta-tag .tag,
  div.document main .inner .body .layout .meta-container .meta-skills .tag,
  div.document main .inner .body .layout .meta-container .meta-methods .tag,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag {
    display: inline-block;
    border: none;
    padding: 0 15px;
    margin: 0 5px 5px 0;
    background-color: #e5e5e5;
    border-radius: calc(14px * 2);
    font-size: 14px;
    line-height: 2em;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag label,
  div.document main .inner .body .layout .media-container .meta-skills .tag label,
  div.document main .inner .body .layout .media-container .meta-methods .tag label,
  div.document main .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag.selected {
    background-color: #005687;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before {
    line-height: 31px;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template,
  div.document main .inner .body .layout .media-container .meta-skills.template,
  div.document main .inner .body .layout .media-container .meta-methods.template,
  div.document main .inner .body .layout .media-container .meta-datasources.template,
  div.document main .inner .body .layout .meta-container .meta-tag.template,
  div.document main .inner .body .layout .meta-container .meta-skills.template,
  div.document main .inner .body .layout .meta-container .meta-methods.template,
  div.document main .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#pad .inner .body .layout .media-container .meta-tag.template,
  div.document main#pad .inner .body .layout .media-container .meta-skills.template,
  div.document main#pad .inner .body .layout .media-container .meta-methods.template,
  div.document main#pad .inner .body .layout .media-container .meta-datasources.template,
  div.document main#pad .inner .body .layout .meta-container .meta-tag.template,
  div.document main#pad .inner .body .layout .meta-container .meta-skills.template,
  div.document main#pad .inner .body .layout .meta-container .meta-methods.template,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#reference .inner .body .layout .media-container .meta-tag.template,
  div.document main#reference .inner .body .layout .media-container .meta-skills.template,
  div.document main#reference .inner .body .layout .media-container .meta-methods.template,
  div.document main#reference .inner .body .layout .media-container .meta-datasources.template,
  div.document main#reference .inner .body .layout .meta-container .meta-tag.template,
  div.document main#reference .inner .body .layout .meta-container .meta-skills.template,
  div.document main#reference .inner .body .layout .meta-container .meta-methods.template,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#template .inner .body .layout .media-container .meta-tag.template,
  div.document main#template .inner .body .layout .media-container .meta-skills.template,
  div.document main#template .inner .body .layout .media-container .meta-methods.template,
  div.document main#template .inner .body .layout .media-container .meta-datasources.template,
  div.document main#template .inner .body .layout .meta-container .meta-tag.template,
  div.document main#template .inner .body .layout .meta-container .meta-skills.template,
  div.document main#template .inner .body .layout .meta-container .meta-methods.template,
  div.document main#template .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources.template {
    min-height: initial;
    padding: 0;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before {
    line-height: initial;
  }
  div.document main .inner .body .layout .media-container .meta-attachment,
  div.document main .inner .body .layout .meta-container .meta-attachment,
  div.document main#pad .inner .body .layout .media-container .meta-attachment,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment,
  div.document main#reference .inner .body .layout .media-container .meta-attachment,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment,
  div.document main#template .inner .body .layout .media-container .meta-attachment,
  div.document main#template .inner .body .layout .meta-container .meta-attachment,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-attachment a img,
  div.document main .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#pad .inner .body .layout .media-container .meta-attachment a img,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#reference .inner .body .layout .media-container .meta-attachment a img,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#template .inner .body .layout .media-container .meta-attachment a img,
  div.document main#template .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment a img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment a img {
    width: 120px;
    height: 120px;
  }
  div.document main .inner .body .layout .media-container .meta-attachment.template,
  div.document main .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#pad .inner .body .layout .media-container .meta-attachment.template,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#reference .inner .body .layout .media-container .meta-attachment.template,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#template .inner .body .layout .media-container .meta-attachment.template,
  div.document main#template .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment.template {
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .media-repeat button,
  div.document main .inner .body .layout .meta-container .media-repeat button,
  div.document main#pad .inner .body .layout .media-container .media-repeat button,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button,
  div.document main#reference .inner .body .layout .media-container .media-repeat button,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button,
  div.document main#template .inner .body .layout .media-container .media-repeat button,
  div.document main#template .inner .body .layout .meta-container .media-repeat button,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    margin-top: 30px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    border-top: 1px solid #969696;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-repeat button div,
  div.document main .inner .body .layout .meta-container .media-repeat button div,
  div.document main#pad .inner .body .layout .media-container .media-repeat button div,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button div,
  div.document main#reference .inner .body .layout .media-container .media-repeat button div,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button div,
  div.document main#template .inner .body .layout .media-container .media-repeat button div,
  div.document main#template .inner .body .layout .meta-container .media-repeat button div,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button div,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button div {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-repeat button::after,
  div.document main .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#pad .inner .body .layout .media-container .media-repeat button::after,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#reference .inner .body .layout .media-container .media-repeat button::after,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#template .inner .body .layout .media-container .media-repeat button::after,
  div.document main#template .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button::after,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #969696;
    transform: translate(-4px, -8px);
  }
  div.document main .inner .body .layout .media-container .media-repeat.template button,
  div.document main .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#pad .inner .body .layout .media-container .media-repeat.template button,
  div.document main#pad .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#reference .inner .body .layout .media-container .media-repeat.template button,
  div.document main#reference .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#template .inner .body .layout .media-container .media-repeat.template button,
  div.document main#template .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat.template button,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat.template button {
    cursor: text;
  }
  div.document main .inner .body .layout .media-container .inset,
  div.document main .inner .body .layout .meta-container .inset,
  div.document main#pad .inner .body .layout .media-container .inset,
  div.document main#pad .inner .body .layout .meta-container .inset,
  div.document main#reference .inner .body .layout .media-container .inset,
  div.document main#reference .inner .body .layout .meta-container .inset,
  div.document main#template .inner .body .layout .media-container .inset,
  div.document main#template .inner .body .layout .meta-container .inset,
  div.document main#mobilization .inner .body .layout .media-container .inset,
  div.document main#mobilization .inner .body .layout .meta-container .inset {
    width: 100%;
    max-height: 0;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    overflow: hidden;
    transition: max-height 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add,
  div.document main .inner .body .layout .media-container .inset .search,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main .inner .body .layout .meta-container .inset .search,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#pad .inner .body .layout .media-container .inset .search,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#pad .inner .body .layout .meta-container .inset .search,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#reference .inner .body .layout .media-container .inset .search,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#reference .inner .body .layout .meta-container .inset .search,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#template .inner .body .layout .media-container .inset .search,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#template .inner .body .layout .meta-container .inset .search,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#mobilization .inner .body .layout .media-container .inset .search,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search {
    position: relative;
    width: 100%;
    height: 75px;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .media-container .inset .search input[type=text],
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text] {
    width: calc(100% - 65px - 10px);
    height: 50px;
    margin: 15px 0 0 10px;
    border: none;
    /*border-bottom: 1px solid $c-dark-1;*/
    border-bottom: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    /*color: #FFF;*/
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0px);
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #934a5f inset !important;
    -webkit-text-fill-color: #333d51 !important;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main .inner .body .layout .media-container .inset .search label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main .inner .body .layout .meta-container .inset .search label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#pad .inner .body .layout .media-container .inset .search label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#pad .inner .body .layout .meta-container .inset .search label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#reference .inner .body .layout .media-container .inset .search label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#reference .inner .body .layout .meta-container .inset .search label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#template .inner .body .layout .media-container .inset .search label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#template .inner .body .layout .meta-container .inset .search label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search label {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 16px;
    line-height: 1.5em;
    /*color: #FFF;*/
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main .inner .body .layout .media-container .inset .search button,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main .inner .body .layout .meta-container .inset .search button,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#pad .inner .body .layout .media-container .inset .search button,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#pad .inner .body .layout .meta-container .inset .search button,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#reference .inner .body .layout .media-container .inset .search button,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#reference .inner .body .layout .meta-container .inset .search button,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#template .inner .body .layout .media-container .inset .search button,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#template .inner .body .layout .meta-container .inset .search button,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#mobilization .inner .body .layout .media-container .inset .search button,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search button {
    width: 65px;
    height: 65px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location,
  div.document main .inner .body .layout .meta-container .inset .inset-location,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location,
  div.document main#template .inner .body .layout .media-container .inset .inset-location,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location {
    max-height: 205px;
    padding: 0 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel {
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt {
    padding: 0 10px;
    margin: 5px 0;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover {
    background-color: #e5e5e5;
    color: #005687;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected {
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset .inset-index,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#template .inner .body .layout .media-container .inset .inset-index,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(6, 1fr);
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag {
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img {
    filter: brightness(300%);
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills,
  div.document main .inner .body .layout .media-container .inset .inset-methods,
  div.document main .inner .body .layout .media-container .inset .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset .inset-tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills,
  div.document main .inner .body .layout .meta-container .inset .inset-methods,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources {
    max-height: 205px;
    /*padding: 0 0 10px 10px;*/
    padding: 5px 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag {
    display: inline-block;
    padding: 0 5px;
    margin: 0 2.5px 2.5px 0;
    border: 1px solid #969696;
    border-radius: calc(12px * 1.5);
    color: #969696;
    font-size: 12px;
    line-height: 1.5em;
    transition: background-color 0.1s;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag input {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag label {
    padding: 3px 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset.template,
  div.document main .inner .body .layout .meta-container .inset.template,
  div.document main#pad .inner .body .layout .media-container .inset.template,
  div.document main#pad .inner .body .layout .meta-container .inset.template,
  div.document main#reference .inner .body .layout .media-container .inset.template,
  div.document main#reference .inner .body .layout .meta-container .inset.template,
  div.document main#template .inner .body .layout .media-container .inset.template,
  div.document main#template .inner .body .layout .meta-container .inset.template,
  div.document main#mobilization .inner .body .layout .media-container .inset.template,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template {
    /* THIS IS FOR TEMPLATES */
  }
  div.document main .inner .body .layout .media-container .inset.template div,
  div.document main .inner .body .layout .meta-container .inset.template div,
  div.document main#pad .inner .body .layout .media-container .inset.template div,
  div.document main#pad .inner .body .layout .meta-container .inset.template div,
  div.document main#reference .inner .body .layout .media-container .inset.template div,
  div.document main#reference .inner .body .layout .meta-container .inset.template div,
  div.document main#template .inner .body .layout .media-container .inset.template div,
  div.document main#template .inner .body .layout .meta-container .inset.template div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div {
    padding: 0 0 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel,
  div.document main .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template div .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template div .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#template .inner .body .layout .media-container .inset.template div .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div .panel {
    /*border-left: 1px solid $c-light-1;*/
    border-left: 1px solid #969696;
    padding: 10px 10px 0 10px;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#pad .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#pad .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#reference .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#reference .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#template .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#template .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div .panel .instruction {
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources {
    display: block;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel {
    /*.opt:not(.selected):hover {
    	background-color: transparent;
    	color: $c-light-green;
    }*/
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div {
    padding: 0 5px;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow {
    flex-grow: 1;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources {
    max-height: 300px;
  }
  div.document main .inner .body .layout .media-container figcaption,
  div.document main .inner .body .layout .meta-container figcaption,
  div.document main#pad .inner .body .layout .media-container figcaption,
  div.document main#pad .inner .body .layout .meta-container figcaption,
  div.document main#reference .inner .body .layout .media-container figcaption,
  div.document main#reference .inner .body .layout .meta-container figcaption,
  div.document main#template .inner .body .layout .media-container figcaption,
  div.document main#template .inner .body .layout .meta-container figcaption,
  div.document main#mobilization .inner .body .layout .media-container figcaption,
  div.document main#mobilization .inner .body .layout .meta-container figcaption {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .response.template,
  div.document main .inner .body .layout .meta-container .response.template,
  div.document main#pad .inner .body .layout .media-container .response.template,
  div.document main#pad .inner .body .layout .meta-container .response.template,
  div.document main#reference .inner .body .layout .media-container .response.template,
  div.document main#reference .inner .body .layout .meta-container .response.template,
  div.document main#template .inner .body .layout .media-container .response.template,
  div.document main#template .inner .body .layout .meta-container .response.template,
  div.document main#mobilization .inner .body .layout .media-container .response.template,
  div.document main#mobilization .inner .body .layout .meta-container .response.template {
    color: #969696;
    /*color: $c-mid-2;*/
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .drawing-container .opts,
  div.document main#pad .inner .body .layout .drawing-container .opts,
  div.document main#reference .inner .body .layout .drawing-container .opts,
  div.document main#template .inner .body .layout .drawing-container .opts,
  div.document main#mobilization .inner .body .layout .drawing-container .opts {
    border-bottom: none;
  }
  div.document main .inner .body .layout .results-container .chart svg rect,
  div.document main#pad .inner .body .layout .results-container .chart svg rect,
  div.document main#reference .inner .body .layout .results-container .chart svg rect,
  div.document main#template .inner .body .layout .results-container .chart svg rect,
  div.document main#mobilization .inner .body .layout .results-container .chart svg rect {
    fill: #0468b1;
    cursor: pointer;
  }
  div.document main .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#pad .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#reference .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#template .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#mobilization .inner .body .layout .results-container .chart svg rect:hover {
    fill: #005687;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#pad .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#reference .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#template .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#mobilization .inner .body .layout .results-container .chart svg .x.axis text {
    font-weight: bold;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#pad .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#reference .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#template .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#mobilization .inner .body .layout .results-container .chart svg .x.axis path {
    display: none;
  }
  div.document main .inner .body .layout .group-container,
  div.document main#pad .inner .body .layout .group-container,
  div.document main#reference .inner .body .layout .group-container,
  div.document main#template .inner .body .layout .group-container,
  div.document main#mobilization .inner .body .layout .group-container {
    position: relative;
    /*.media-group-items::before {
    	content: '';
    	position: absolute;
    	left: -30px;
    	top: -15px;
    	width: 100%;
    	height: 0;
    	border-top: 1px solid $c-mid-yellow;
    }*/
  }
  div.document main .inner .body .layout .group-container .media-group,
  div.document main#pad .inner .body .layout .group-container .media-group,
  div.document main#reference .inner .body .layout .group-container .media-group,
  div.document main#template .inner .body .layout .group-container .media-group,
  div.document main#mobilization .inner .body .layout .group-container .media-group {
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .group-container .media-group-items,
  div.document main#pad .inner .body .layout .group-container .media-group-items,
  div.document main#reference .inner .body .layout .group-container .media-group-items,
  div.document main#template .inner .body .layout .group-container .media-group-items,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items {
    width: calc(100% - 30px);
    margin: 15px 0 15px 30px;
  }
  div.document main .inner .body .layout .group-container .media-group-items::before,
  div.document main#pad .inner .body .layout .group-container .media-group-items::before,
  div.document main#reference .inner .body .layout .group-container .media-group-items::before,
  div.document main#template .inner .body .layout .group-container .media-group-items::before,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items::before {
    content: "";
    position: absolute;
    left: -30px;
    width: 0;
    height: 100%;
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #969696;
  }
  div.document main .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#pad .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#reference .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#template .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items.animate-in {
    opacity: 0;
    animation: slide-down 1s forwards;
  }
  div.document main .inner .body .layout .meta-container.template img,
  div.document main#pad .inner .body .layout .meta-container.template img,
  div.document main#reference .inner .body .layout .meta-container.template img,
  div.document main#template .inner .body .layout .meta-container.template img,
  div.document main#mobilization .inner .body .layout .meta-container.template img {
    width: 20px;
    height: 20px;
    margin: 5px 5px 0 0;
    vertical-align: text-bottom;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .media-embed {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover canvas {
    /*border-color: $c-light-yellow;*/
    border-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#template .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#template .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.focus .add-opt i,
  div.document main .inner .body .layout .media-container:hover .add-opt i,
  div.document main#pad .inner .body .layout .media-container.focus .add-opt i,
  div.document main#pad .inner .body .layout .media-container:hover .add-opt i,
  div.document main#reference .inner .body .layout .media-container.focus .add-opt i,
  div.document main#reference .inner .body .layout .media-container:hover .add-opt i,
  div.document main#template .inner .body .layout .media-container.focus .add-opt i,
  div.document main#template .inner .body .layout .media-container:hover .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container.focus .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .opts,
  div.document main .inner .body .layout .media-container:hover > .opts,
  div.document main#pad .inner .body .layout .media-container.focus > .opts,
  div.document main#pad .inner .body .layout .media-container:hover > .opts,
  div.document main#reference .inner .body .layout .media-container.focus > .opts,
  div.document main#reference .inner .body .layout .media-container:hover > .opts,
  div.document main#template .inner .body .layout .media-container.focus > .opts,
  div.document main#template .inner .body .layout .media-container:hover > .opts,
  div.document main#mobilization .inner .body .layout .media-container.focus > .opts,
  div.document main#mobilization .inner .body .layout .media-container:hover > .opts {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#template .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#template .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:hover > .opts .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .placement-opts,
  div.document main .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#pad .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#pad .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#reference .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#reference .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#template .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#template .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:hover > .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.move,
  div.document main .inner .body .layout .meta-container.move,
  div.document main#pad .inner .body .layout .media-container.move,
  div.document main#pad .inner .body .layout .meta-container.move,
  div.document main#reference .inner .body .layout .media-container.move,
  div.document main#reference .inner .body .layout .meta-container.move,
  div.document main#template .inner .body .layout .media-container.move,
  div.document main#template .inner .body .layout .meta-container.move,
  div.document main#mobilization .inner .body .layout .media-container.move,
  div.document main#mobilization .inner .body .layout .meta-container.move {
    transition: transform 0.75s;
  }
  div.document main .inner .body .layout:hover > .placement-opts,
  div.document main#pad .inner .body .layout:hover > .placement-opts,
  div.document main#reference .inner .body .layout:hover > .placement-opts,
  div.document main#template .inner .body .layout:hover > .placement-opts,
  div.document main#mobilization .inner .body .layout:hover > .placement-opts {
    display: block;
  }
  div.document main .inner .body .layout.focus,
  div.document main#pad .inner .body .layout.focus,
  div.document main#reference .inner .body .layout.focus,
  div.document main#template .inner .body .layout.focus,
  div.document main#mobilization .inner .body .layout.focus {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout.view,
  div.document main#pad .inner .body .layout.view,
  div.document main#reference .inner .body .layout.view,
  div.document main#template .inner .body .layout.view,
  div.document main#mobilization .inner .body .layout.view {
    border-top: none;
  }
  div.document main .inner .body .layout.view .input-type,
  div.document main#pad .inner .body .layout.view .input-type,
  div.document main#reference .inner .body .layout.view .input-type,
  div.document main#template .inner .body .layout.view .input-type,
  div.document main#mobilization .inner .body .layout.view .input-type {
    display: none;
  }
  div.document main .inner .body .layout.view .media-container,
  div.document main .inner .body .layout.view .meta-container,
  div.document main#pad .inner .body .layout.view .media-container,
  div.document main#pad .inner .body .layout.view .meta-container,
  div.document main#reference .inner .body .layout.view .media-container,
  div.document main#reference .inner .body .layout.view .meta-container,
  div.document main#template .inner .body .layout.view .media-container,
  div.document main#template .inner .body .layout.view .meta-container,
  div.document main#mobilization .inner .body .layout.view .media-container,
  div.document main#mobilization .inner .body .layout.view .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.view .media-container .media,
  div.document main .inner .body .layout.view .media-container .meta,
  div.document main .inner .body .layout.view .meta-container .media,
  div.document main .inner .body .layout.view .meta-container .meta,
  div.document main#pad .inner .body .layout.view .media-container .media,
  div.document main#pad .inner .body .layout.view .media-container .meta,
  div.document main#pad .inner .body .layout.view .meta-container .media,
  div.document main#pad .inner .body .layout.view .meta-container .meta,
  div.document main#reference .inner .body .layout.view .media-container .media,
  div.document main#reference .inner .body .layout.view .media-container .meta,
  div.document main#reference .inner .body .layout.view .meta-container .media,
  div.document main#reference .inner .body .layout.view .meta-container .meta,
  div.document main#template .inner .body .layout.view .media-container .media,
  div.document main#template .inner .body .layout.view .media-container .meta,
  div.document main#template .inner .body .layout.view .meta-container .media,
  div.document main#template .inner .body .layout.view .meta-container .meta,
  div.document main#mobilization .inner .body .layout.view .media-container .media,
  div.document main#mobilization .inner .body .layout.view .media-container .meta,
  div.document main#mobilization .inner .body .layout.view .meta-container .media,
  div.document main#mobilization .inner .body .layout.view .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .description-layout,
  div.document main#pad .inner .body .description-layout,
  div.document main#reference .inner .body .description-layout,
  div.document main#template .inner .body .description-layout,
  div.document main#mobilization .inner .body .description-layout {
    margin-top: 10px;
    padding-bottom: 30px;
    clear: both;
    /*border-top-color: $c-light-yellow;*/
    border-top-color: #e5e5e5;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .body .description-layout .media-container .media,
  div.document main .inner .body .description-layout .media-container .media.focus,
  div.document main#pad .inner .body .description-layout .media-container .media,
  div.document main#pad .inner .body .description-layout .media-container .media.focus,
  div.document main#reference .inner .body .description-layout .media-container .media,
  div.document main#reference .inner .body .description-layout .media-container .media.focus,
  div.document main#template .inner .body .description-layout .media-container .media,
  div.document main#template .inner .body .description-layout .media-container .media.focus,
  div.document main#mobilization .inner .body .description-layout .media-container .media,
  div.document main#mobilization .inner .body .description-layout .media-container .media.focus {
    border-top: none;
  }
  div.document main .inner .body .description-layout .media-container .media i,
  div.document main .inner .body .description-layout .media-container .media.focus i,
  div.document main#pad .inner .body .description-layout .media-container .media i,
  div.document main#pad .inner .body .description-layout .media-container .media.focus i,
  div.document main#reference .inner .body .description-layout .media-container .media i,
  div.document main#reference .inner .body .description-layout .media-container .media.focus i,
  div.document main#template .inner .body .description-layout .media-container .media i,
  div.document main#template .inner .body .description-layout .media-container .media.focus i,
  div.document main#mobilization .inner .body .description-layout .media-container .media i,
  div.document main#mobilization .inner .body .description-layout .media-container .media.focus i {
    color: #646464;
  }
  div.document main .inner .body .description-layout .meta-container,
  div.document main#pad .inner .body .description-layout .meta-container,
  div.document main#reference .inner .body .description-layout .meta-container,
  div.document main#template .inner .body .description-layout .meta-container,
  div.document main#mobilization .inner .body .description-layout .meta-container {
    margin: 0 0 5px 0;
    padding-top: 0;
  }
  div.document main .inner .body .description-layout .meta-container .meta-template,
  div.document main#pad .inner .body .description-layout .meta-container .meta-template,
  div.document main#reference .inner .body .description-layout .meta-container .meta-template,
  div.document main#template .inner .body .description-layout .meta-container .meta-template,
  div.document main#mobilization .inner .body .description-layout .meta-container .meta-template {
    font-size: 12px;
    line-height: 1.5em;
    display: inline-block;
    color: #969696;
  }
  div.document main .inner .body .description-layout .toc-container h1,
  div.document main#pad .inner .body .description-layout .toc-container h1,
  div.document main#reference .inner .body .description-layout .toc-container h1,
  div.document main#template .inner .body .description-layout .toc-container h1,
  div.document main#mobilization .inner .body .description-layout .toc-container h1 {
    font-size: 20px;
    line-height: 1.5em;
    color: #646464;
    font-weight: normal;
  }
  div.document main .inner .body .description-layout .toc-container li,
  div.document main#pad .inner .body .description-layout .toc-container li,
  div.document main#reference .inner .body .description-layout .toc-container li,
  div.document main#template .inner .body .description-layout .toc-container li,
  div.document main#mobilization .inner .body .description-layout .toc-container li {
    font-size: 16px;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
    cursor: pointer;
    list-style: initial;
    margin-left: 15px;
  }
  div.document main .inner .body .description-layout .toc-container li:hover,
  div.document main#pad .inner .body .description-layout .toc-container li:hover,
  div.document main#reference .inner .body .description-layout .toc-container li:hover,
  div.document main#template .inner .body .description-layout .toc-container li:hover,
  div.document main#mobilization .inner .body .description-layout .toc-container li:hover {
    text-decoration: underline;
  }
  div.document main .inner .body .description-layout .input-slideshow,
  div.document main#pad .inner .body .description-layout .input-slideshow,
  div.document main#reference .inner .body .description-layout .input-slideshow,
  div.document main#template .inner .body .description-layout .input-slideshow,
  div.document main#mobilization .inner .body .description-layout .input-slideshow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 15px 0 0 0;
    font-size: 14px;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label {
    border-color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow p,
  div.document main#pad .inner .body .description-layout .input-slideshow p,
  div.document main#reference .inner .body .description-layout .input-slideshow p,
  div.document main#template .inner .body .description-layout .input-slideshow p,
  div.document main#mobilization .inner .body .description-layout .input-slideshow p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  div.document main .inner .body .description-layout.view .media-container,
  div.document main .inner .body .description-layout.view .meta-container,
  div.document main#pad .inner .body .description-layout.view .media-container,
  div.document main#pad .inner .body .description-layout.view .meta-container,
  div.document main#reference .inner .body .description-layout.view .media-container,
  div.document main#reference .inner .body .description-layout.view .meta-container,
  div.document main#template .inner .body .description-layout.view .media-container,
  div.document main#template .inner .body .description-layout.view .meta-container,
  div.document main#mobilization .inner .body .description-layout.view .media-container,
  div.document main#mobilization .inner .body .description-layout.view .meta-container {
    padding-top: 0;
  }
  div.document main .inner .body .description-layout.view .media-container .media,
  div.document main .inner .body .description-layout.view .meta-container .media,
  div.document main#pad .inner .body .description-layout.view .media-container .media,
  div.document main#pad .inner .body .description-layout.view .meta-container .media,
  div.document main#reference .inner .body .description-layout.view .media-container .media,
  div.document main#reference .inner .body .description-layout.view .meta-container .media,
  div.document main#template .inner .body .description-layout.view .media-container .media,
  div.document main#template .inner .body .description-layout.view .meta-container .media,
  div.document main#mobilization .inner .body .description-layout.view .media-container .media,
  div.document main#mobilization .inner .body .description-layout.view .meta-container .media {
    color: #969696;
  }
  div.document main .inner .body .layout.preview .media-container,
  div.document main .inner .body .layout.preview .meta-container,
  div.document main#pad .inner .body .layout.preview .media-container,
  div.document main#pad .inner .body .layout.preview .meta-container,
  div.document main#reference .inner .body .layout.preview .media-container,
  div.document main#reference .inner .body .layout.preview .meta-container,
  div.document main#template .inner .body .layout.preview .media-container,
  div.document main#template .inner .body .layout.preview .meta-container,
  div.document main#mobilization .inner .body .layout.preview .media-container,
  div.document main#mobilization .inner .body .layout.preview .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.preview .media-container .media,
  div.document main .inner .body .layout.preview .media-container .meta,
  div.document main .inner .body .layout.preview .meta-container .media,
  div.document main .inner .body .layout.preview .meta-container .meta,
  div.document main#pad .inner .body .layout.preview .media-container .media,
  div.document main#pad .inner .body .layout.preview .media-container .meta,
  div.document main#pad .inner .body .layout.preview .meta-container .media,
  div.document main#pad .inner .body .layout.preview .meta-container .meta,
  div.document main#reference .inner .body .layout.preview .media-container .media,
  div.document main#reference .inner .body .layout.preview .media-container .meta,
  div.document main#reference .inner .body .layout.preview .meta-container .media,
  div.document main#reference .inner .body .layout.preview .meta-container .meta,
  div.document main#template .inner .body .layout.preview .media-container .media,
  div.document main#template .inner .body .layout.preview .media-container .meta,
  div.document main#template .inner .body .layout.preview .meta-container .media,
  div.document main#template .inner .body .layout.preview .meta-container .meta,
  div.document main#mobilization .inner .body .layout.preview .media-container .media,
  div.document main#mobilization .inner .body .layout.preview .media-container .meta,
  div.document main#mobilization .inner .body .layout.preview .meta-container .media,
  div.document main#mobilization .inner .body .layout.preview .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .layout.preview .media-container .placement-opts,
  div.document main .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#pad .inner .body .layout.preview .media-container .placement-opts,
  div.document main#pad .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#reference .inner .body .layout.preview .media-container .placement-opts,
  div.document main#reference .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#template .inner .body .layout.preview .media-container .placement-opts,
  div.document main#template .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#mobilization .inner .body .layout.preview .media-container .placement-opts,
  div.document main#mobilization .inner .body .layout.preview .meta-container .placement-opts {
    top: 15px;
  }
  div.document main .inner .body .layout.animate-in,
  div.document main#pad .inner .body .layout.animate-in,
  div.document main#reference .inner .body .layout.animate-in,
  div.document main#template .inner .body .layout.animate-in,
  div.document main#mobilization .inner .body .layout.animate-in {
    animation: slide-down 1s;
  }
  div.document main .inner .engagement-group,
  div.document main#pad .inner .engagement-group,
  div.document main#reference .inner .engagement-group,
  div.document main#template .inner .engagement-group,
  div.document main#mobilization .inner .engagement-group {
    margin: 10px 0 0 -7px;
  }
  div.document main .inner .engagement-group.page-stats,
  div.document main#pad .inner .engagement-group.page-stats,
  div.document main#reference .inner .engagement-group.page-stats,
  div.document main#template .inner .engagement-group.page-stats,
  div.document main#mobilization .inner .engagement-group.page-stats {
    margin-top: 0;
  }
  div.document main .inner .engagement-group .engagement,
  div.document main#pad .inner .engagement-group .engagement,
  div.document main#reference .inner .engagement-group .engagement,
  div.document main#template .inner .engagement-group .engagement,
  div.document main#mobilization .inner .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.document main .inner .engagement-group .engagement img,
  div.document main#pad .inner .engagement-group .engagement img,
  div.document main#reference .inner .engagement-group .engagement img,
  div.document main#template .inner .engagement-group .engagement img,
  div.document main#mobilization .inner .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.document main .inner .engagement-group .engagement span,
  div.document main#pad .inner .engagement-group .engagement span,
  div.document main#reference .inner .engagement-group .engagement span,
  div.document main#template .inner .engagement-group .engagement span,
  div.document main#mobilization .inner .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.document main .inner .engagement-group .engagement.engagement-reads,
  div.document main#pad .inner .engagement-group .engagement.engagement-reads,
  div.document main#reference .inner .engagement-group .engagement.engagement-reads,
  div.document main#template .inner .engagement-group .engagement.engagement-reads,
  div.document main#mobilization .inner .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.document main .inner .engagement-group .engagement:disabled img,
  div.document main#pad .inner .engagement-group .engagement:disabled img,
  div.document main#reference .inner .engagement-group .engagement:disabled img,
  div.document main#template .inner .engagement-group .engagement:disabled img,
  div.document main#mobilization .inner .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.document .media-input-group {
    position: fixed;
    top: 0;
    left: calc((100vw - 975px) / 2 + 900px + 1px);
    max-height: 80vh;
    transform: translateY(90px);
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;
  }
  div.document .media-input-group .inner {
    max-height: 80vh;
    overflow: hidden;
    background-color: #fff;
  }
  div.document .media-input-group .inner .btn-group {
    display: flex;
    flex-direction: column;
    outline: none;
    margin: 10px 0;
    background-color: #fff;
  }
  div.document .media-input-group .inner .btn-group input {
    display: none;
  }
  div.document .media-input-group .inner .btn-group label,
  div.document .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    float: left;
    width: 44px;
    height: 45px;
    margin: 0 7px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  div.document .media-input-group .inner .btn-group label label,
  div.document .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  div.document .media-input-group .inner .btn-group label label span,
  div.document .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  div.document .media-input-group .inner .btn-group label i,
  div.document .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  div.document .media-input-group .inner .btn-group label img,
  div.document .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  div.document .media-input-group .inner .btn-group label:hover,
  div.document .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  div.document .media-input-group .inner .btn-group label.highlight,
  div.document .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  div.document .media-input-group .inner .btn-group input:disabled,
  div.document .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  div.document .media-input-group .inner .btn-group input:disabled img,
  div.document .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  div.document .media-input-group .inner .btn-group .vertical-separator {
    width: 59px;
    height: 0px;
    /*border-top: 1px dotted $c-light-grey;*/
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  div.document .media-input-group button.scroll-up,
  div.document .media-input-group button.scroll-down {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  div.document .media-input-group button.scroll-up label,
  div.document .media-input-group button.scroll-down label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    transform-origin: center;
    cursor: pointer;
    color: #646464;
  }
  div.document .media-input-group button.scroll-up {
    top: 0px;
  }
  div.document .media-input-group button.scroll-up label {
    transform: rotate(-90deg);
  }
  div.document .media-input-group button.scroll-down {
    bottom: 0px;
  }
  div.document .media-input-group button.scroll-down label {
    transform: rotate(90deg);
  }
  div.document .input-group.overflowing .inner .btn-group {
    margin: 40px 0;
  }
  div.document .input-group.inline .inner .btn-group {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  div.document .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  div.document .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  div.document .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  div.document.slideshow {
    width: 100%;
    position: static;
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 30px);
    box-sizing: border-box;
  }
  div.document.slideshow main#pad {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.document.slideshow main#pad > .inner {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  div.document.slideshow main#pad > .inner .meta-info {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.prev {
    left: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.next {
    right: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document.slideshow main#pad > .inner .slide {
    position: relative;
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    width: 100vw !important;
    min-height: 100vh;
    max-height: 100%;
    box-sizing: border-box;
    padding: 30px calc((100vw - 840px) / 2) 60px calc((100vw - 840px) / 2);
    scroll-snap-align: center;
    overflow-x: visible;
    overflow-y: scroll;
  }
  div.document.slideshow main#pad > .inner .slide div.required {
    left: calc((100vw - 840px) / 2 - 45px);
    top: 50%;
  }
  div.document.slideshow main#pad > .inner .slide .opts .opt-group label {
    left: calc((100vw - 840px) / 2) !important;
  }
  div.document.slideshow main#pad > .inner .description-layout.slide {
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner div.body {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  div.document.slideshow main#pad > .inner div.body section:not(.slide) {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    margin: 0;
  }
  div.document.slideshow main#pad > .inner div.body .media-input-group {
    left: auto;
    right: 60px;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide {
    display: flex;
    align-items: center;
    top: 0;
    height: 100%;
    margin: 0;
    z-index: 0;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide .btn-group {
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  main#reference {
    pointer-events: none;
  }
  footer {
    position: relative;
    width: 100%;
    clear: both;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #e5e5e5;
    z-index: 1000;
  }
  footer.pad {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 1fr auto;
  }
  footer.pad > .inner {
    min-width: 929px;
    max-width: calc(100vw - 135px);
    width: auto;
    border-right: none;
    transform: none;
  }
  footer .inner {
    position: relative;
    display: block;
    width: 718px;
    margin: 0 auto;
    padding: 30px 60px 30px 60px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateX(1px);
    /* BELOW IS FOR THE COMMENTS MODULE */
  }
  footer .inner h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  footer .inner form {
    position: relative;
    margin: 15px 0 45px 0;
  }
  footer .inner form textarea {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    /*min-height: $t-main;*/
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 10px 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  footer .inner form label {
    position: absolute;
    left: 30px;
    top: 11px;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  footer .inner form label::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -35px;
    width: 30px;
    height: 30px;
    background: url("../imgs/icons/i-comment-outline.svg");
    filter: brightness(75%);
  }
  footer .inner form textarea + label {
    pointer-events: none;
  }
  footer .inner form textarea:focus + label,
  footer .inner form textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  footer .inner form .btn-group {
    border-top: 1px solid #646464;
  }
  footer .inner form .btn-group button {
    display: none;
    height: 30px;
    padding: 0 10px;
    border-radius: 0;
    /*background-color: $c-mid-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    color: #fff;
    float: right;
  }
  footer .inner form .btn-group button:disabled {
    background-color: #e5e5e5;
    color: #fff;
  }
  footer .inner form textarea:focus + label + .btn-group,
  footer .inner form textarea.has-value + label + .btn-group {
    /*border-color: $c-mid-yellow;*/
    border-color: #e5e5e5;
  }
  footer .inner form textarea:focus + label + .btn-group button,
  footer .inner form textarea.has-value + label + .btn-group button {
    display: block;
  }
  footer .inner ul.comments li {
    margin: 15px 0;
  }
  footer .inner ul.comments li .head .meta .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .head .meta .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  footer .inner ul.comments li .head .meta .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .body {
    font-size: 14px;
    line-height: 1.5em;
  }
  footer .inner ul.comments li .foot button.expand-collapsed {
    background-color: transparent;
    height: 15px;
    border: none;
    outline: none;
    color: #646464;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    cursor: pointer;
  }
  footer .inner ul.comments li .foot button.expand-collapsed.wide {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  footer .inner ul.comments li .foot .collapsed {
    position: relative;
    max-height: 0;
    padding-left: 30px;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  footer .inner ul.comments li .foot .collapsed ul.replies li {
    margin-top: 5px;
  }
  footer .inner ul.comments li .foot .collapsed form {
    margin-bottom: 30px;
  }
  footer .inner ul.comments li .foot .collapsed::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 7.5px;
    width: 0;
    height: calc(100% - 15px);
    border-left: 1px dotted #969696;
  }
  footer .inner button {
    height: 45px;
    background-color: #333d51;
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  footer .inner .approval-message {
    position: relative;
    width: 875px;
    margin: 0 auto;
    padding: 10px;
  }
  footer .inner .approval-message small {
    font-size: 12px;
    line-height: 1.5em;
    color: #c2b4d6;
  }
  footer .inner .approval-message p {
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  footer .inner .approval-message::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -11px;
    height: calc(100% + 15px);
    width: 1px;
    background-color: #c2b4d6;
  }
  footer .inner .approval-message::after {
    content: "“";
    position: absolute;
    /*top: calc(16px / 4);*/
    top: calc(10px + 16px);
    left: -11px;
    width: 10px;
    vertical-align: middle;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #c2b4d6;
    /*border-bottom: 1px solid $c-light-1;*/
    font-size: 36px;
    line-height: 1.5em;
    color: #c2b4d6;
    text-align: center;
  }
  .document.offset {
    padding-top: 50px;
  }
  .document.offset main .inner .meta-status {
    top: 50px !important;
  }
  .document.offset main .inner .media-input-group {
    top: 20px !important;
  }
  div.source-container,
  main#reviews {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    margin-top: 30px;
    /*
    height: 100vh;
    overflow: auto;
    vertical-align: top;
    filter: grayscale(1);

    main#reference {
    	width: 100%;
    	min-width: 0;
    	margin: 60px 0 0 0;

    	.inner {
    		.head {
    			a {
    				display: none;
    			}
    		}
    		.slide-nav,
    		.meta-status {
    			display: none !important;
    		}
    	}
    }
    .review {
    	position: relative;
    	width: 100%;
    }
    .review:not(:last-child) {
    	&::after {
    		content: '';
    		position: absolute;
    		left: -60px;
    		bottom: 0;
    		width: calc(100% + 120px);
    		height: 0;
    		border-bottom: 1px solid $c-light-grey;
    	}
    }
    */
  }
  .document.split-screen {
    width: 100%;
    height: 100vh;
    overflow: auto;
    border: none;
    box-sizing: border-box;
  }
  .document.split-screen main .inner .meta-status,
  .document.split-screen main#pad .inner .meta-status {
    top: 0;
  }
  .document.split-screen.right .media-input-group {
    left: auto !important;
    right: 0 !important;
  }
  .document.split-screen.right main .inner button.scroll-nav {
    width: 50% !important;
    left: 50% !important;
  }
  .document.split-screen.left {
    margin-left: 0;
  }
  .document.split-screen.left .media-input-group {
    left: auto !important;
    right: 50% !important;
  }
  div.display-option {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 1000000;
  }
  div.display-option a button {
    width: 100%;
    height: 20px;
    outline: none;
    border: none;
    padding: 0 10px;
    background-color: #969696;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
    vertical-align: top;
    transition: background-color 0.25s;
  }
  div.display-option a button:hover {
    background-color: #646464;
  }
  div.display-option.split-screen {
    pointer-events: none;
  }
  div.display-option.split-screen a {
    pointer-events: all;
  }
  div.display-option.split-screen a button {
    width: 50%;
  }
  div.display-option.split-screen.right {
    text-align: right;
  }
  .media-input-group {
    position: sticky;
    top: 90px;
    width: 60px;
    max-height: 80vh;
    margin-left: -61px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;
  }
  .media-input-group .inner {
    max-height: 80vh;
    overflow: hidden;
    background-color: #fff;
  }
  .media-input-group .inner .btn-group {
    display: flex;
    flex-direction: column;
    outline: none;
    margin: 10px 0;
    background-color: #fff;
  }
  .media-input-group .inner .btn-group input {
    display: none;
  }
  .media-input-group .inner .btn-group label,
  .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    float: left;
    width: 44px;
    height: 45px;
    margin: 0 7px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .media-input-group .inner .btn-group label label,
  .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  .media-input-group .inner .btn-group label label span,
  .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  .media-input-group .inner .btn-group label i,
  .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  .media-input-group .inner .btn-group label img,
  .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  .media-input-group .inner .btn-group label:hover,
  .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  .media-input-group .inner .btn-group label.highlight,
  .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  .media-input-group .inner .btn-group input:disabled,
  .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  .media-input-group .inner .btn-group input:disabled img,
  .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  .media-input-group .inner .btn-group .vertical-separator {
    width: 59px;
    height: 0px;
    /*border-top: 1px dotted $c-light-grey;*/
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  .media-input-group button.scroll-up,
  .media-input-group button.scroll-down {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  .media-input-group button.scroll-up label,
  .media-input-group button.scroll-down label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    transform-origin: center;
    cursor: pointer;
    color: #646464;
  }
  .media-input-group button.scroll-up {
    top: 0px;
  }
  .media-input-group button.scroll-up label {
    transform: rotate(-90deg);
  }
  .media-input-group button.scroll-down {
    bottom: 0px;
  }
  .media-input-group button.scroll-down label {
    transform: rotate(90deg);
  }
  .input-group.overflowing .inner .btn-group {
    margin: 40px 0;
  }
  .input-group.inline .inner .btn-group {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  .fact-sheet {
    position: relative;
    display: block;
    width: 840px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    min-height: calc(100vh - 30px);
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .fact-sheet main#profile .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 30px -60px;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button.save {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  .fact-sheet main#profile .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  .fact-sheet main#profile .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  .fact-sheet main#profile .inner .head i {
    position: absolute;
    right: 100%;
  }
  .fact-sheet main#profile .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  .fact-sheet main#profile .inner .body form button.expand-collapsed {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
    /*
    &::after {
    	content: '';
    	position: absolute;
    	top: 0;
    	width: 0;
    	height: 0;
    	border-left: 6px solid transparent;
    	border-right: 6px solid transparent;
    	border-bottom: 8px solid $c-light-grey;
    	transform: translate(-4px, -8px);
    }
    */
  }
  .fact-sheet main#profile .inner .body form div.info {
    margin: 30px 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -45px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input:checked + label,
  .fact-sheet main#profile .inner .body form div.info ul li .required label.active {
    color: #a51e41;
  }
  .fact-sheet main#profile .inner .body form div.info ul li label.instruction {
    display: inline-block;
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    /*margin-bottom: 5px;*/
    border-left: 1px dotted #969696;
    font-size: 14px;
    line-height: 1.5em;
    vertical-align: middle;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group {
    display: inline-block;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group input.toggle + label {
    margin: 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group {
    display: inline-block;
    position: relative;
    width: 30%;
    margin: 0 auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    box-sizing: border-box;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group.margin-left {
    margin-left: calc(30% + 30px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard {
    /*display: flex;
    justify-content: flex-start;
    align-items: top;*/
    width: 100%;
    min-height: 45px;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins {
    display: flex;
    margin: auto 0;
    flex-wrap: wrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin {
    display: inline-block;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    line-height: 30px;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin label {
    vertical-align: top;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: normal;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .close {
    display: inline-block;
    width: 30px;
    background-color: #969696;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:disabled {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:invalid,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown {
    position: absolute;
    width: calc(100% + 30px);
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add button {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 15px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text]:focus ~ button,
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text].has-value ~ button {
    display: block;
  }
  .fact-sheet main#profile .inner .body form div.info ul li button.add-info {
    min-height: 45px;
    /*width: 100%;*/
    border: none;
    outline: none;
    background-color: transparent;
    color: #969696;
    cursor: pointer;
    /*background: repeating-linear-gradient(
    	45deg,
    	transparent,
    	transparent 3px,
    	rgba(150, 150, 150, .1) 3px,
    	rgba(150, 150, 150, .1) 6px
    );*/
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed button.expand-collapsed {
    margin-top: 15px;
  }
  .fact-sheet main#profile .inner div.foot {
    padding-bottom: 60px;
  }
  .fact-sheet main#profile .inner div.foot .api-token form {
    display: flex;
  }
  .fact-sheet main#profile .inner div.foot .api-token form button.request-token {
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    border: 1px solid #969696;
    /*border-left: 1px dotted $c-light-grey;*/
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group {
    display: flex;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group input[type=text] {
    flex-grow: 1;
    padding: 5px 0 5px 15px;
    border: 1px solid #969696;
    border-left: 0;
    border-right: 0;
    outline: none;
    font-size: 14px;
    line-height: 1.5em;
    cursor: copy;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group button.copy {
    width: 60px;
    background-color: #32bee1;
    border: none;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet {
    width: 100%;
    box-sizing: border-box;
  }
  .main-content.import {
    display: grid;
    grid-gap: 0;
  }
  div.table {
    display: block;
    width: 960px;
    padding: 30px 0 0 0;
    background-color: #fff;
    min-height: calc(100vh - 60px);
  }
  div.table main {
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
  }
  div.table main .inner .head {
    position: fixed;
    top: 30px;
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
    margin: 0;
    background-color: #fff;
    z-index: 100;
  }
  div.table main .inner .head .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  div.table main .inner .head .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.table main .inner .head .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.table main .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.table main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.table main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.table main .inner .body {
    margin-top: 60px;
    overflow: auto;
  }
  div.table main .inner .body .input-group {
    position: relative;
    display: flex;
    width: 100%;
    min-height: calc(100vh - 180px);
    overflow: hidden;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(100, 100, 100, 0.1) 3px, rgba(100, 100, 100, 0.1) 6px);
  }
  div.table main .inner .body .input-group .drop-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 30px;
    border: 2px dotted #32bee1;
    transition: margin 0.25s;
  }
  div.table main .inner .body .input-group .drop-zone input {
    display: none;
  }
  div.table main .inner .body .input-group .drop-zone button {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.table main .inner .body .input-group .drop-zone button label {
    display: block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .body .input-group.accept {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px) !important;
  }
  div.table main .inner .body .input-group.accept .drop-zone {
    margin: 45px;
    border-color: #32bee1 !important;
  }
  div.table main .inner .body .input-group.reject {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.table main .inner .body .input-group.reject .drop-zone {
    border-color: #a51e41;
  }
  div.table main .inner .body .btn-group {
    position: fixed;
    display: flex;
    justify-content: center;
    top: 0;
    /*left: calc((100vw - (300px * 3 + 15px * 4)) / 2);*/
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
    padding-top: 120px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 10;
  }
  div.table main .inner .body .btn-group form {
    border-top: 1px solid #e5e5e5;
    /*border-bottom: 1px solid $c-light-2;*/
    background-color: #fff;
  }
  div.table main .inner .body .btn-group form button {
    height: 60px;
    width: 60px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    cursor: pointer;
  }
  div.table main .inner .body .btn-group form button i {
    font-size: 20px;
  }
  div.table main .inner .body .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.table main .inner .body .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.table main .inner .body .btn-group form:first-child {
    border-left: 1px solid #e5e5e5;
  }
  div.table main .inner .body .btn-group form:last-child {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  div.table main .inner .body .table-container table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 12px;
  }
  div.table main .inner .body .table-container table thead {
    /*position: sticky;
    top: 90px;*/
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgb(239, 239, 239) 3px, rgb(239, 239, 239) 6px);
    z-index: 1000;
  }
  div.table main .inner .body .table-container table thead th {
    position: relative;
    padding: 5px 10px;
    font-weight: 400;
  }
  div.table main .inner .body .table-container table thead th.selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: calc(100% - 1px);
    border: 1px solid transparent;
  }
  div.table main .inner .body .table-container table thead th.selected.top::after {
    border-top: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.left::after {
    border-left: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.right::after {
    border-right: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.bottom::after {
    border-bottom: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead .column-selection {
    height: 30px;
    background-color: #fff;
  }
  div.table main .inner .body .table-container table thead .column-selection th {
    border: none;
    padding: 0 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection {
    color: #646464;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection i {
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection.selected {
    background-color: #fff32a;
    /*color: #FFF;*/
  }
  div.table main .inner .body .table-container table thead .column-names {
    background-color: #fff;
  }
  div.table main .inner .body .table-container table thead .column-names th {
    border: none;
    font-weight: bold;
  }
  div.table main .inner .body .table-container table thead .column-names th:focus {
    outline: 1px solid #fff32a;
  }
  div.table main .inner .body .table-container table thead .data-types {
    height: 30px;
    /*border-left: 1px dotted $c-light-grey;
    border-right: 1px dotted $c-light-grey;
    border-top: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .data-types th {
    padding: 0 10px;
    font-style: italic;
    color: #646464;
  }
  div.table main .inner .body .table-container table thead .data-types th button {
    vertical-align: middle;
    border: none;
    outline: none;
    margin-left: 15px;
    background-color: transparent;
    color: #646464;
  }
  div.table main .inner .body .table-container table thead .data-types th button i {
    margin-top: 5px;
    font-size: 20px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .media-types {
    /*border-left: 1px dotted $c-light-grey;*/
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .media-types th {
    /*border-right: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .media-types th select {
    width: 100%;
  }
  div.table main .inner .body .table-container table tbody td {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    color: #000000;
  }
  div.table main .inner .body .table-container table tbody td.selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: calc(100% - 1px);
    border: 1px solid transparent;
  }
  div.table main .inner .body .table-container table tbody td.selected.top::after {
    border-top: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.left::after {
    border-left: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.right::after {
    border-right: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.bottom::after {
    border-bottom: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody .column-values {
    position: relative;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(100, 100, 100, 0.1);
    /*background-color: rgba(229,229,229,.75);*/
    color: #005687;
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview span {
    padding: 0 5px;
    background-color: #fff32a;
    color: #000000;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview i {
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .foot {
    height: 30px;
  }
  div.table main .inner .foot .summary {
    font-size: 12px;
    color: #969696;
  }
  .table-sidebar {
    position: relative;
    z-index: 1000;
    pointer-events: none;
  }
  .table-sidebar > .inner {
    width: 120px;
    float: right;
    background-color: #fff;
  }
  .table-sidebar > .inner .media-input-group {
    pointer-events: all;
    top: calc(50% - 60px);
  }
  .modal.pad-preview {
    align-self: flex-start;
    width: auto;
    margin: 0;
  }
  .modal.pad-preview .close {
    position: sticky;
    top: 0px;
  }
  .modal.pad-preview .document {
    float: none;
    height: calc(100vh - 30px);
    margin: auto;
    overflow: auto;
    box-sizing: border-box;
  }
  .modal.pad-preview .document main {
    padding: 0;
    margin: 0 auto;
  }
  .modal.pad-preview .document main .inner {
    border-top: 0;
    box-shadow: none;
    max-height: none;
    overflow-y: unset;
  }
  .main-content.import {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 1fr 2fr 0;
  }
  .main-content.import .table {
    width: 100%;
  }
  .table-sidebar {
    position: relative;
    z-index: 1000;
    pointer-events: none;
  }
  .table-sidebar > .inner {
    width: 0;
    float: right;
    background-color: #fff;
  }
  .table-sidebar > .inner .media-input-group {
    position: fixed;
    pointer-events: all;
    top: calc(50vh - 60px);
  }
  .modal.pad-preview {
    align-self: flex-start;
    width: auto;
    margin: 0;
  }
  .modal.pad-preview .close {
    position: sticky;
    top: 0px;
  }
  .modal.pad-preview .document {
    float: none;
    height: calc(100vh - 30px);
    margin: auto;
    overflow: auto;
    box-sizing: border-box;
  }
  .modal.pad-preview .document main {
    padding: 0;
    margin: 0 auto;
  }
  .modal.pad-preview .document main .inner {
    border-top: 0;
    box-shadow: none;
    max-height: none;
    overflow-y: unset;
  }
  div.public-page-header {
    min-height: 100vh;
  }
  div.public-page-header div.carousel {
    position: relative;
    width: 100%;
    min-height: 100vh;
    left: 0;
  }
  div.public-page-header div.carousel.expand {
    width: 100vw;
    margin-left: calc(100% - 100vw + 15px);
  }
  div.public-page-header div.carousel div.slides {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    scroll-snap-type: x mandatory;
    height: 100vh;
    width: 100%;
    padding: 60px 0 120px 0;
    overflow: auto;
    box-sizing: border-box;
  }
  div.public-page-header div.carousel div.slides div.slide {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex: none;
    scroll-snap-align: center;
  }
  div.public-page-header div.carousel div.slides div.slide a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt {
    align-self: center;
    position: absolute;
    width: 615px;
    color: #005687;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
    color: #fff;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt .country {
    color: #b4dc28;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt h1 {
    font-size: 24px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 0 15px 0;
  }
  div.public-page-header div.carousel div.slides div.slide a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
    transition: opacity 0.5s;
  }
  div.public-page-header div.carousel div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.carousel div.slides div.slide:hover img {
    opacity: 0.25;
  }
  div.public-page-header div.carousel div.slides div.slide:hover .media-txt {
    opacity: 1;
  }
  div.public-page-header div.carousel div.slides div.slide:hover::after {
    opacity: 0.75;
  }
  div.public-page-header div.carousel div.dots {
    position: absolute;
    bottom: 90px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    text-align: center;
  }
  div.public-page-header div.carousel div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  div.public-page-header div.carousel div.dots .highlight {
    background-color: #61b233;
  }
  div.public-page-header div.mosaic {
    /*position: absolute;*/
    width: 100%;
    min-height: 100vh;
    left: 0;
    /* INSPIRED BY: https://medium.com/cloudaper/how-to-create-a-flexible-square-grid-with-css-grid-layout-ea48baf038f3 */
  }
  div.public-page-header div.mosaic.expand {
    width: 100vw;
    margin-left: calc(100% - 100vw + 15px);
  }
  div.public-page-header div.mosaic div.slides {
    display: grid;
    grid-template-columns: repeat(7, 150px);
    grid-auto-rows: 1fr;
    grid-gap: 5px;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    width: calc(100% - 5px);
    height: 100%;
    margin: 35px 0;
  }
  div.public-page-header div.mosaic div.slides::before {
    content: "";
    width: 0;
    padding-bottom: 100%;
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header div.mosaic div.slides div.blank-area {
    grid-area: 1/1/3/2;
  }
  div.public-page-header div.mosaic div.slides div.blank-area.sidebar {
    grid-area: 1/1/6/2;
  }
  div.public-page-header div.mosaic div.slides div.slide {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.5s;
    overflow: hidden;
    aspect-ratio: 1;
    counter-increment: my-counter;
  }
  div.public-page-header div.mosaic div.slides div.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0);
  }
  div.public-page-header div.mosaic div.slides div.slide img.img-ready {
    transition: filter 1s, transform 1s;
    animation: animate-mosaic-in 0.5s ease-out;
    animation-fill-mode: forwards;
  }
  @keyframes animate-mosaic-in {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    transform: translateY(100%);
    transition: transform 0.5s;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt .country {
    font-size: 14px;
    color: #b4dc28;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt h1 {
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
    margin: 0;
    color: #fff;
    font-weight: normal;
  }
  div.public-page-header div.mosaic div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0.9;
    transform: translateY(100%);
    transition: transform 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(1n) img {
    animation-delay: 0.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(2n) img {
    animation-delay: 0.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(3n) img {
    animation-delay: 0.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(4n) img {
    animation-delay: 0.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(5n) img {
    animation-delay: 0.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(6n) img {
    animation-delay: 0.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(7n) img {
    animation-delay: 0.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(8n) img {
    animation-delay: 0.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(9n) img {
    animation-delay: 0.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(10n) img {
    animation-delay: 0.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(11n) img {
    animation-delay: 0.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(12n) img {
    animation-delay: 0.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(13n) img {
    animation-delay: 0.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(14n) img {
    animation-delay: 0.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(15n) img {
    animation-delay: 0.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(16n) img {
    animation-delay: 0.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(17n) img {
    animation-delay: 0.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(18n) img {
    animation-delay: 0.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(19n) img {
    animation-delay: 0.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(20n) img {
    animation-delay: 1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(21n) img {
    animation-delay: 1.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(22n) img {
    animation-delay: 1.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(23n) img {
    animation-delay: 1.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(24n) img {
    animation-delay: 1.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(25n) img {
    animation-delay: 1.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(26n) img {
    animation-delay: 1.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(27n) img {
    animation-delay: 1.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(28n) img {
    animation-delay: 1.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(29n) img {
    animation-delay: 1.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(30n) img {
    animation-delay: 1.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(31n) img {
    animation-delay: 1.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(32n) img {
    animation-delay: 1.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(33n) img {
    animation-delay: 1.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(34n) img {
    animation-delay: 1.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(35n) img {
    animation-delay: 1.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(36n) img {
    animation-delay: 1.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(37n) img {
    animation-delay: 1.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(38n) img {
    animation-delay: 1.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(39n) img {
    animation-delay: 1.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(40n) img {
    animation-delay: 2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(41n) img {
    animation-delay: 2.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(42n) img {
    animation-delay: 2.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(43n) img {
    animation-delay: 2.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(44n) img {
    animation-delay: 2.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(45n) img {
    animation-delay: 2.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(46n) img {
    animation-delay: 2.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(47n) img {
    animation-delay: 2.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(48n) img {
    animation-delay: 2.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(49n) img {
    animation-delay: 2.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(50n) img {
    animation-delay: 2.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:hover .media-txt, div.public-page-header div.mosaic div.slides div.slide:hover::after {
    transform: translateY(0);
  }
  div.public-page-header div.mosaic div.slides > *:first-child {
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.public-page-header button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.public-page-header button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.public-page-header h1 {
    margin: 60px 60px 45px 60px;
    text-align: center;
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-header h2 {
    margin: 15px 60px 60px 60px;
    text-align: center;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
  }
  div.public-page-header p.lead {
    width: 930px;
    margin: auto;
    font-size: 20px;
    line-height: 1.5em;
  }
  div.public-page-panel {
    width: 100%;
    min-height: 90px;
    padding: 90px 0;
  }
  div.public-page-panel.sm-padding {
    padding: 0;
  }
  div.public-page-panel.blue {
    width: 100vw;
    padding: 90px 0;
    margin-left: calc(100% - 100vw + 15px);
    background-color: #0468b1;
    color: #fff;
  }
  div.public-page-panel.blue > .inner {
    margin: 0 30px 0 auto;
    width: 960px;
  }
  div.public-page-panel.blue a {
    color: #b4dc28;
  }
  div.public-page-panel > .inner {
    position: relative;
    width: 100%;
    margin: auto;
  }
  div.public-page-panel > .inner h1.site-title {
    font-size: 60px;
    line-height: 1.2em;
    color: #0468b1;
    text-align: center;
    margin-bottom: 90px;
  }
  div.public-page-panel > .inner h1.site-title.map-overlay {
    position: absolute;
    left: 0;
    top: 0;
    margin: calc(-60px * 1.2) 0 1em 0;
    z-index: 1000;
    text-align: left;
  }
  div.public-page-panel > .inner h3 {
    margin-bottom: 1em;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner .lead {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  div.public-page-panel > .inner blockquote {
    font-size: 24px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner blockquote + p {
    margin-top: 1em;
  }
  div.public-page-panel > .inner .description {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 1em;
    color: #969696;
  }
  div.public-page-panel > .inner #statistics {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 3fr 7fr;
    margin: 30px 0;
  }
  div.public-page-panel > .inner #statistics .stat-group {
    display: grid;
    grid-gap: 30px;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic {
    text-align: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h1 {
    font-size: 60px;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h2 {
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic small {
    font-size: 12px;
    line-height: 1.2em;
    color: #969696;
  }
  div.public-page-panel > .inner .map-container {
    width: calc(100% + (100vw - 100%) / 2);
    margin-left: calc((100% - 100vw) / 4);
    margin-top: 90px;
  }
  div.public-page-panel > .inner .map-container #map {
    min-height: 60vh;
  }
  div.public-page-panel > .inner nav.enter {
    text-align: center;
    margin: 60px 0;
  }
  div.public-page-panel > .inner nav.enter a:hover {
    text-decoration: none;
  }
  div.public-page-panel > .inner nav.enter button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.public-page-panel > .inner nav.enter button.highlight {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.public-page-panel > .inner ul.columns {
    display: grid;
    align-items: center;
    grid-gap: 15px;
    grid-template-columns: repeat(4, 1fr);
  }
  div.public-page-panel > .inner ul.columns li {
    font-size: 16px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner ul.columns li small {
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    color: #969696;
  }
  div.lesser-padding div.public-page-panel {
    padding-top: 60px;
  }
  div.main-content {
    display: grid;
    grid-template-columns: 1fr 990px;
    min-height: 100vh;
  }
  div.browse {
    display: block;
    padding: 0 15px;
    background-color: #fff;
    min-height: calc(100vh - 120px);
  }
  div.browse:not(.home) {
    padding-top: 120px;
    padding-right: 45px;
  }
  div.browse.public, div.browse.instance {
    padding-top: 90px;
  }
  div.browse h1.instance-title {
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
  }
  div.browse h1.instance-title {
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
  }
  div.browse nav#search-and-filter {
    padding: 0 14px 15px 14px;
    border: 1px dotted #969696;
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter.anchor-bottom {
    position: fixed;
    width: 100%;
    max-height: calc(100vh - 30px);
    min-height: 180px;
    left: 0;
    bottom: 0;
    margin: 0;
    z-index: 100;
    background-color: #fff;
    border: none;
    border-top: 1px solid #646464;
    box-sizing: border-box;
    overflow: visible;
  }
  div.browse nav#search-and-filter .search-type-menu {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    border-bottom: 1px dotted #969696;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm {
    position: relative;
    color: #969696;
    border-right: 1px dotted #969696;
    cursor: pointer;
    padding: 5px 15px;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm:not(.stm-select):hover {
    color: #646464;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select {
    color: #005687;
    font-weight: bold;
    cursor: auto;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hint {
    display: inline-block;
    position: absolute;
    transform: translate(-3px, -15px);
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    color: #000000;
    background-color: #ffc10e;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hidden {
    display: none;
  }
  div.browse nav#search-and-filter form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  div.browse nav#search-and-filter form .search,
  div.browse nav#search-and-filter form .filter:not(.add) {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #969696;
  }
  div.browse nav#search-and-filter form .search input[type=text],
  div.browse nav#search-and-filter form .search input[type=list],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=list] {
    float: left;
    position: relative;
    width: calc(100% - 15px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    color: #005687;
  }
  div.browse nav#search-and-filter form .search label,
  div.browse nav#search-and-filter form .filter:not(.add) label {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.browse nav#search-and-filter form .search input[type=text] + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text] + label {
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .search input[type=text]:focus + label,
  div.browse nav#search-and-filter form .search input[type=text].has-value + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .search input:-webkit-autofill,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:active,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.browse nav#search-and-filter form .search button,
  div.browse nav#search-and-filter form .filter:not(.add) button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .search img,
  div.browse nav#search-and-filter form .filter:not(.add) img {
    width: 30px;
    height: 30px;
    margin: auto;
  }
  div.browse nav#search-and-filter form .status {
    display: inline-block;
  }
  div.browse nav#search-and-filter form .status menu li p {
    margin: 5px 0;
  }
  div.browse nav#search-and-filter form .global-actions {
    min-width: 50%;
  }
  div.browse nav#search-and-filter form .global-actions .add {
    display: inline-block;
    position: relative;
    width: 300px;
    margin-right: 15px;
    border-bottom: 1px dotted #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .global-actions .add button {
    display: none;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus + label,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus ~ button,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input[type=radio] {
    display: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .global-actions button.download {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters {
    position: relative;
    vertical-align: middle;
    float: right;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 auto;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  div.browse nav#search-and-filter form .expand-filters .l1 {
    width: 20px;
    transform: translate(5px, 7.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters .l2 {
    width: 15px;
    transform: translate(7.5px, 12.5px) rotate(0deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters .l3 {
    width: 10px;
    transform: translate(10px, 17.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l1 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l2 {
    width: 0;
    transform: translate(15px, 12.5px) rotate(0deg);
  }
  div.browse nav#search-and-filter form .expand-filters.close .l3 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 15px);
    max-height: 0;
    padding: 0 7.5px;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    transition: max-height 0.25s ease-out;
    /*section:nth-child(odd):not(:last-child) {
    	margin-right: 15px;
    }*/
  }
  div.browse nav#search-and-filter form .filters section {
    flex: 1 1;
    margin-top: 15px;
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters section .filter {
    position: relative;
    width: 100%;
    height: 45px;
    background-color: #fff;
    margin-bottom: 15px;
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text] {
    width: calc(100% - 30px);
    height: 30px;
    margin-left: 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .filter label {
    left: 15px;
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(10px);
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filters section .filter input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input {
    display: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label .count {
    color: #fff;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .filters section .filter:last-child {
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters {
    margin: -15px auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters .break {
    flex-basis: 100%;
    width: 0;
  }
  div.browse nav#search-and-filter form .filters .order {
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters .order menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    /*input.toggle:checked + label {
    	background-color: #FFF;
    }*/
  }
  div.browse nav#search-and-filter form .filters .order menu li input.toggle + label {
    display: inline-block;
    margin-top: 0;
  }
  div.browse nav#search-and-filter form .filters .order menu li p {
    display: inline-block;
    margin: 0 0 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters button.submit-filters {
    width: calc(100% - 15px);
    height: 30px;
    padding: 0 10px;
    margin: 15px 0 15px 7.5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) {
    width: 100%;
    margin: 0 0 30px -15px;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li {
    display: inline-block;
    margin: 0 15px 0 0;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button {
    height: 45px;
    padding: 0 10px 0 30px;
    border: none;
    outline: none;
    border-radius: 45px;
    border: 1px solid #0468b1;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button .count {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #0468b1;
    border-radius: 30px;
    margin: -1px 0 0 10px;
    line-height: 30px;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button {
    background-color: #0468b1;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button .count {
    background-color: #fff;
    color: #0468b1;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) p {
    margin: 15px 0 0 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main {
    padding-bottom: 60px;
  }
  div.browse main .inner small.no-results {
    font-size: 12px;
    color: #969696;
  }
  div.browse main .inner .meta-status {
    top: 30px;
    width: 100%;
    min-height: 60px;
    margin: -15px 0 30px -15px;
    padding: 15px;
    z-index: 100;
  }
  div.browse main .inner .meta-status form {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-gap: 15px;
  }
  div.browse main .inner .meta-status form .opts {
    list-style: none;
  }
  div.browse main .inner .meta-status form .opts li {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px dotted #969696;
  }
  div.browse main .inner .meta-status form .opts li p {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .meta-status form .opts li p.disabled {
    color: #e5e5e5;
  }
  div.browse main .inner .meta-status form .opts li input.toggle + label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  div.browse main .inner .meta-status form .opts li ul li {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
  }
  div.browse main .inner .meta-status form .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    min-height: 30px;
    margin: 0 0 0 auto;
    justify-content: right;
  }
  div.browse main .inner .meta-status form .btn-group button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse main .inner .meta-status form .btn-group button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner .meta-status form .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner .head {
    position: relative;
    width: 100%;
    margin: 25px 0 15px 0;
  }
  div.browse main .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  div.browse main .inner .head .title {
    width: 100%;
    outline: none;
    margin-bottom: 15px;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  div.browse main .inner .head .title:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.browse main .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .head .description {
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-top: none;
    outline: none;
    color: #005687;
    border-bottom: 1px solid transparent;
    white-space: pre-line;
  }
  div.browse main .inner .head .description.lead {
    font-size: 20px;
    line-height: 1.3em;
  }
  div.browse main .inner .head .description:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .meta-status + .head {
    margin: 0 0 15px 0;
  }
  div.browse main .outer {
    /* margin-top: 30px; */
    margin-top: 0px;
    color: #969696;
    font-size: 14px;
  }
  div.browse main .outer .nav-info {
    animation: wobble 2s ease infinite;
  }
  @keyframes wobble {
    0% {
      transform: translateX(0);
    }
    15% {
      transform: translateX(-25px);
    }
    30% {
      transform: translateX(20px);
    }
    45% {
      transform: translateX(-10px);
    }
    60% {
      transform: translateX(5px);
    }
    75% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(0);
    }
  }
  div.browse main .inner section,
  div.browse .public-page-panel .inner section {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout,
  div.browse .public-page-panel .inner section .layout {
    margin-top: 15px;
    /*article:not(.pad):not(.review):not(.contributor) {
    	border-bottom: 1px dotted $c-light-grey;
    	padding-top: 15px;
    	padding-bottom: 15px;
    }*/
  }
  div.browse main .inner section .layout article,
  div.browse .public-page-panel .inner section .layout article {
    position: relative;
    display: flex;
    /*          padding: 15px 0 15px 15px;*/
    padding: 0 0 15px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: box-shadow 0.25s;
    /*&::after {
    	content: '';
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	left: 0;
    	top: 0;
    	background-color: rgba(100,100,100,.1);
    	opacity: 0;
    	pointer-events: none;
    	transition: opacity .15s;
    }*/
  }
  div.browse main .inner section .layout article:hover,
  div.browse .public-page-panel .inner section .layout article:hover {
    background-color: transparent;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout article .inner,
  div.browse .public-page-panel .inner section .layout article .inner {
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 1fr 300px;
    width: 100%;
    transition: width 0.25s;
  }
  div.browse main .inner section .layout article .inner .head,
  div.browse .public-page-panel .inner section .layout article .inner .head {
    grid-column: 1/span 2;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 300px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data {
    margin-bottom: 0;
    padding-top: 15px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor {
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-date,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    /*margin: -16px -1px 0 auto;*/
    justify-content: right;
    /*                  transform: translateY(calc(-100% + 14px));*/
    align-items: start;
    margin: -1px -1px 0 auto;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.active {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button:disabled,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    right: 0;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    /*transform: translateX(-50%);*/
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: left;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight {
    background-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled),
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight {
    background-color: #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight {
    border-color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:first-child,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:last-child,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta,
  div.browse main .inner section .layout article .inner .body .media,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta,
  div.browse .public-page-panel .inner section .layout article .inner .body .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title {
    margin-top: 10px;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title a,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: bold;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 span,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 span {
    word-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-txt,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3em;
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a {
    color: #000000;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a .read-more,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a .read-more {
    color: #32bee1;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover .read-more,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a:hover .read-more {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-template {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree {
    display: flex;
    align-items: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree {
    margin-right: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a img,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a img {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a small,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a small {
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    color: #969696;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-child {
    color: #969696;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-child {
    width: 100%;
    /*margin: 10px 0 0 0;*/
    margin: 0;
  }
  div.browse main .inner section .layout article .inner .body .create,
  div.browse .public-page-panel .inner section .layout article .inner .body .create {
    position: relative;
    display: inline-block;
    margin: 5px 10px 10px 0;
  }
  div.browse main .inner section .layout article .inner .body .create button,
  div.browse .public-page-panel .inner section .layout article .inner .body .create button {
    padding: 0 5px;
    border: 1px solid #32bee1;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown {
    position: absolute;
    min-width: 100%;
    width: 300px;
    max-height: 0;
    left: 0;
    top: 100%;
    margin-top: -2px;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
    white-space: pre;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li a button,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li a button {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
    background-color: transparent;
    border: none;
    color: #000000;
    text-align: left;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li:hover,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .body.full-width,
  div.browse .public-page-panel .inner section .layout article .inner .body.full-width {
    grid-column: 1/span 2;
  }
  div.browse main .inner section .layout article .inner .body.full-width .media-title,
  div.browse .public-page-panel .inner section .layout article .inner .body.full-width .media-title {
    width: calc(100% - 330px);
  }
  div.browse main .inner section .layout article .inner .foot,
  div.browse .public-page-panel .inner section .layout article .inner .foot {
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-grow: 1;
  }
  div.browse main .inner section .layout article .inner .foot .media-img,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img {
    position: relative;
    width: 300px;
    height: 200px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a img,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: 100%;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group {
    display: grid;
    grid-gap: 15px;
    grid-auto-flow: column;
    height: 100%;
    padding: 15px 15px 0 0;
    box-sizing: border-box;
    justify-content: right;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 {
    text-align: center;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small {
    font-size: 12px;
    line-height: 1.5em;
    display: block;
    font-weight: normal;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total {
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small {
    text-decoration: none !important;
    font-weight: normal;
  }
  div.browse main .inner section .layout article .inner .pinboard-group,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group {
    grid-column: 1/span 2;
    margin-top: 5px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add {
    position: relative;
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text],
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text] {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 1px dotted transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add button {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown.dropup,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu {
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox],
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox] {
    display: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin {
    display: inline-block;
    height: 15px;
    padding: 0;
    margin-right: 5px;
    font-size: 10px;
    line-height: 15px;
    border: 1px solid #969696;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin label {
    cursor: pointer;
    vertical-align: top;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .type,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .type {
    flex-shrink: 0;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .name,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .name {
    flex-grow: 1;
    margin: 0 5px 0 5px;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::before,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::after,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .outer,
  div.browse .public-page-panel .inner section .layout article .outer {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer .inner,
  div.browse .public-page-panel .inner section .layout article .outer .inner {
    display: flex;
    position: relative;
    z-index: 1;
    width: 0;
    height: calc(100% + 30px);
    margin-top: -15px;
    transition: width 0.25s;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.browse main .inner section .layout article .outer .inner form,
  div.browse .public-page-panel .inner section .layout article .outer .inner form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  div.browse main .inner section .layout article .outer .inner form button,
  div.browse .public-page-panel .inner section .layout article .outer .inner form button {
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 15px;
    border: none;
    outline: none;
    border: 1px solid #a51e41;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #a51e41;
    cursor: pointer;
    overflow: hidden;
  }
  div.browse main .inner section .layout article .outer .inner form button.cancel,
  div.browse .public-page-panel .inner section .layout article .outer .inner form button.cancel {
    border-color: #646464;
    color: #646464;
  }
  div.browse main .inner section .layout article .outer::before,
  div.browse .public-page-panel .inner section .layout article .outer::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: -15px;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer::after,
  div.browse .public-page-panel .inner section .layout article .outer::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: 100%;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer.expand .inner,
  div.browse .public-page-panel .inner section .layout article .outer.expand .inner {
    width: 120px;
  }
  div.browse main .inner section .layout article.status--1,
  div.browse .public-page-panel .inner section .layout article.status--1 {
    filter: grayscale(1);
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-0,
  div.browse .public-page-panel .inner section .layout article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-1,
  div.browse .public-page-panel .inner section .layout article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-2,
  div.browse .public-page-panel .inner section .layout article.status-2 {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout article.mobilization.status-0,
  div.browse .public-page-panel .inner section .layout article.mobilization.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout .tag-group .meta-tags,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags {
    margin-left: -2px;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a {
    display: inline-block;
    color: #0468b1;
    /*.tag {
    	border: 1px solid $c-mid-blue;
    	padding: 0 10px;
    	margin-right: 5px;
    	font-size: $t-small;
    	line-height: 1.5em;

    	label {
    		cursor: pointer;
    	}
    }*/
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a .tag {
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(12px * 1.75);
    font-size: 12px;
    line-height: 1.75em;
    color: #646464;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag label,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a .tag label {
    cursor: pointer;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a:hover,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs span,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs span {
    margin-right: 5px;
    color: #969696;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs a,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs a {
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: bold;
  }
  div.browse main .inner section .layout .engagement-group,
  div.browse .public-page-panel .inner section .layout .engagement-group {
    margin-top: 10px;
  }
  div.browse main .inner section .layout .engagement-group.page-stats,
  div.browse .public-page-panel .inner section .layout .engagement-group.page-stats {
    margin-top: 0;
  }
  div.browse main .inner section .layout .engagement-group .engagement,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.browse main .inner section .layout .engagement-group .engagement img,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout .engagement-group .engagement span,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement.engagement-reads,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement:disabled img,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.browse main .inner section .layout.columns,
  div.browse .public-page-panel .inner section .layout.columns {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    grid-gap: 30px 15px;
  }
  div.browse main .inner section .layout.columns article,
  div.browse .public-page-panel .inner section .layout.columns article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    vertical-align: top;
    grid-column: span 1;
    padding: 0 0 15px 0;
    border-bottom: none;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout.columns article:hover,
  div.browse .public-page-panel .inner section .layout.columns article:hover {
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout.columns article .inner,
  div.browse .public-page-panel .inner section .layout.columns article .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  div.browse main .inner section .layout.columns article .inner .head,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head {
    display: block;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group {
    text-align: left;
    margin: -1px 0 0 -1px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button {
    min-height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.accept,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.accept {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button:disabled,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: center;
    white-space: nowrap;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled),
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:first-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:last-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group:empty,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group:empty {
    margin: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img {
    position: relative;
    width: 298px;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: auto;
    min-height: 200px;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout.columns article .inner .body,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body {
    display: block;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data {
    margin: 0 0 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-date,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
    text-align: left;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1 img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse main .inner section .layout.columns article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-template {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-followup,
  div.browse main .inner section .layout.columns article .inner .body .meta-forward,
  div.browse main .inner section .layout.columns article .inner .body .meta-public,
  div.browse main .inner section .layout.columns article .inner .body .meta-copy,
  div.browse main .inner section .layout.columns article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-child {
    margin: 10px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot {
    justify-content: end;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta,
  div.browse main .inner section .layout.columns article .inner .foot .media,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta-group {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta-group .meta-stats {
    width: 25%;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text],
  div.browse .public-page-panel .inner section .layout.columns article .inner .pinboard-group .add input[type=text] {
    border-bottom-color: transparent;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus,
  div.browse .public-page-panel .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout.columns article .outer,
  div.browse .public-page-panel .inner section .layout.columns article .outer {
    top: 15px;
    height: 0;
    transition: height 0.25s;
    overflow: hidden;
    margin-top: 0;
  }
  div.browse main .inner section .layout.columns article .outer .inner,
  div.browse .public-page-panel .inner section .layout.columns article .outer .inner {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 15px 0;
  }
  div.browse main .inner section .layout.columns article .outer::before,
  div.browse .public-page-panel .inner section .layout.columns article .outer::before {
    height: 0;
    top: 0;
  }
  div.browse main .inner section .layout.columns article .outer::after,
  div.browse .public-page-panel .inner section .layout.columns article .outer::after {
    height: 0;
  }
  div.browse main .inner section .layout.columns article .outer.expand,
  div.browse .public-page-panel .inner section .layout.columns article .outer.expand {
    height: 140px;
  }
  div.browse main .inner section .layout.columns .engagement-group,
  div.browse .public-page-panel .inner section .layout.columns .engagement-group {
    margin-top: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns .pinboard-group,
  div.browse .public-page-panel .inner section .layout.columns .pinboard-group {
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse.slideshow {
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 30px);
  }
  div.browse.slideshow nav.tabs {
    left: calc((100vw - 930px) / 2);
  }
  div.browse.slideshow button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.browse.slideshow button.slide-nav.prev {
    left: 0;
  }
  div.browse.slideshow button.slide-nav.next {
    right: 0;
  }
  div.browse.slideshow button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse.slideshow main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.browse.slideshow main .inner {
    height: 100%;
  }
  div.browse.slideshow main .inner .blurb {
    display: none;
  }
  div.browse.slideshow main .inner section {
    height: 100%;
  }
  div.browse.slideshow main .inner section .layout {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
  }
  div.browse.slideshow main .inner section .layout article {
    position: relative;
    width: 100vw;
    height: 100vh;
    scroll-snap-align: center;
    padding: 0;
    border: none;
  }
  div.browse.slideshow main .inner section .layout article .inner {
    display: flex;
    justify-content: center;
    flex-flow: unset;
    flex-direction: column;
    flex: none;
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    padding: 0 calc((100vw - 615px) / 2) 0 calc((100vw - 615px) / 2);
  }
  div.browse.slideshow main .inner section .layout article .inner .head {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    position: relative;
    z-index: 10;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    z-index: 0;
    overflow: hidden;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
    pointer-events: none;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a img {
    display: block;
    max-width: calc(100% - 120px);
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 75vh;
    text-align: center;
    object-fit: contain;
  }
  div.browse.slideshow main .inner section .layout article .inner .body {
    position: relative;
    flex: unset;
    margin-bottom: 0;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 img {
    filter: brightness(2);
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a .read-more,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a .read-more {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs span {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags {
    margin-left: -5px;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags a .tag {
    margin: 0 5px;
    background-color: #fff;
    color: #005687;
  }
  div.browse.slideshow main .inner section .layout article .inner .foot {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered {
    justify-content: center;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered .body {
    margin-bottom: 0;
  }
  div.browse.slideshow main .inner section .layout article .outer {
    display: none;
  }
  div.browse.slideshow main .inner section .layout article::after {
    content: "";
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 120px);
    height: 100%;
    opacity: 0;
    background-color: #0468b1;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .meta-group {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .media-img {
    opacity: 0.25;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .body {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover::after {
    opacity: 0.75;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  footer {
    border: none;
  }
  /*.engagement-reads {
  	padding-left: 15px;
  	flex-grow: 1;
  }
  .engagement-reads-icon {
  	max-width: 20px;
  	height: 20px;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  .engagement-reads-count {
  	margin-left: 5px;
  	font-size: 0.9em;
  	color: $c-mid-grey;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  */
  main#mobilize-new {
    /* THIS MIMICS THE div.document IN pad.ejs  */
    display: block;
    float: left;
    width: 960px; /* THE SECOND 15*2 IS TO ACCOUNT FOR PADDING IN THE OTHER PAGES */
    padding-top: 30px;
    height: calc(100vh - 30px);
  }
  main#mobilize-new form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  main#mobilize-new form .modal {
    width: calc(100% - 120px);
    padding: 30px 60px 15px 60px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 100;
  }
  main#mobilize-new form .modal .inner {
    position: relative;
    padding: 0;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .head {
    display: flex;
    width: calc(100% + 120px);
    margin: -30px 0 15px -60px;
    font-size: 16px;
  }
  main#mobilize-new form .modal .inner .head .btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 15px 10px 0 10px;
    margin-bottom: 15px;
  }
  main#mobilize-new form .modal .inner .head .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .head .btn-group button label {
    cursor: pointer;
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group button.next {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  main#mobilize-new form .modal .inner .head .btn-group button:disabled {
    background-color: transparent;
    border-color: #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title {
    font-weight: 700;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title i {
    vertical-align: middle;
    transform: rotate(90deg);
  }
  main#mobilize-new form .modal .inner .head .btn-group .contributor-count {
    flex-grow: 1;
    text-align: center;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt {
    padding: 0 7px 0 5px;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt input {
    display: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt label {
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt:hover label {
    text-decoration: underline;
  }
  main#mobilize-new form .modal .inner .head.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .head.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body {
    position: relative;
    min-height: 65px;
  }
  main#mobilize-new form .modal .inner .body h1 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.3em;
  }
  main#mobilize-new form .modal .inner .body .input {
    position: relative;
    border-bottom: 1px solid #969696;
  }
  main#mobilize-new form .modal .inner .body .input label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body .filter {
    position: relative;
  }
  main#mobilize-new form .modal .inner .body .filter label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu {
    max-height: 300px;
    overflow: auto;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    border-top: 1px solid #969696;
    overflow: auto;
  }
  main#mobilize-new form .modal .inner .body menu li {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: space-around;
    color: #e5e5e5;
    padding: 0 20px 0 15px;
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li div {
    padding: 0 5px;
    text-align: left;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li div label {
    /* THE FOLLOWING IS TO COMPENSATE FOR var.lg.css */
    position: static;
    padding: 5px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .preview {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body menu li .preview i {
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .main label {
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li .grow {
    flex-grow: 1;
    padding: 0 10px;
    text-align: left;
    word-break: break-word;
  }
  main#mobilize-new form .modal .inner .body menu li .grow label {
    display: inline-block;
    width: 100%;
    transform: translateY(0);
  }
  main#mobilize-new form .modal .inner .body menu li .count,
  main#mobilize-new form .modal .inner .body menu li .position,
  main#mobilize-new form .modal .inner .body menu li .country {
    vertical-align: baseline;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu li .count label,
  main#mobilize-new form .modal .inner .body menu li .position label,
  main#mobilize-new form .modal .inner .body menu li .country label {
    font-size: 12px;
  }
  main#mobilize-new form .modal .inner .body menu li.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.checked {
    background-color: #32bee1;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .preview i {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked div label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .count label,
  main#mobilize-new form .modal .inner .body menu li.checked .position label,
  main#mobilize-new form .modal .inner .body menu li.checked .country label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li:not(.checked):hover {
    background-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body input[type=text] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    margin: 15px 0 0 0;
    background-color: transparent;
    font-size: 24px;
  }
  main#mobilize-new form .modal .inner .body label {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    transform: translateY(26px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label {
    position: static;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label + p {
    font-size: 14px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body input[type=text] + label {
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .body input[type=text]:focus + label,
  main#mobilize-new form .modal .inner .body input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(0px);
  }
  main#mobilize-new form .modal .inner .body input:-webkit-autofill,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:hover,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:focus,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:active {
    /*-webkit-box-shadow: 0 0 0 40px $c-mid-1 inset !important;*/
    -webkit-text-fill-color: #005687 !important;
  }
  main#mobilize-new form .modal .inner .body textarea {
    position: relative;
    display: block;
    width: 100%;
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 15px 0 15px 0;
    margin-top: 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  main#mobilize-new form .modal .inner .body textarea + label {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  main#mobilize-new form .modal .inner .body textarea:focus + label,
  main#mobilize-new form .modal .inner .body textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  main#mobilize-new form .modal .inner .body label.inline {
    position: relative;
    display: block;
    color: #969696;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body label.small {
    font-size: 12px;
    line-height: 1.5em;
  }
  main#mobilize-new form .modal .inner .body label[for=pad-limit] {
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number] {
    /*						width: calc(36px * 3);*/
    border: none;
    outline: none;
    margin: 15px 0 0 10px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5em;
    color: #005687;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number]:disabled {
    color: #969696;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .body .cron-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option {
    display: flex;
    align-items: center;
    margin: 15px 0;
  }
  main#mobilize-new form .modal .inner .body .cron-option .toggle-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option .toggle-option {
    width: 150px;
    padding: 0 30px;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date],
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]::before,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]::before {
    content: none;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]:disabled,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]:disabled {
    color: #969696;
    background-color: transparent;
    border-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body.center {
    text-align: center;
    /*margin: 30px 0 15px 0;*/
  }
  main#mobilize-new form .modal .inner .foot {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] {
    display: none;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked:not(:disabled) + label {
    border-color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:disabled + label + p {
    color: #e5e5e5 !important;
  }
  main#mobilize-new form .modal .inner .foot .contributor-count {
    margin: 15px 0;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot button {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #32bee1;
    border-radius: 0;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: none;
  }
  main#mobilize-new form .modal .inner .foot .global-opt.active button {
    border-color: #005687;
    background-color: transparent;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot.stretch {
    justify-content: space-between;
  }
  .modal.template-preview {
    align-self: flex-start;
    width: auto;
    margin: 0 auto 30px auto;
  }
  .modal.template-preview main#template {
    padding: 0;
    margin: 0 auto;
  }
  .modal.template-preview main#template .inner {
    padding: 60px;
  }
  main#mobilize-existing {
    width: 1245px;
    margin: 125px auto 0 auto;
    padding: 60px 0 0 0;
  }
  main#mobilize-existing .inner {
    position: relative;
  }
  main#mobilize-existing .inner .new {
    position: fixed;
    top: 30px;
    margin-left: -45px;
    z-index: 10000;
    text-align: center;
  }
  main#mobilize-existing .inner .new a button {
    width: 90px;
    height: 90px;
    border: none;
    outline: none;
    background-color: #f03c8c;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    transform: rotate(45deg);
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .new a button div {
    transform: rotate(-45deg);
  }
  main#mobilize-existing .inner .new a button:hover {
    background-color: #a51e41;
  }
  main#mobilize-existing .inner .overview .summary-statistics {
    width: 100%;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic {
    position: relative;
    width: 100%;
    text-align: center;
    color: #57648c;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 {
    font-size: 60px;
    line-height: 16px;
    white-space: nowrap;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 {
    font-size: 36px;
    line-height: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic:first-child {
    grid-column-start: 3;
  }
  main#mobilize-existing .inner .mobilizations-container {
    clear: both;
    position: relative;
    margin: 60px 0 60px 0;
    border-top: 1px solid #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status label {
    position: absolute;
    bottom: 100%;
    left: 0;
    white-space: nowrap;
    padding: 5px 10px;
    background-color: #57648c;
    font-size: 12px;
    /*color: #FFF;*/
  }
  main#mobilize-existing .inner .mobilizations-container .input-group {
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: -30px 0 30px 0;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button {
    border: none;
    outline: none;
    height: 45px;
    background-color: transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 30px 0 20px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button i {
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:hover {
    background-color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin-bottom: 15px;
    border-left: 1px solid #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner {
    position: relative;
    /*a {
    text-decoration: none;*/
    /*}*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body {
    display: flex;
    padding: 0 10px 10px 10px;
    /*.meta.row-1 {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	margin-top: 5px;

    	.meta-sdgs {
    		font-size: $t-small;
    		margin-top: 5px;

    		span {
    			margin-right: 3px;
    			color: $c-light-1;
    		}
    		a {
    			margin: 0 3px;
    			color: $c-mid-1;
    			font-weight: 700;
    			text-decoration: none;
    		}
    		a:hover {
    			text-decoration: underline;
    		}
    	}
    	.meta-engagement {
    		button {
    			position: relative;
    			width: 30px;
    			height: 30px;
    			border: none;
    			border-radius: 30px;
    			outline: none;
    			margin: 0 0 0 10px;
    			background-color: transparent;
    			color: $c-light-1;
    			transition: background-color .25s;

    			i {
    				font-size: $t-mid;
    				line-height: 30px;
    				font-style: normal;
    				cursor: pointer;
    			}
    		}
    		button:hover {
    			background-color: $c-light-2;
    		}
    		button.active {
    			color: $c-mid-1;
    		}
    		button::after {
    			content: attr(data-count);
    			position: absolute;
    			left: 0;
    			top: calc(100% - 7px);
    			width: 100%;
    			text-align: center;
    			font-size: $t-xsmall;
    			font-weight: 700;
    			pointer-events: none;
    		}
    	}
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head {
    flex-shrink: 0;
    width: 300px;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags {
    margin-top: 5px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #934a5f;
    border-radius: 5px;
    color: #934a5f;
    font-size: 12px;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags .tag:hover {
    background-color: #934a5f;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor {
    margin: 5px 0 10px 0;
    font-size: 12px;
    color: #c2b4d6;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor a:hover {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .media-title {
    overflow-wrap: break-word;
    margin-top: 10px;
    /*padding: 0 20px;*/
    font-size: 16px;
    line-height: 1.5em;
    color: #333d51;
    font-weight: 700;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content {
    flex-grow: 1;
    display: flex;
    position: relative;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt {
    flex-grow: 1;
    overflow-wrap: break-word;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt small {
    font-style: italic;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats {
    align-self: center;
    flex-shrink: 0;
    width: 150px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 {
    margin-top: 10px;
    text-align: center;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 small {
    font-size: 12px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a.disabled h1 {
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:hover {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover {
    /*h1 {
    	text-decoration: none;
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover small {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group {
    display: none;
    position: absolute;
    bottom: 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form {
    display: inline-block;
    margin: 10px 5px 0 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form .btn-overlay {
    padding: 5px;
    background-color: #57648c;
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover .inner .body .content .btn-group {
    display: block;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    mix-blend-mode: multiply;
    pointer-events: none;
    transition: opacity 0.25s;
    z-index: 10;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover::after {
    opacity: 1;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.unpublished .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(211, 172, 43, 0.1) 10px, rgba(211, 172, 43, 0.1) 20px);
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.publishable .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(163, 198, 196, 0.15) 10px, rgba(163, 198, 196, 0.15) 20px);
  }
  table.stats {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 60px;
    border-spacing: 0;
  }
  table.stats thead tr {
    font-size: 20px;
  }
  table.stats thead tr th {
    padding: 15px 30px;
  }
  table.stats tbody {
    color: #646464;
  }
  table.stats tbody tr.top-level td {
    cursor: pointer;
  }
  table.stats tbody tr:hover {
    background-color: rgb(239, 239, 239);
  }
  table.stats tbody tr.open {
    color: #000000;
  }
  table.stats tbody tr.open td {
    border-bottom: 1px solid #969696;
  }
  table.stats tbody tr.small {
    font-size: 14px;
  }
  table.stats tbody tr.small > td {
    padding: 5px 30px;
  }
  table.stats tbody tr.small:nth-child(even) {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.small:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(even) {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr td {
    padding: 5px 15px;
  }
  table.stats tbody tr td.center {
    text-align: center;
  }
  .org-footer {
    position: relative;
    background-color: #0468b1;
    background: linear-gradient(180deg, #005687 0%, #0468b1 30%, #e5e5e5 100%);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    z-index: 10000;
  }
  .org-footer .footer-row {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 1fr 990px;
    width: 100%;
    margin-bottom: 1rem;
  }
  .org-footer .footer-row .footer-column {
    display: block;
  }
  .org-footer .footer-row .footer-column .footer-img {
    max-width: 100%;
    height: auto;
  }
  .org-footer .footer-row .footer-column h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 22px 0 0 0;
    text-transform: uppercase;
  }
  .org-footer .footer-row .footer-column .outer .logo {
    display: block;
    height: 125px;
    margin: 0 auto 15px auto;
    padding-right: 60px;
  }
  .org-footer .footer-row .footer-column .outer small {
    display: block;
    font-size: 12px;
    text-align: center;
  }
  .org-footer .footer-row .footer-column .inner {
    padding: 45px 45px 0px 45px;
  }
  .org-footer .footer-row .footer-column .inner ul {
    margin: 15px 0 0 0;
    padding: 0;
  }
  .org-footer .footer-row .footer-column .inner ul li {
    font-size: 14px;
    list-style: none;
    margin-bottom: 0.5em;
  }
  .org-footer .footer-row .footer-column .inner a {
    color: #fff;
    font-weight: normal;
  }
  .org-footer .footer-row .footer-column .inner .social-media-links li {
    display: inline-block;
    font-size: 20px;
    margin: 0 10px 0 0;
    color: #fff;
  }
  .org-footer .footer-row .footer-column.left .inner {
    padding-top: 30px;
  }
  .org-footer .footer-row .footer-column.center {
    padding: 0 15px;
  }
  .org-footer .footer-row .footer-column.center > .inner {
    padding-left: 0px;
  }
  .org-footer .footer-row.signature {
    display: block;
    padding: 0 45px;
  }
  .org-footer .footer-row.signature .inner p {
    color: #005687;
  }
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  .document.print {
    border: none;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
  }
  .document.print article.card {
    display: inline-block;
    position: relative;
    width: 300px;
    padding: 0 15px 30px 15px;
    margin: 30px 15px;
    /*border: 1px solid $c-light-2;*/
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: top;
  }
  .document.print article.card img {
    width: 300px;
    margin-left: -15px;
  }
  .document.print article.card .meta {
    margin: 5px 0;
  }
  .document.print article.card .media-source {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    color: #969696;
    font-size: 8pt;
    line-height: 1.3em;
    background-color: #fff;
  }
  .document.print article.card .media-title {
    font-size: 18pt;
    line-height: 1.2em;
    margin: 10px 0 0 0;
    text-align: left;
  }
  .document.print article.card .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #32bee1;
  }
  .document.print article.card .meta-contributor::after {
    content: ", ";
  }
  .document.print article.card .meta-date {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #0468b1;
  }
  .document.print article.card .tag-group .meta-tags {
    margin-left: -2px;
  }
  .document.print article.card .tag-group .meta-tags .tag {
    display: inline-block;
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(9pt * 1.75);
    font-size: 9pt;
    line-height: 1.75em;
    color: #646464;
  }
  .document.print article.card .tag-group .meta-tags .tag label {
    cursor: pointer;
  }
  .document.print article.card .tag-group .meta-sdgs {
    font-size: 9pt;
    line-height: 1.5em;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg-label {
    margin-right: 5px;
    color: #969696;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg {
    display: inline-block;
    margin: 0 5px;
    font-size: 10pt;
    line-height: 1.2em;
    font-weight: bold;
    color: #32bee1;
  }
  .document.print article.card .media-txt {
    margin: 10px 0;
  }
  .document.print article.card .meta-source {
    display: block;
    font-size: 8pt;
    line-height: 1.3em;
    color: #969696;
  }
  .exploration-info p,
  .exploration-info h2 {
    padding: 5px;
  }
  div.exploration {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 2px solid #32bee1;
  }
  div.exploration input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  div.exploration label[for=exploration-main] {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    color: #969696;
    transform: translateY(16px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.exploration input[type=text]:focus + label,
  div.exploration input[type=text]:active + label,
  div.exploration input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  div.exploration input:-webkit-autofill,
  div.exploration input:-webkit-autofill:hover,
  div.exploration input:-webkit-autofill:focus,
  div.exploration input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.exploration a {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    font-size: 26px;
    float: right;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    line-height: 60px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #969696;
    cursor: pointer;
    text-decoration: none;
  }
  div.exploration a:hover {
    color: rgba(4, 104, 177, 0.75);
    text-decoration: none;
  }
  div.exploration a:active {
    color: #0468b1;
    text-decoration: none;
  }
  .exploration-article-inactive {
    filter: opacity(0.4) !important;
  }
  .exploration-btn-active {
    background-color: #32bee1 !important;
  }
  .exploration-btn-active:hover {
    background-color: rgba(4, 104, 177, 0.75) !important;
  }
  .exploration-btn-active:active {
    background-color: #0468b1 !important;
  }
  .exploration-doc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 51px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .exploration-doc * {
    font-size: 12px;
  }
  .exploration-doc button {
    display: inline-block;
    cursor: pointer;
    padding: 0.25em 10px;
    margin: 0 2px 0 0;
    border: 1px solid #32bee1;
    background-color: transparent;
  }
  .exploration-doc button:hover {
    background-color: #ddd;
  }
  .exploration-doc button:active {
    background-color: #ccc;
  }
  .exploration-doc select {
    width: 100%;
    height: 24px;
    box-sizing: border-box;
  }
  .exploration-big {
    flex-direction: row;
    justify-content: start;
    height: 26px;
    vertical-align: middle;
  }
  .exploration-big span {
    line-height: 24px;
    margin-right: 5px;
  }
  .exploration-big select {
    width: auto;
    margin-right: 5px;
  }
  .exploration-local {
    padding-left: 15px;
  }
}
/* Extra large devices */
@media screen and (min-width: 1366px) {
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  html,
  body {
    font-size: 16px;
    line-height: 1.3em;
  }
  .xs:not(.xl),
  .sm:not(.xl),
  .m:not(.xl),
  .lg:not(.xl),
  .xxl:not(.xl) {
    display: none !important;
  }
  .no-bg {
    background-color: transparent !important;
  }
  .add-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 20px;
    background-color: #969696;
    color: #fff;
    font-size: 20px;
    line-height: 19px;
    text-align: center;
    vertical-align: text-top;
  }
  .engagement-group {
    margin-top: 10px;
  }
  .engagement-group.page-stats {
    margin-top: 0;
  }
  .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  li.menu-container {
    min-width: 100px;
    width: auto !important;
    height: 30px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 30px;
    color: #FFF;
    text-align: left;
    margin-left: 15px;
  }
  li.menu-container .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
    background-color: white;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000000;
    text-align: start;
  }
  li.menu-container .dropdown ul li {
    display: block;
    width: 100% !important;
    min-height: 45px !important;
  }
  li.menu-container .dropdown ul li a {
    text-decoration: none;
  }
  li.menu-container .dropdown ul li a button {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    text-transform: none;
    color: #969696 !important;
    width: 100%;
    min-height: 45px;
    margin: 0;
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
  }
  li.menu-container .dropdown ul li a button:hover {
    background-color: #e5e5e5 !important;
  }
  li.menu-container:hover .dropdown-content,
  li.menu-container .dropdown-content:hover {
    display: block;
  }
  li.menu-container .hamburger-icon {
    font-size: 12px;
    cursor: pointer;
    padding-right: 20px;
  }
  nav#languages {
    position: fixed;
    display: flex;
    width: 100%;
    height: 30px;
    top: 0;
    font-size: 12px;
    background-color: #005687;
    text-align: center;
    z-index: 10000;
  }
  nav#languages menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transition: transform 0.25s;
  }
  nav#languages menu.squeeze {
    transform: scaleX(0);
  }
  nav#languages menu li {
    display: inline-block;
    width: 30px;
  }
  nav#languages menu li a {
    color: #fff;
  }
  nav#languages menu li a.active {
    color: #b4dc28;
    text-decoration: underline;
  }
  nav#languages menu li.home-btn {
    flex-grow: 1;
    padding-left: 15px;
    white-space: nowrap;
    text-align: left;
  }
  nav#languages menu li.home-btn a {
    color: #b4dc28;
  }
  nav#languages menu li.options {
    flex-grow: 1;
  }
  nav#languages menu li.options ul li {
    display: inline-block;
  }
  nav#languages menu li.disabled a {
    color: #646464;
    cursor: default;
  }
  nav#languages menu li.disabled a.active {
    text-decoration: underline;
  }
  nav#languages menu li.user-id {
    flex-grow: 1;
    padding-right: 15px;
    text-align: right;
    color: #fff;
  }
  nav#languages menu li.user-id u {
    color: #b4dc28;
  }
  button#expand-nav {
    position: fixed;
    display: block;
    top: 37.5px;
    left: 10px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    z-index: 100000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    cursor: pointer;
  }
  button#expand-nav .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  button#expand-nav .l1 {
    width: 20px;
    transform: translate(12px, 15px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav .l2 {
    width: 15px;
    transform: translate(14.5px, 20px) rotate(0deg);
    transform-origin: center;
  }
  button#expand-nav .l3 {
    width: 10px;
    transform: translate(17px, 25px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav.close .l1 {
    width: 25px;
    transform: translate(9.5px, 20.5px) rotate(-45deg);
    transform-origin: center;
  }
  button#expand-nav.close .l2 {
    width: 0;
    transform: translate(22px, 23px) rotate(0deg);
  }
  button#expand-nav.close .l3 {
    width: 25px;
    transform: translate(9.5px, 20.5px) rotate(45deg);
    transform-origin: center;
  }
  nav.tabs,
  nav.pinboard-sections {
    width: 930px;
    height: 75px;
    margin-left: -15px;
    padding: 0 15px;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 10000;
  }
  nav.tabs .inner,
  nav.pinboard-sections .inner {
    width: 100%;
  }
  nav.tabs .inner div.lg menu,
  nav.tabs .inner div.lg ul,
  nav.pinboard-sections .inner div.lg menu,
  nav.pinboard-sections .inner div.lg ul {
    display: flex;
    width: 100%;
    padding-bottom: 15px;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  nav.tabs .inner div.lg menu li,
  nav.tabs .inner div.lg ul li,
  nav.pinboard-sections .inner div.lg menu li,
  nav.pinboard-sections .inner div.lg ul li {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 30px 0 0 0;
    scroll-snap-align: start;
  }
  nav.tabs .inner div.lg menu li a,
  nav.tabs .inner div.lg ul li a,
  nav.pinboard-sections .inner div.lg menu li a,
  nav.pinboard-sections .inner div.lg ul li a {
    display: block;
  }
  nav.tabs .inner div.lg menu li button,
  nav.tabs .inner div.lg ul li button,
  nav.pinboard-sections .inner div.lg menu li button,
  nav.pinboard-sections .inner div.lg ul li button {
    position: relative;
    height: 45px;
    padding: 7px 10px 0 10px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #969696;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
  }
  nav.tabs .inner div.lg menu li button.add,
  nav.tabs .inner div.lg ul li button.add,
  nav.pinboard-sections .inner div.lg menu li button.add,
  nav.pinboard-sections .inner div.lg ul li button.add {
    display: none;
    width: 30px;
    height: 30px;
    margin: 7px 5px 0 -5px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  nav.tabs .inner div.lg menu li button div,
  nav.tabs .inner div.lg ul li button div,
  nav.pinboard-sections .inner div.lg menu li button div,
  nav.pinboard-sections .inner div.lg ul li button div {
    display: inline-block;
    outline: none;
  }
  nav.tabs .inner div.lg menu li button .count,
  nav.tabs .inner div.lg ul li button .count,
  nav.pinboard-sections .inner div.lg menu li button .count,
  nav.pinboard-sections .inner div.lg ul li button .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li button .count::before,
  nav.tabs .inner div.lg ul li button .count::before,
  nav.pinboard-sections .inner div.lg menu li button .count::before,
  nav.pinboard-sections .inner div.lg ul li button .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner div.lg menu li button::after,
  nav.tabs .inner div.lg ul li button::after,
  nav.pinboard-sections .inner div.lg menu li button::after,
  nav.pinboard-sections .inner div.lg ul li button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e5e5e5;
    transform: translateY(3px);
    transition: transform 0.15s;
  }
  nav.tabs .inner div.lg menu li .inner,
  nav.tabs .inner div.lg ul li .inner,
  nav.pinboard-sections .inner div.lg menu li .inner,
  nav.pinboard-sections .inner div.lg ul li .inner {
    position: relative;
  }
  nav.tabs .inner div.lg menu li .inner input[type=text],
  nav.tabs .inner div.lg ul li .inner input[type=text],
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text],
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text] {
    position: relative;
    min-width: 100px;
    height: 38px;
    padding: 4.5px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    color: #005687;
  }
  nav.tabs .inner div.lg menu li .inner label,
  nav.tabs .inner div.lg ul li .inner label,
  nav.pinboard-sections .inner div.lg menu li .inner label,
  nav.pinboard-sections .inner div.lg ul li .inner label {
    position: absolute;
    left: 15px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  nav.tabs .inner div.lg menu li .inner label .count,
  nav.tabs .inner div.lg ul li .inner label .count,
  nav.pinboard-sections .inner div.lg menu li .inner label .count,
  nav.pinboard-sections .inner div.lg ul li .inner label .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li .inner label .count::before,
  nav.tabs .inner div.lg ul li .inner label .count::before,
  nav.pinboard-sections .inner div.lg menu li .inner label .count::before,
  nav.pinboard-sections .inner div.lg ul li .inner label .count::before {
    content: "";
    position: absolute;
    vertical-align: middle;
    height: 20px;
    width: 0;
    left: -10px;
    top: 0;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner div.lg menu li .inner label::after,
  nav.tabs .inner div.lg ul li .inner label::after,
  nav.pinboard-sections .inner div.lg menu li .inner label::after,
  nav.pinboard-sections .inner div.lg ul li .inner label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  nav.tabs .inner div.lg menu li .inner input[type=text] + label,
  nav.tabs .inner div.lg ul li .inner input[type=text] + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text] + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text] + label {
    width: calc(100% - 50px);
    pointer-events: none;
    white-space: nowrap;
  }
  nav.tabs .inner div.lg menu li .inner input[type=text]:focus + label,
  nav.tabs .inner div.lg menu li .inner input[type=text].has-value + label,
  nav.tabs .inner div.lg ul li .inner input[type=text]:focus + label,
  nav.tabs .inner div.lg ul li .inner input[type=text].has-value + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text]:focus + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text].has-value + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text]:focus + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs .inner div.lg menu li .inner input[type=text]:focus + label::after,
  nav.tabs .inner div.lg menu li .inner input[type=text].has-value + label::after,
  nav.tabs .inner div.lg ul li .inner input[type=text]:focus + label::after,
  nav.tabs .inner div.lg ul li .inner input[type=text].has-value + label::after,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text]:focus + label::after,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text].has-value + label::after,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text]:focus + label::after,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text].has-value + label::after {
    top: 2px;
  }
  nav.tabs .inner div.lg menu li .dropdown,
  nav.tabs .inner div.lg ul li .dropdown,
  nav.pinboard-sections .inner div.lg menu li .dropdown,
  nav.pinboard-sections .inner div.lg ul li .dropdown {
    position: absolute;
    max-height: 0;
    max-width: 300px;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    border-top: 1px solid #005687;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs .inner div.lg menu li .dropdown menu,
  nav.tabs .inner div.lg ul li .dropdown menu,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu {
    display: block;
    width: 100%;
    padding-bottom: 0;
    scroll-snap-type: y mandatory;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li,
  nav.tabs .inner div.lg ul li .dropdown menu li,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li a,
  nav.tabs .inner div.lg ul li .dropdown menu li a,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li a,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li a {
    display: block;
    position: static;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
    text-align: left;
    /*white-space: nowrap;*/
  }
  nav.tabs .inner div.lg menu li .dropdown menu li a .count,
  nav.tabs .inner div.lg ul li .dropdown menu li a .count,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li a .count,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li a .count {
    float: right;
    text-align: right;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li.highlight,
  nav.tabs .inner div.lg ul li .dropdown menu li.highlight,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li.highlight,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li.highlight {
    background-color: #32bee1;
    color: #000000;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li.highlight a .count,
  nav.tabs .inner div.lg ul li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li.highlight a .count {
    color: #fff;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li:hover,
  nav.tabs .inner div.lg ul li .dropdown menu li:hover,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li:hover,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs .inner div.lg menu li:hover button::after,
  nav.tabs .inner div.lg menu li.active button::after,
  nav.tabs .inner div.lg ul li:hover button::after,
  nav.tabs .inner div.lg ul li.active button::after,
  nav.pinboard-sections .inner div.lg menu li:hover button::after,
  nav.pinboard-sections .inner div.lg menu li.active button::after,
  nav.pinboard-sections .inner div.lg ul li:hover button::after,
  nav.pinboard-sections .inner div.lg ul li.active button::after {
    transform: translateY(0);
  }
  nav.tabs .inner div.lg menu li:hover input[type=text],
  nav.tabs .inner div.lg menu li.active input[type=text],
  nav.tabs .inner div.lg ul li:hover input[type=text],
  nav.tabs .inner div.lg ul li.active input[type=text],
  nav.pinboard-sections .inner div.lg menu li:hover input[type=text],
  nav.pinboard-sections .inner div.lg menu li.active input[type=text],
  nav.pinboard-sections .inner div.lg ul li:hover input[type=text],
  nav.pinboard-sections .inner div.lg ul li.active input[type=text] {
    border-color: #e5e5e5;
  }
  nav.tabs .inner div.lg menu li.active button,
  nav.tabs .inner div.lg ul li.active button,
  nav.pinboard-sections .inner div.lg menu li.active button,
  nav.pinboard-sections .inner div.lg ul li.active button {
    font-weight: bold;
    color: #005687;
  }
  nav.tabs .inner div.lg menu li.active button .count,
  nav.tabs .inner div.lg ul li.active button .count,
  nav.pinboard-sections .inner div.lg menu li.active button .count,
  nav.pinboard-sections .inner div.lg ul li.active button .count {
    font-weight: normal;
  }
  nav.tabs .inner div.lg menu li.active button::after,
  nav.tabs .inner div.lg ul li.active button::after,
  nav.pinboard-sections .inner div.lg menu li.active button::after,
  nav.pinboard-sections .inner div.lg ul li.active button::after {
    background-color: #005687;
  }
  nav.tabs .inner div.lg menu li.active input[type=text],
  nav.tabs .inner div.lg ul li.active input[type=text],
  nav.pinboard-sections .inner div.lg menu li.active input[type=text],
  nav.pinboard-sections .inner div.lg ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs .inner div.lg menu li.editing,
  nav.tabs .inner div.lg ul li.editing,
  nav.pinboard-sections .inner div.lg menu li.editing,
  nav.pinboard-sections .inner div.lg ul li.editing {
    background-color: #e5e5e5;
  }
  nav.tabs .inner div.lg menu li.editing a,
  nav.tabs .inner div.lg ul li.editing a,
  nav.pinboard-sections .inner div.lg menu li.editing a,
  nav.pinboard-sections .inner div.lg ul li.editing a {
    cursor: default;
  }
  nav.tabs .inner div.lg menu li.editing button,
  nav.tabs .inner div.lg ul li.editing button,
  nav.pinboard-sections .inner div.lg menu li.editing button,
  nav.pinboard-sections .inner div.lg ul li.editing button {
    color: #005687 !important;
  }
  nav.tabs .inner div.lg menu li.editing button.add,
  nav.tabs .inner div.lg ul li.editing button.add,
  nav.pinboard-sections .inner div.lg menu li.editing button.add,
  nav.pinboard-sections .inner div.lg ul li.editing button.add {
    display: inline-block;
  }
  nav.tabs {
    position: fixed;
    top: 30px;
  }
  nav.pinboard-sections {
    margin-bottom: 30px;
  }
  nav.pinboard-sections .inner div.xl menu li {
    display: flex;
    align-items: center;
  }
  nav.pinboard-sections .inner div.xl menu li.editing button .section-title {
    cursor: text;
  }
  nav.pinboard-sections .inner div.xl menu li div,
  nav.pinboard-sections .inner div.xl menu li a {
    display: inline-block;
  }
  nav.pinboard-sections .inner div.xl menu li i.material-icons {
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
  }
  nav.pinboard-sections + .description {
    margin: 45px 0 55px 0 !important;
  }
  /* THE FOLLOWING IS THE SAME AS THE nav.tabs IN _navigate.m */
  nav.tabs.fill-screen {
    position: fixed;
    top: 30px;
    width: 100%;
    height: 60px;
    left: 0;
    margin-left: 0;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 100;
  }
  nav.tabs.fill-screen .inner {
    width: 100%;
  }
  nav.tabs.fill-screen .inner div.m menu,
  nav.tabs.fill-screen .inner div.m ul {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 15px;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  nav.tabs.fill-screen .inner div.m menu li,
  nav.tabs.fill-screen .inner div.m ul li {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 0;
    scroll-snap-align: start;
  }
  nav.tabs.fill-screen .inner div.m menu li a,
  nav.tabs.fill-screen .inner div.m ul li a {
    display: block;
  }
  nav.tabs.fill-screen .inner div.m menu li button,
  nav.tabs.fill-screen .inner div.m ul li button {
    position: relative;
    height: 45px;
    padding: 7px 10px 0 10px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #969696;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
  }
  nav.tabs.fill-screen .inner div.m menu li button .count,
  nav.tabs.fill-screen .inner div.m ul li button .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li button .count::before,
  nav.tabs.fill-screen .inner div.m ul li button .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li button::after,
  nav.tabs.fill-screen .inner div.m ul li button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e5e5e5;
    transform: translateY(3px);
    transition: transform 0.15s;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner,
  nav.tabs.fill-screen .inner div.m ul li .inner {
    position: relative;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text],
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text] {
    position: relative;
    min-width: 100px;
    height: 38px;
    padding: 4.5px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label,
  nav.tabs.fill-screen .inner div.m ul li .inner label {
    position: absolute;
    left: 15px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label .count,
  nav.tabs.fill-screen .inner div.m ul li .inner label .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label .count::before,
  nav.tabs.fill-screen .inner div.m ul li .inner label .count::before {
    content: "";
    position: absolute;
    vertical-align: middle;
    height: 20px;
    width: 0;
    left: -10px;
    top: 0;
    border-left: 1px dotted #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text] + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text] + label {
    width: calc(100% - 50px);
    pointer-events: none;
    white-space: nowrap;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text]:focus + label,
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text].has-value + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text]:focus + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text]:focus + label::after,
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text].has-value + label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text]:focus + label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text].has-value + label::after {
    top: 2px;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown,
  nav.tabs.fill-screen .inner div.m ul li .dropdown {
    position: absolute;
    max-height: 0;
    max-width: 300px;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    border-top: 1px solid #005687;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu {
    display: block;
    width: 100%;
    padding-bottom: 0;
    scroll-snap-type: y mandatory;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li a,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li a {
    display: block;
    position: static;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
    text-align: left;
    /*white-space: nowrap;*/
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li:hover,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs.fill-screen .inner div.m menu li:hover button::after,
  nav.tabs.fill-screen .inner div.m menu li.active button::after,
  nav.tabs.fill-screen .inner div.m ul li:hover button::after,
  nav.tabs.fill-screen .inner div.m ul li.active button::after {
    transform: translateY(0);
  }
  nav.tabs.fill-screen .inner div.m menu li:hover input[type=text],
  nav.tabs.fill-screen .inner div.m menu li.active input[type=text],
  nav.tabs.fill-screen .inner div.m ul li:hover input[type=text],
  nav.tabs.fill-screen .inner div.m ul li.active input[type=text] {
    border-color: #e5e5e5;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button,
  nav.tabs.fill-screen .inner div.m ul li.active button {
    font-weight: bold;
    color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button .count,
  nav.tabs.fill-screen .inner div.m ul li.active button .count {
    font-weight: normal;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button::after,
  nav.tabs.fill-screen .inner div.m ul li.active button::after {
    background-color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li.active input[type=text],
  nav.tabs.fill-screen .inner div.m ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs.fill-screen .inner .btn-group {
    float: right;
  }
  nav.tabs.fill-screen .inner .btn-group a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 0;
    border-radius: 30px;
    border: 1px solid #969696;
    text-align: center;
  }
  nav.tabs.fill-screen .inner .btn-group a i {
    line-height: 30px;
    font-size: 16px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner .btn-group a.active {
    background-color: #005687;
    border-color: #005687;
  }
  nav.tabs.fill-screen .inner .btn-group a.active i {
    color: #fff;
  }
  header {
    display: block;
    flex: 1 1;
    pointer-events: none;
  }
  header.folded {
    /* LEFT COlUMN IN MAP VIEW */
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 33vw;
    min-height: 100vh;
    background-color: #fff;
    z-index: 1000;
    transform: translateX(calc(-100% - 10px));
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s ease-out;
  }
  header.open {
    transform: translateX(0);
  }
  header .inner {
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    /* width: calc((100vw - (300px * 3 + 15px * 4)) / 2); */
    top: 0;
    z-index: 9999;
  }
  header .inner nav#site-title {
    display: block;
    margin-top: 30px;
    pointer-events: all;
  }
  header .inner nav#site-title .inner {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    width: 100%;
    height: auto;
  }
  header .inner nav#site-title .inner .logo-container {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
  }
  header .inner nav#site-title .inner .logo-container img.logo {
    height: 125px;
  }
  header .inner nav#site-title .inner .logo-container .filler {
    flex: 60px 0 1;
  }
  header .inner nav#site-title .inner .create,
  header .inner nav#site-title .inner .save {
    position: relative;
    margin-top: 31px;
  }
  header .inner nav#site-title .inner .create button,
  header .inner nav#site-title .inner .save button {
    /* width: 100px;*/
    min-height: 45px;
    margin: 0;
    padding: 0 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown,
  header .inner nav#site-title .inner .save .dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #005687;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  header .inner nav#site-title .inner .create .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul {
    width: 100%;
    /*li.status-2 {
    	button {
    		background: repeating-linear-gradient(
    			-45deg,
    			transparent,
    			transparent 3px,
    			rgba(150, 150, 150, .1) 3px,
    			rgba(150, 150, 150, .1) 6px
    		);
    	}
    }*/
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter,
  header .inner nav#site-title .inner .save .dropdown ul li.filter {
    position: fixed;
    height: 45px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text],
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label::after,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text] + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text].has-value + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.padding,
  header .inner nav#site-title .inner .save .dropdown ul li.padding {
    width: 100%;
    height: 45px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li,
  header .inner nav#site-title .inner .save .dropdown ul li {
    position: relative;
    max-width: 300px;
    width: 300px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li img,
  header .inner nav#site-title .inner .save .dropdown ul li img {
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button,
  header .inner nav#site-title .inner .save .dropdown ul li button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0;
    padding-right: 15px;
    background-color: transparent;
    border: none;
    text-align: left;
    /* white-space: nowrap; */
    cursor: pointer;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button label,
  header .inner nav#site-title .inner .save .dropdown ul li button label {
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li button .expandable {
    margin-left: auto;
    /* padding-left: 45px;*/
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li button:hover {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 300px;
    white-space: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable .sub,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable .sub {
    font-size: 12px;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a button,
  header .inner nav#site-title .inner .create .dropdown ul li a button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a button,
  header .inner nav#site-title .inner .save .dropdown ul li a button:hover {
    color: #000000;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a:hover {
    text-decoration: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form,
  header .inner nav#site-title .inner .save .dropdown ul li form {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 45px);
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 15px 0 30px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file],
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] {
    display: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file] + label,
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] + label {
    display: block;
    flex-grow: 1;
    color: #000000;
    cursor: inherit;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown {
    display: none;
    margin-top: -2px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf {
    overflow: auto;
    max-height: 300px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf button,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf button {
    font-size: 14px;
    line-height: 1.5em;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li.open > .dropdown {
    display: block;
    min-height: 45px;
    width: 100%;
  }
  header .inner nav#site-title .inner .create .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .create .dropdown ul li.open > button,
  header .inner nav#site-title .inner .create .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .create .dropdown ul li.open > form,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .save .dropdown ul li.open > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-0 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-0 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-1 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-1 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create:hover button,
  header .inner nav#site-title .inner .create.open button {
    background-color: #005687;
    color: #fff;
  }
  header .inner nav#site-title .inner .create:hover .dropdown,
  header .inner nav#site-title .inner .create.open .dropdown {
    display: block;
  }
  header .inner nav#site-title .inner .create:not(.open) {
    /*li {
    	.dropdown {
    		ul {
    			li:hover {
    				.dropdown {
    					display: block;
    				}
    			}
    		}
    	}
    }*/
  }
  header .inner nav#site-title .inner .create:not(.open) li:hover > .dropdown {
    display: block;
  }
  header .inner nav#site-title .inner .create:not(.open) li:hover > button,
  header .inner nav#site-title .inner .create:not(.open) li:hover > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner h1 {
    margin-top: 15px;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 10px;
    /*small {
    	display: block;
    	font-size: $t-mid;
    	line-height: 1.2em;
    	margin-bottom: 5px;
    }*/
  }
  header .inner nav#site-title .inner h2 {
    margin: 5px 0;
    font-weight: 300;
    color: #b4dc28;
    font-size: 16px;
  }
  header .inner nav#site-title .inner .search {
    margin-top: 15px;
  }
  header .inner nav#site-title .inner .search button {
    border: none;
    outline: none;
    background-color: transparent;
  }
  header .inner nav#site-title .inner .search button img {
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .save button {
    background-color: #32bee1;
    padding: 0 15px;
    border-color: #32bee1;
    color: #fff;
  }
  header .inner nav#site-title .inner .save.saved button {
    background-color: #0468b1;
    border-color: #0468b1;
    color: #fff;
  }
  header .inner nav#modules {
    margin-bottom: 120px;
    pointer-events: all;
  }
  header .inner nav#modules menu {
    list-style: none;
  }
  header .inner nav#modules menu li {
    position: relative;
    text-align: center;
  }
  header .inner nav#modules menu li.label {
    font-size: 14px;
    color: #969696;
  }
  header .inner nav#modules menu li a {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: auto;
    padding: 15px 0;
    color: #969696;
  }
  header .inner nav#modules menu li a:hover {
    text-decoration: none;
  }
  header .inner nav#modules menu li.active a {
    font-weight: bold;
    color: #005687;
  }
  header .inner nav#modules menu li:nth-child(n+3)::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 0px;
    left: calc(50% - 50px);
    border-top: 1px dotted #969696;
  }
  header .inner nav.pagination {
    margin-bottom: 60px;
    width: 100%;
    pointer-events: all;
  }
  header .inner nav.pagination .inner {
    display: initial;
    position: static;
  }
  header .inner nav.pagination .inner ul {
    text-align: center;
  }
  header .inner nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  header .inner nav.pagination .inner ul li a {
    cursor: pointer;
  }
  header .inner nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  header .inner nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  header .inner nav.pagination .inner ul.padded {
    padding: 0 45px;
  }
  header .inner nav.pagination img {
    width: 180px;
    height: auto;
  }
  .sidebar {
    display: block;
    top: 0;
  }
  .sidebar > .inner {
    position: sticky;
    top: 0px;
    height: 100vh;
  }
  .sidebar > .inner #statistics {
    display: grid;
    padding: 45px 45px 0 15px;
  }
  .sidebar > .inner #statistics .stat-group {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    padding: 15px 0;
  }
  .sidebar > .inner #statistics .stat-group:first-child .statistic {
    grid-column: 1/span 2;
  }
  .sidebar > .inner #statistics .stat-group .statistic {
    text-align: center;
  }
  .sidebar > .inner #statistics .stat-group .statistic h1 {
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  .sidebar > .inner #statistics .stat-group .statistic h2 {
    font-size: 24px;
    line-height: 1.2em;
  }
  .sidebar > .inner #statistics .stat-group .statistic small {
    font-size: 12px;
    line-height: 1.2em;
    color: #969696;
  }
  .sidebar > .inner #filters {
    overflow: auto;
  }
  .sidebar > .inner #filters .inner {
    padding: 30px;
  }
  .sidebar > .inner #filters .inner p {
    padding: 10px 0 5px 0;
    font-size: 16px;
    font-style: italic;
    color: #969696;
  }
  .sidebar > .inner #filters .inner .active-filters {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .sidebar > .inner #filters .inner .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .sidebar > .inner #filters .inner .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .type {
    font-size: 10px;
    padding-right: 5px;
    margin: 0 0 0 5px;
    border-right: 1px dotted #969696;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    float: none;
    transform: none;
    padding: 0;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  .veil {
    position: fixed;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .veil nav.browse-filters {
    position: relative;
    /*width: 475px;*/
    width: 400px;
    /*width: calc(150px * 3 + 15px * 2 + 60px);*/
    margin: 60px auto 125px auto;
    background-color: #fff;
    border: 1px solid #005687;
    border-top-width: 5px;
    transition: transform 0.5s;
  }
  .veil nav.browse-filters .handle {
    position: absolute;
    bottom: 100%;
    right: -1px;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
    cursor: e-resize;
  }
  .veil nav.browse-filters .handle button.close {
    height: 30px;
    border: none;
    outline: none;
    padding: 0 15px;
    background-color: #005687;
    color: #fff;
  }
  .veil nav.browse-filters .handle button.close label {
    cursor: pointer;
  }
  .veil nav.browse-filters .handle button.close label span {
    margin-left: 15px;
  }
  .veil nav.browse-filters form .query {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #32bee1;
  }
  .veil nav.browse-filters form .query input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 30px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  .veil nav.browse-filters form .query label[for=search-field] {
    position: absolute;
    top: 5px;
    left: 30px;
    font-size: 16px;
    color: #32bee1;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  .veil nav.browse-filters form .query input[type=text]:focus + label,
  .veil nav.browse-filters form .query input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  .veil nav.browse-filters form .query input:-webkit-autofill,
  .veil nav.browse-filters form .query input:-webkit-autofill:hover,
  .veil nav.browse-filters form .query input:-webkit-autofill:focus,
  .veil nav.browse-filters form .query input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  .veil nav.browse-filters form .query button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters p {
    margin: 15px 30px 0px 30px;
    font-size: 16px;
    font-style: italic;
  }
  .veil nav.browse-filters form .filters .meta-filters,
  .veil nav.browse-filters form .filters .content-filters {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 15px;
    /*.filter:nth-child(2n) {
    	margin-left: 0;
    	.dropdown {
    		left: -215px;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters,
  .veil nav.browse-filters form .filters .content-filters .active-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    padding: 0 10px;
    /*margin-bottom: 5px;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 5px;
    margin: 5px;
    background-color: #fff;
    font-size: 10px;
    color: #969696;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag label,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .type,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .type {
    flex-shrink: 0;
    /*font-size: $t-xsmall;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .name,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: bold;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .close,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter,
  .veil nav.browse-filters form .filters .content-filters .filter {
    position: relative;
    /*flex-grow: 1;*/
    width: 100%;
    /*width: 200px;*/
    margin: 5px 15px;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button,
  .veil nav.browse-filters form .filters .content-filters .filter button {
    height: 30px;
    width: 100%;
    padding: 0 30px;
    border: 1px solid #0468b1;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
    color: #0468b1;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter button label.count {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #0468b1;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown {
    display: none;
    position: absolute;
    /*top: calc(100% - 1px);*/
    top: 100%;
    left: 0;
    /*width: calc(415px - 2px);*/
    width: 338px;
    max-height: 300px;
    background-color: #fff;
    border: 1px solid #32bee1;
    border-top: none;
    /*border-top-width: 5px;*/
    z-index: 1000;
    overflow: auto;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul {
    width: 100%;
    /*padding-bottom: 5px;*/
    /*li.not-hovered > button {
    	background-color: $c-light-grey !important;
    }
    li.not-hovered > a {
    	button {
    		background-color: $c-light-grey !important;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li input[type=checkbox],
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li input[type=checkbox] {
    display: none;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label {
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    color: #000000;
    width: 90%;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label.count,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label.count {
    font-size: 12px;
    color: #0468b1;
    width: 10%;
    text-align: right;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li:hover,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li:hover {
    background-color: #e5e5e5;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active {
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active label {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter:not(.expand):hover button,
  .veil nav.browse-filters form .filters .content-filters .filter:not(.expand):hover button {
    background-color: #32bee1;
    border: 1px solid #32bee1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button {
    background-color: #0468b1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button label.count {
    background-color: #fff;
    font-weight: bold;
    color: #0468b1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter.expand .dropdown {
    display: block;
  }
  .veil nav.browse-filters form .filters .meta-filters .title h1,
  .veil nav.browse-filters form .filters .content-filters .title h1 {
    font-size: 16px;
    font-style: italic;
    color: #b4dc28;
    /*text-decoration: underline;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active,
  .veil nav.browse-filters form .filters .content-filters .title .active {
    margin-bottom: 10px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    text-decoration: none;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #333d51;
    border-radius: 5px;
    font-size: 12px;
    color: #333d51;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag label,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag i,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag i {
    vertical-align: middle;
    font-size: 16px;
    margin-left: 5px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag a {
    color: #333d51;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover {
    background-color: #333d51;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover a {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .separator {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .veil nav.browse-filters form .filters .separator span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    font-size: 12px;
    color: #32bee1;
    z-index: 100;
  }
  .veil nav.browse-filters form .filters .separator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .submission {
    width: calc(100% - 55px);
    padding: 5px 25px 30px 30px;
    text-align: right;
  }
  .veil nav.browse-filters form .submission button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    margin-right: 5px;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .submission button.search {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .veil nav#filter.open {
    transform: translateX(0);
  }
  .veil nav#filter.open .handle {
    cursor: w-resize;
  }
  .veil nav#filter.open .handle div {
    cursor: w-resize;
  }
  /* LEAFLET ADJUSTMENTS */
  /* =================== */
  /* BASE MAP: THIS IS THE BASE FOR THE browse ACTIVITY */
  .map-container {
    width: calc(100% + 30px);
    margin: 15px 0 0 -15px;
    z-index: 1;
    position: relative;
  }
  .map-container #map {
    min-height: 50vh;
    background-color: #e5e5e5;
  }
  .map-container .btn-group.map-scale {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 30px;
  }
  .map-container .btn-group.map-scale a {
    float: left;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    background-color: #e5e5e5;
    font-size: 12px;
    color: #005687;
    cursor: pointer;
  }
  .map-container .btn-group.map-scale a.active {
    background-color: #0468b1;
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
  }
  .map-container .btn-group.map-scale {
    /*top: 30px;*/
    right: 30px;
    left: auto;
  }
  .map-container .btn-group.map-scale a {
    padding: 0 8px 2px 8px;
    background-color: #005687;
    color: #fff;
  }
  .map-container .btn-group.map-scale a input[type=checkbox] {
    display: none;
  }
  .map-container .btn-group.map-scale a i {
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
  }
  .map-container.full-screen {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px - 45px - 135px);
    margin: 0;
  }
  .map-container.full-screen #map {
    height: 100%;
  }
  /* POPUPS */
  .leaflet-popup {
    z-index: 10000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
    font-family: "Overpass", Helvetica, Arial, sans-serif;
    color: #005687;
    padding: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 300px !important;
    max-height: 400px;
    margin: 0;
    /*      padding-top: 20px;*/
    overflow: auto;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn {
    width: 100%;
    min-height: 45px;
    padding: 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn:hover {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
    padding-bottom: 75px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article {
    position: relative;
    width: 100%;
    min-width: 300px;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    scroll-snap-align: center;
    padding-top: 0 !important;
    border-radius: 0;
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .media-img {
    width: 300px;
    margin-bottom: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .btn-group {
    margin: 10px 0 15px 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body {
    display: block;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body a {
    color: #32bee1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title {
    width: 100%;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title a {
    text-decoration: none;
    color: #005687;
    font-weight: 700;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt {
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt a {
    color: #000000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .foot {
    padding: 0 15px 30px 15px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    background-color: transparent;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    border-top: 1px dotted #969696;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel {
    position: relative;
    margin-bottom: 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots {
    width: calc(100% - 60px);
    padding: 0 30px;
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 2.5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot.highlight {
    background-color: #0468b1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul {
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li {
    display: inline-block;
    margin: 0 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a {
    color: #32bee1;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a.active {
    font-weight: 700;
    text-decoration: underline;
  }
  .leaflet-container a.leaflet-popup-close-button {
    width: calc(100% - 10px);
    height: 25px !important;
    width: 25px !important;
    top: 0;
    padding: 0 !important;
    margin: 10px 10px 0 0 !important;
    background-color: #005687;
    text-align: right;
    line-height: 20px;
    color: #646464 !important;
    display: block;
    font-size: 0 !important;
  }
  .leaflet-container a.leaflet-popup-close-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(-45deg);
    transform-origin: center;
  }
  .leaflet-container a.leaflet-popup-close-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(45deg);
    transform-origin: center;
  }
  /* PINS */
  .single-pin {
    outline: none;
  }
  .single-pin i {
    position: absolute;
    left: -125%;
    top: -50%;
    font-size: 2rem;
    color: #005687;
  }
  .single-pin.selected i {
    color: orange;
  }
  .cluster-pin {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border: 5px solid #005687;
    background-color: #005687;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.75;
  }
  .cluster-pin.selected {
    background-color: #0468b1;
    border-color: #0468b1;
  }
  .map-container.full-screen {
    top: 90px;
    height: calc(100vh - 90px - 180px);
  }
  .screen {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    /*background-color: rgba(255,255,255,.75);*/
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 3px, rgba(229, 229, 229, 0.75) 3px, rgba(229, 229, 229, 0.75) 6px);
    animation: fade-in 0.25s;
    z-index: 99999;
  }
  .screen .modal .close {
    float: right;
    border: none;
    outline: none;
    background-color: #005687;
    color: #fff;
    cursor: pointer;
  }
  .screen .modal .inner {
    border-top: 2px solid #005687;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  .screen .modal .inner img.zoom {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .screen.dark {
    background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75) 3px, rgba(50, 50, 50, 0.75) 3px, rgba(50, 50, 50, 0.75) 6px);
  }
  .screen.transparent {
    background: transparent;
  }
  .screen.blue {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .screen.error {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .screen.ter {
    background-color: rgb(239, 239, 239);
  }
  .screen.ter .modal .close {
    background-color: #333d51;
  }
  .screen.ter .modal .inner {
    border-top: 3px solid #333d51;
  }
  .modal {
    position: relative;
    width: 400px;
    flex-shrink: 1;
    margin: auto;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 12px;
  }
  .modal .close.inlaid {
    position: absolute;
    right: 0;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
    overflow-y: visible;
    max-height: 85vh;
  }
  .modal .inner.unpadded {
    padding: 0;
    max-height: none;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 16px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .modal .inner .message * {
    padding: 5px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 12px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
  }
  .modal .inner ul li div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
  }
  .modal .inner ul li div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .modal .inner ul li div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  .modal .inner ul li input[type=file] {
    display: none;
  }
  .modal .inner ul li button,
  .modal .inner ul li input[type=file] + label {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub,
  .modal .inner ul li input[type=file] + label .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .inner ul li button:disabled,
  .modal .inner ul li input[type=file] + label:disabled {
    color: #e5e5e5;
    cursor: default;
    border-color: #e5e5e5;
    background-color: transparent;
  }
  .modal .inner ul li button.padded,
  .modal .inner ul li input[type=file] + label.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li button.input-submit,
  .modal .inner ul li button[type=submit] {
    border-color: #32bee1;
    background-color: #32bee1;
    color: #fff;
  }
  .modal .inner ul li input[type=file] + label {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    transform: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #005687;
    line-height: 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 15px;
    font-size: 14px;
    color: #969696;
    transform: translateY(17px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li input:not([type=checkbox]):not([type=radio]):focus + label,
  .modal .inner ul li input.has-value:not([type=checkbox]):not([type=radio]) + label,
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 12px;
    transform: translateY(-5px);
  }
  .modal .inner ul li input.full-width {
    /*
    width: 100%;
    margin: 5px 0 15px 0;
    padding: 15px 0 15px 0;
    border: none;
    border-bottom: 1px solid $c-light-grey;
    outline: none;
    font-size: $t-main;
    */
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 0 15px 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li input + label {
    top: 1px;
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li .filter {
    position: relative;
  }
  .modal .inner ul li .filter input[type=text] {
    width: calc(100% - 30px);
    height: 45px;
    margin-left: 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li .filter input[type=text] + label {
    left: 15px;
    font-size: 14px;
    line-height: 1.3em;
    transform: translateY(12px);
    text-align: left;
  }
  .modal .inner ul li .filter input[type=text]:focus + label,
  .modal .inner ul li .filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.3em;
    transform: translateY(-10px);
  }
  .modal .inner ul li .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu {
    width: 100%;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px 15px 5px 15px;
    list-style: none;
    box-sizing: border-box;
  }
  .modal .inner ul li .filter .dropdown menu li input[type=checkbox],
  .modal .inner ul li .filter .dropdown menu li input[type=radio] {
    display: none;
  }
  .modal .inner ul li .filter .dropdown menu li label {
    display: block;
    position: static;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  .modal .inner ul li .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li label .sub {
    color: #969696;
    font-size: 12px;
  }
  .modal .inner ul li .filter .dropdown menu li label.secondary {
    padding: 0;
    font-size: 12px;
    color: #969696;
    font-style: italic;
  }
  .modal .inner ul li .filter .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal .inner ul li .filter .dropdown menu li.active {
    background-color: #32bee1;
  }
  .modal .inner ul li .active-filters {
    padding: 10px 15px;
    margin: 0 auto 15px auto;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  .modal .inner ul li .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .modal .inner ul li .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  .modal .inner ul li .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  .modal .inner ul li .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  .modal .inner ul li .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .modal .inner ul li .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  .modal .inner ul li.default {
    text-align: left;
  }
  .modal .inner ul li.default label {
    position: static;
    margin-left: 10px;
    color: #000000;
    font-size: 14px;
  }
  .modal .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .foot button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .foot button .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .foot p {
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
  }
  .modal.longlist .inner {
    padding: 0;
  }
  .modal.longlist .inner .message {
    padding: 15px 15px 5px 15px;
    margin: 0;
  }
  .modal.longlist .inner ul {
    width: 100%;
    max-height: 500px;
    overflow: auto;
  }
  .modal.longlist .inner ul li.filter {
    position: fixed;
    height: 45px;
    width: 300px;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  .modal.longlist .inner ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  .modal.longlist .inner ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  .modal.longlist .inner ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .modal.longlist .inner ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  .modal.longlist .inner ul li.filter input[type=text]:focus + label,
  .modal.longlist .inner ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  .modal.longlist .inner ul li.padding {
    width: 100%;
    height: 45px;
    margin: 0;
  }
  .modal.longlist .inner ul li.opt {
    margin: 0;
  }
  .modal.longlist .inner ul li.opt input[type=checkbox] {
    display: none;
  }
  .modal.longlist .inner ul li.opt label {
    display: block;
    padding: 5px 15px;
    margin: 0;
    transform: none;
  }
  .modal.longlist .inner ul li.opt label:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal.longlist .inner ul li.opt input:checked + label {
    background-color: #32bee1;
  }
  .modal.longlist .inner .foot {
    padding: 15px;
    margin: 0;
  }
  .login-module {
    padding: 30px 30px 15px 30px;
    border-top: 2px solid #005687;
    background-color: #fff;
  }
  .login-module ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
  }
  .login-module ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -30px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .login-module ul li .required input {
    display: none;
  }
  .login-module ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .login-module ul li .required input:checked + label,
  .login-module ul li .required label.active {
    color: #a51e41;
  }
  .login-module ul li .input-group {
    position: relative;
    flex-grow: 1;
  }
  .login-module ul li .input-group input.toggle + label {
    margin: 0;
  }
  .login-module ul li input[type=text],
  .login-module ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: #fff;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .login-module ul li input[type=text] + label,
  .login-module ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .login-module ul li input[type=text]:focus + label,
  .login-module ul li input[type=text].has-value + label,
  .login-module ul li input[type=password]:focus + label,
  .login-module ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .login-module ul li input[type=email]:invalid,
  .login-module ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .login-module ul li button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    margin-top: 15px;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .login-module ul li p.errormessage {
    color: #a51e41;
  }
  .login-module ul li p.small {
    font-size: 12px;
    color: #646464;
  }
  .login-module div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #969696;
    font-size: 12px;
  }
  .login-module div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .login-module div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  @keyframes animate-down {
    from {
      transform: translateY(-30px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .session-alert {
    padding: 15px;
    border: 1px dotted #a51e41;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .session-alert p {
    color: #a51e41;
  }
  .session-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  .session-alert form table {
    margin: 15px 0 0 0;
    width: 100%;
    color: #646464;
    font-size: 14px;
    line-height: 1.5em;
    border-collapse: separate;
    border-spacing: 0 5px;
  }
  .session-alert form table thead th {
    height: 30px;
    padding: 0 10px;
    text-align: left;
    border-bottom: 1px solid #969696;
  }
  .session-alert form table tbody tr:hover {
    background-color: #e5e5e5;
  }
  .session-alert form table tbody tr.all {
    font-weight: bold;
  }
  .session-alert form table tbody tr td {
    min-height: 30px;
    padding: 0 10px;
  }
  .session-alert form table tbody tr td.highlight {
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .session-alert form table tbody tr td:last-child {
    padding-right: 0;
  }
  .session-alert form table tbody tr td button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #a51e41;
    padding: 0 5px;
    background: transparent;
    outline: none;
    color: #a51e41;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .disclaimer-alert {
    padding: 15px;
    border: 1px dotted #fa7814;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .disclaimer-alert p {
    color: #fa7814;
  }
  .disclaimer-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  div.fixed-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
  div.hashed {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.main-content.adjacent {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document {
    position: relative;
    display: block;
    width: 838px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group,
  div.document main#pad .engagement-input-group,
  div.document main#reference .engagement-input-group,
  div.document main#template .engagement-input-group,
  div.document main#mobilization .engagement-input-group {
    position: fixed;
    width: 225px;
    margin: 0 0 0 -225px;
  }
  div.document main .engagement-input-group .bookmark,
  div.document main#pad .engagement-input-group .bookmark,
  div.document main#reference .engagement-input-group .bookmark,
  div.document main#template .engagement-input-group .bookmark,
  div.document main#mobilization .engagement-input-group .bookmark {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 66px;
    height: 90px;
    top: -60px;
    right: 20px;
    transform-origin: top center;
    transition: transform 0.25s ease-out;
    background-color: #c2b4d6;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark div,
  div.document main#pad .engagement-input-group .bookmark div,
  div.document main#reference .engagement-input-group .bookmark div,
  div.document main#template .engagement-input-group .bookmark div,
  div.document main#mobilization .engagement-input-group .bookmark div {
    transform: rotate(-90deg);
  }
  div.document main .engagement-input-group .bookmark::before,
  div.document main#pad .engagement-input-group .bookmark::before,
  div.document main#reference .engagement-input-group .bookmark::before,
  div.document main#template .engagement-input-group .bookmark::before,
  div.document main#mobilization .engagement-input-group .bookmark::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-left: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark::after,
  div.document main#pad .engagement-input-group .bookmark::after,
  div.document main#reference .engagement-input-group .bookmark::after,
  div.document main#template .engagement-input-group .bookmark::after,
  div.document main#mobilization .engagement-input-group .bookmark::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-right: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark:hover,
  div.document main .engagement-input-group .bookmark.active,
  div.document main#pad .engagement-input-group .bookmark:hover,
  div.document main#pad .engagement-input-group .bookmark.active,
  div.document main#reference .engagement-input-group .bookmark:hover,
  div.document main#reference .engagement-input-group .bookmark.active,
  div.document main#template .engagement-input-group .bookmark:hover,
  div.document main#template .engagement-input-group .bookmark.active,
  div.document main#mobilization .engagement-input-group .bookmark:hover,
  div.document main#mobilization .engagement-input-group .bookmark.active {
    background-color: #57648c;
  }
  div.document main .engagement-input-group .bookmark:hover::before,
  div.document main .engagement-input-group .bookmark:hover::after,
  div.document main .engagement-input-group .bookmark.active::before,
  div.document main .engagement-input-group .bookmark.active::after,
  div.document main#pad .engagement-input-group .bookmark:hover::before,
  div.document main#pad .engagement-input-group .bookmark:hover::after,
  div.document main#pad .engagement-input-group .bookmark.active::before,
  div.document main#pad .engagement-input-group .bookmark.active::after,
  div.document main#reference .engagement-input-group .bookmark:hover::before,
  div.document main#reference .engagement-input-group .bookmark:hover::after,
  div.document main#reference .engagement-input-group .bookmark.active::before,
  div.document main#reference .engagement-input-group .bookmark.active::after,
  div.document main#template .engagement-input-group .bookmark:hover::before,
  div.document main#template .engagement-input-group .bookmark:hover::after,
  div.document main#template .engagement-input-group .bookmark.active::before,
  div.document main#template .engagement-input-group .bookmark.active::after,
  div.document main#mobilization .engagement-input-group .bookmark:hover::before,
  div.document main#mobilization .engagement-input-group .bookmark:hover::after,
  div.document main#mobilization .engagement-input-group .bookmark.active::before,
  div.document main#mobilization .engagement-input-group .bookmark.active::after {
    border-top-color: #57648c;
  }
  div.document main .engagement-input-group ul,
  div.document main#pad .engagement-input-group ul,
  div.document main#reference .engagement-input-group ul,
  div.document main#template .engagement-input-group ul,
  div.document main#mobilization .engagement-input-group ul {
    padding: 5px 10px;
    margin: 65px 20px 0 0;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group ul li,
  div.document main#pad .engagement-input-group ul li,
  div.document main#reference .engagement-input-group ul li,
  div.document main#template .engagement-input-group ul li,
  div.document main#mobilization .engagement-input-group ul li {
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
  }
  div.document main .engagement-input-group ul li button,
  div.document main#pad .engagement-input-group ul li button,
  div.document main#reference .engagement-input-group ul li button,
  div.document main#template .engagement-input-group ul li button,
  div.document main#mobilization .engagement-input-group ul li button {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    max-width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 45px;
    outline: none;
    margin: 0 0 0 10px;
    background-color: transparent;
    color: #c2b4d6;
    font-size: 24px;
    line-height: 1.5em;
    cursor: pointer;
    transition: border-color 0.25s, max-width 0.5s;
  }
  div.document main .engagement-input-group ul li button small,
  div.document main#pad .engagement-input-group ul li button small,
  div.document main#reference .engagement-input-group ul li button small,
  div.document main#template .engagement-input-group ul li button small,
  div.document main#mobilization .engagement-input-group ul li button small {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    white-space: nowrap;
  }
  div.document main .engagement-input-group ul li button i,
  div.document main#pad .engagement-input-group ul li button i,
  div.document main#reference .engagement-input-group ul li button i,
  div.document main#template .engagement-input-group ul li button i,
  div.document main#mobilization .engagement-input-group ul li button i {
    flex-shrink: 0;
    width: 45px;
    display: inline-block;
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 45px;*/
    font-style: normal;
    cursor: pointer;
  }
  div.document main .engagement-input-group ul li button::after,
  div.document main#pad .engagement-input-group ul li button::after,
  div.document main#reference .engagement-input-group ul li button::after,
  div.document main#template .engagement-input-group ul li button::after,
  div.document main#mobilization .engagement-input-group ul li button::after {
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: calc(100% - 10px);
    width: 45px;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: 700;
    pointer-events: none;
    transition: opacity 0.25s, transform 0.5s;
  }
  div.document main .engagement-input-group ul li button:hover,
  div.document main#pad .engagement-input-group ul li button:hover,
  div.document main#reference .engagement-input-group ul li button:hover,
  div.document main#template .engagement-input-group ul li button:hover,
  div.document main#mobilization .engagement-input-group ul li button:hover {
    max-width: 100%;
    border-color: #c2b4d6;
  }
  div.document main .engagement-input-group ul li button.active,
  div.document main#pad .engagement-input-group ul li button.active,
  div.document main#reference .engagement-input-group ul li button.active,
  div.document main#template .engagement-input-group ul li button.active,
  div.document main#mobilization .engagement-input-group ul li button.active {
    color: #934a5f;
  }
  div.document main .engagement-input-group ul li button.active:hover,
  div.document main#pad .engagement-input-group ul li button.active:hover,
  div.document main#reference .engagement-input-group ul li button.active:hover,
  div.document main#template .engagement-input-group ul li button.active:hover,
  div.document main#mobilization .engagement-input-group ul li button.active:hover {
    border-color: #934a5f;
  }
  div.document main .engagement-input-group ul li button:hover::after,
  div.document main#pad .engagement-input-group ul li button:hover::after,
  div.document main#reference .engagement-input-group ul li button:hover::after,
  div.document main#template .engagement-input-group ul li button:hover::after,
  div.document main#mobilization .engagement-input-group ul li button:hover::after {
    opacity: 0;
    transform: translateY(-10px);
  }
  div.document main .inner .meta-info,
  div.document main#pad .inner .meta-info,
  div.document main#reference .inner .meta-info,
  div.document main#template .inner .meta-info,
  div.document main#mobilization .inner .meta-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 150px);
    margin-bottom: 90px;
    padding-bottom: 60px;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-info h1,
  div.document main#pad .inner .meta-info h1,
  div.document main#reference .inner .meta-info h1,
  div.document main#template .inner .meta-info h1,
  div.document main#mobilization .inner .meta-info h1 {
    /*margin-bottom: 30px;*/
    font-size: 20px;
    line-height: 1.5em;
  }
  div.document main .inner .meta-info p,
  div.document main#pad .inner .meta-info p,
  div.document main#reference .inner .meta-info p,
  div.document main#template .inner .meta-info p,
  div.document main#mobilization .inner .meta-info p {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner button.scroll-nav,
  div.document main#pad .inner button.scroll-nav,
  div.document main#reference .inner button.scroll-nav,
  div.document main#template .inner button.scroll-nav,
  div.document main#mobilization .inner button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document main .inner button.scroll-nav label.rotate,
  div.document main#pad .inner button.scroll-nav label.rotate,
  div.document main#reference .inner button.scroll-nav label.rotate,
  div.document main#template .inner button.scroll-nav label.rotate,
  div.document main#mobilization .inner button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.document main .inner button.scroll-nav:hover,
  div.document main#pad .inner button.scroll-nav:hover,
  div.document main#reference .inner button.scroll-nav:hover,
  div.document main#template .inner button.scroll-nav:hover,
  div.document main#mobilization .inner button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status,
  div.document main#pad .inner .meta-status,
  div.document main#reference .inner .meta-status,
  div.document main#template .inner .meta-status,
  div.document main#mobilization .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 0 -60px;
    z-index: 10000;
  }
  div.document main .inner .meta-status .btn-group,
  div.document main#pad .inner .meta-status .btn-group,
  div.document main#reference .inner .meta-status .btn-group,
  div.document main#template .inner .meta-status .btn-group,
  div.document main#mobilization .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  div.document main .inner .meta-status .btn-group form,
  div.document main#pad .inner .meta-status .btn-group form,
  div.document main#reference .inner .meta-status .btn-group form,
  div.document main#template .inner .meta-status .btn-group form,
  div.document main#mobilization .inner .meta-status .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.document main .inner .meta-status .btn-group form button,
  div.document main#pad .inner .meta-status .btn-group form button,
  div.document main#reference .inner .meta-status .btn-group form button,
  div.document main#template .inner .meta-status .btn-group form button,
  div.document main#mobilization .inner .meta-status .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .meta-status .btn-group form button.publish,
  div.document main#pad .inner .meta-status .btn-group form button.publish,
  div.document main#reference .inner .meta-status .btn-group form button.publish,
  div.document main#template .inner .meta-status .btn-group form button.publish,
  div.document main#mobilization .inner .meta-status .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group form button:disabled,
  div.document main#pad .inner .meta-status .btn-group form button:disabled,
  div.document main#reference .inner .meta-status .btn-group form button:disabled,
  div.document main#template .inner .meta-status .btn-group form button:disabled,
  div.document main#mobilization .inner .meta-status .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.document main .inner .meta-status .btn-group form .dropdown,
  div.document main#pad .inner .meta-status .btn-group form .dropdown,
  div.document main#reference .inner .meta-status .btn-group form .dropdown,
  div.document main#template .inner .meta-status .btn-group form .dropdown,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 100;
    transition: max-height 0.15s ease-out;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    color: #969696;
    font-size: 12px;
    white-space: nowrap;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li:not(:last-child) {
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-status.status-0,
  div.document main#pad .inner .meta-status.status-0,
  div.document main#reference .inner .meta-status.status-0,
  div.document main#template .inner .meta-status.status-0,
  div.document main#mobilization .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-1,
  div.document main#pad .inner .meta-status.status-1,
  div.document main#reference .inner .meta-status.status-1,
  div.document main#template .inner .meta-status.status-1,
  div.document main#mobilization .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-2,
  div.document main .inner .meta-status.status-3,
  div.document main#pad .inner .meta-status.status-2,
  div.document main#pad .inner .meta-status.status-3,
  div.document main#reference .inner .meta-status.status-2,
  div.document main#reference .inner .meta-status.status-3,
  div.document main#template .inner .meta-status.status-2,
  div.document main#template .inner .meta-status.status-3,
  div.document main#mobilization .inner .meta-status.status-2,
  div.document main#mobilization .inner .meta-status.status-3 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.document main .inner .head,
  div.document main#pad .inner .head,
  div.document main#reference .inner .head,
  div.document main#template .inner .head,
  div.document main#mobilization .inner .head {
    position: relative;
    width: 100%;
    margin: 30px 0;
  }
  div.document main .inner .head .return,
  div.document main#pad .inner .head .return,
  div.document main#reference .inner .head .return,
  div.document main#template .inner .head .return,
  div.document main#mobilization .inner .head .return {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head i,
  div.document main#pad .inner .head i,
  div.document main#reference .inner .head i,
  div.document main#template .inner .head i,
  div.document main#mobilization .inner .head i {
    position: absolute;
    right: 100%;
  }
  div.document main .inner .head .title,
  div.document main#pad .inner .head .title,
  div.document main#reference .inner .head .title,
  div.document main#template .inner .head .title,
  div.document main#mobilization .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 700;
  }
  div.document main .inner .head .title:focus,
  div.document main#pad .inner .head .title:focus,
  div.document main#reference .inner .head .title:focus,
  div.document main#template .inner .head .title:focus,
  div.document main#mobilization .inner .head .title:focus {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .head .contributor,
  div.document main#pad .inner .head .contributor,
  div.document main#reference .inner .head .contributor,
  div.document main#template .inner .head .contributor,
  div.document main#mobilization .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.document main .inner .head .meta-country,
  div.document main#pad .inner .head .meta-country,
  div.document main#reference .inner .head .meta-country,
  div.document main#template .inner .head .meta-country,
  div.document main#mobilization .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .meta-country::after,
  div.document main#pad .inner .head .meta-country::after,
  div.document main#reference .inner .head .meta-country::after,
  div.document main#template .inner .head .meta-country::after,
  div.document main#mobilization .inner .head .meta-country::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head .meta-date,
  div.document main#pad .inner .head .meta-date,
  div.document main#reference .inner .head .meta-date,
  div.document main#template .inner .head .meta-date,
  div.document main#mobilization .inner .head .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .dropdown,
  div.document main#pad .inner .head .dropdown,
  div.document main#reference .inner .head .dropdown,
  div.document main#template .inner .head .dropdown,
  div.document main#mobilization .inner .head .dropdown {
    display: none;
  }
  div.document main .inner .body,
  div.document main#pad .inner .body,
  div.document main#reference .inner .body,
  div.document main#template .inner .body,
  div.document main#mobilization .inner .body {
    width: 100%;
    padding-bottom: 60px;
    /*transform: translateZ(0);*/
  }
  div.document main .inner .body .layout,
  div.document main#pad .inner .body .layout,
  div.document main#reference .inner .body .layout,
  div.document main#template .inner .body .layout,
  div.document main#mobilization .inner .body .layout {
    display: inline-block;
    clear: both;
    position: relative;
    width: 100%;
    margin: 15px 0 30px 0;
    transition: background-color 0.25s;
    /*.input-type {
    	display: block;
    	text-align: center;

    	label {
    		position: absolute;
    		bottom: 100%;
    		left: 0;
    		padding: 5px 10px;
    		outline: none;
    		background-color: $c-light-yellow;
    		font-size: $t-small;
    		line-height: 1.5em;
    		white-space: nowrap;
    	}
    }*/
    /*.media-container.slide {
    	position: absolute;
    	min-height: 100vh;
    	transform: translateX(0);
    	opacity: 1;
    	transition: transform 1s, opacity 1s;
    }
    .media-container.slide-next {
    	transform: translateX(100%);
    	opacity: 0;
    }
    .media-container.slide-prev {
    	transform: translateX(-100%);
    	opacity: 0;
    }*/
  }
  div.document main .inner .body .layout .section-header,
  div.document main#pad .inner .body .layout .section-header,
  div.document main#reference .inner .body .layout .section-header,
  div.document main#template .inner .body .layout .section-header,
  div.document main#mobilization .inner .body .layout .section-header {
    display: block;
  }
  div.document main .inner .body .layout .section-header h1,
  div.document main#pad .inner .body .layout .section-header h1,
  div.document main#reference .inner .body .layout .section-header h1,
  div.document main#template .inner .body .layout .section-header h1,
  div.document main#mobilization .inner .body .layout .section-header h1 {
    padding: 5px 0;
    outline: none;
    font-size: 24px;
    line-height: 1.5em;
    color: #0468b1;
    font-weight: normal;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .section-header h1:focus,
  div.document main#pad .inner .body .layout .section-header h1:focus,
  div.document main#reference .inner .body .layout .section-header h1:focus,
  div.document main#template .inner .body .layout .section-header h1:focus,
  div.document main#mobilization .inner .body .layout .section-header h1:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .placement-opts,
  div.document main#pad .inner .body .layout .placement-opts,
  div.document main#reference .inner .body .layout .placement-opts,
  div.document main#template .inner .body .layout .placement-opts,
  div.document main#mobilization .inner .body .layout .placement-opts {
    position: absolute;
    display: none;
    top: calc(-24px);
    right: 100%;
    height: 100%;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .placement-opts .opt,
  div.document main#pad .inner .body .layout .placement-opts .opt,
  div.document main#reference .inner .body .layout .placement-opts .opt,
  div.document main#template .inner .body .layout .placement-opts .opt,
  div.document main#mobilization .inner .body .layout .placement-opts .opt {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
  }
  div.document main .inner .body .layout .placement-opts .opt i,
  div.document main#pad .inner .body .layout .placement-opts .opt i,
  div.document main#reference .inner .body .layout .placement-opts .opt i,
  div.document main#template .inner .body .layout .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .placement-opts .opt i {
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 30px;*/
  }
  div.document main .inner .body .layout .required,
  div.document main#pad .inner .body .layout .required,
  div.document main#reference .inner .body .layout .required,
  div.document main#template .inner .body .layout .required,
  div.document main#mobilization .inner .body .layout .required {
    position: absolute;
    left: -45px;
    top: 35px;
    width: 30px;
    text-align: center;
  }
  div.document main .inner .body .layout .required input,
  div.document main#pad .inner .body .layout .required input,
  div.document main#reference .inner .body .layout .required input,
  div.document main#template .inner .body .layout .required input,
  div.document main#mobilization .inner .body .layout .required input {
    display: none;
  }
  div.document main .inner .body .layout .required label,
  div.document main#pad .inner .body .layout .required label,
  div.document main#reference .inner .body .layout .required label,
  div.document main#template .inner .body .layout .required label,
  div.document main#mobilization .inner .body .layout .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .required input:checked + label,
  div.document main .inner .body .layout .required label.active,
  div.document main#pad .inner .body .layout .required input:checked + label,
  div.document main#pad .inner .body .layout .required label.active,
  div.document main#reference .inner .body .layout .required input:checked + label,
  div.document main#reference .inner .body .layout .required label.active,
  div.document main#template .inner .body .layout .required input:checked + label,
  div.document main#template .inner .body .layout .required label.active,
  div.document main#mobilization .inner .body .layout .required input:checked + label,
  div.document main#mobilization .inner .body .layout .required label.active {
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container,
  div.document main .inner .body .layout .meta-container,
  div.document main#pad .inner .body .layout .media-container,
  div.document main#pad .inner .body .layout .meta-container,
  div.document main#reference .inner .body .layout .media-container,
  div.document main#reference .inner .body .layout .meta-container,
  div.document main#template .inner .body .layout .media-container,
  div.document main#template .inner .body .layout .meta-container,
  div.document main#mobilization .inner .body .layout .media-container,
  div.document main#mobilization .inner .body .layout .meta-container {
    clear: both;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .media-container .opts,
  div.document main .inner .body .layout .meta-container .opts,
  div.document main#pad .inner .body .layout .media-container .opts,
  div.document main#pad .inner .body .layout .meta-container .opts,
  div.document main#reference .inner .body .layout .media-container .opts,
  div.document main#reference .inner .body .layout .meta-container .opts,
  div.document main#template .inner .body .layout .media-container .opts,
  div.document main#template .inner .body .layout .meta-container .opts,
  div.document main#mobilization .inner .body .layout .media-container .opts,
  div.document main#mobilization .inner .body .layout .meta-container .opts {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group,
  div.document main .inner .body .layout .meta-container .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group,
  div.document main#template .inner .body .layout .media-container .opts .opt-group,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group {
    display: none;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt {
    position: relative;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt .repeat {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    /*color: $c-mid-1;*/
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 0px;
    /*border-top: 1px solid $c-light-yellow;*/
    border-top: 1px solid #e5e5e5;
    outline: none;
    /*transform: translateY(5px);*/
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label {
    display: none;
    top: 40px;
    z-index: 1000;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span {
    font-weight: bold;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.color {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 15px;
    transform: translateY(-3px);
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt:last-child {
    margin-right: 0;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.active {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    outline: 1px solid #969696;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group label,
  div.document main .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group label {
    position: absolute;
    left: 0;
    height: 30px;
    padding: 0 10px;
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts,
  div.document main .inner .body .layout .meta-container .placement-opts,
  div.document main#pad .inner .body .layout .media-container .placement-opts,
  div.document main#pad .inner .body .layout .meta-container .placement-opts,
  div.document main#reference .inner .body .layout .media-container .placement-opts,
  div.document main#reference .inner .body .layout .meta-container .placement-opts,
  div.document main#template .inner .body .layout .media-container .placement-opts,
  div.document main#template .inner .body .layout .meta-container .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container .placement-opts {
    top: 0;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts .opt i,
  div.document main .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#template .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .placement-opts .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .align-opts .opt i,
  div.document main .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .align-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .align-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#template .inner .body .layout .media-container .align-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .align-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .align-opts .opt i {
    transform: rotate(90deg);
  }
  div.document main .inner .body .layout .media-container .add-opt,
  div.document main .inner .body .layout .meta-container .add-opt,
  div.document main#pad .inner .body .layout .media-container .add-opt,
  div.document main#pad .inner .body .layout .meta-container .add-opt,
  div.document main#reference .inner .body .layout .media-container .add-opt,
  div.document main#reference .inner .body .layout .meta-container .add-opt,
  div.document main#template .inner .body .layout .media-container .add-opt,
  div.document main#template .inner .body .layout .meta-container .add-opt,
  div.document main#mobilization .inner .body .layout .media-container .add-opt,
  div.document main#mobilization .inner .body .layout .meta-container .add-opt {
    height: 30px;
    padding: 0 5px;
    color: #969696;
  }
  div.document main .inner .body .layout .media-container .add-opt i,
  div.document main .inner .body .layout .meta-container .add-opt i,
  div.document main#pad .inner .body .layout .media-container .add-opt i,
  div.document main#pad .inner .body .layout .meta-container .add-opt i,
  div.document main#reference .inner .body .layout .media-container .add-opt i,
  div.document main#reference .inner .body .layout .meta-container .add-opt i,
  div.document main#template .inner .body .layout .media-container .add-opt i,
  div.document main#template .inner .body .layout .meta-container .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container .add-opt i {
    display: none;
    line-height: 30px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container div.instruction,
  div.document main .inner .body .layout .meta-container div.instruction,
  div.document main#pad .inner .body .layout .media-container div.instruction,
  div.document main#pad .inner .body .layout .meta-container div.instruction,
  div.document main#reference .inner .body .layout .media-container div.instruction,
  div.document main#reference .inner .body .layout .meta-container div.instruction,
  div.document main#template .inner .body .layout .media-container div.instruction,
  div.document main#template .inner .body .layout .meta-container div.instruction,
  div.document main#mobilization .inner .body .layout .media-container div.instruction,
  div.document main#mobilization .inner .body .layout .meta-container div.instruction {
    padding: 5px 0 5px 10px;
    margin-bottom: 5px;
    border-left: 1px dotted #969696;
    color: #969696;
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#pad .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#pad .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#reference .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#reference .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#template .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#template .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#mobilization .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#mobilization .inner .body .layout .meta-container div.instruction p:not(:last-child) {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media,
  div.document main .inner .body .layout .media-container .meta,
  div.document main .inner .body .layout .meta-container .media,
  div.document main .inner .body .layout .meta-container .meta,
  div.document main#pad .inner .body .layout .media-container .media,
  div.document main#pad .inner .body .layout .media-container .meta,
  div.document main#pad .inner .body .layout .meta-container .media,
  div.document main#pad .inner .body .layout .meta-container .meta,
  div.document main#reference .inner .body .layout .media-container .media,
  div.document main#reference .inner .body .layout .media-container .meta,
  div.document main#reference .inner .body .layout .meta-container .media,
  div.document main#reference .inner .body .layout .meta-container .meta,
  div.document main#template .inner .body .layout .media-container .media,
  div.document main#template .inner .body .layout .media-container .meta,
  div.document main#template .inner .body .layout .meta-container .media,
  div.document main#template .inner .body .layout .meta-container .meta,
  div.document main#mobilization .inner .body .layout .media-container .media,
  div.document main#mobilization .inner .body .layout .media-container .meta,
  div.document main#mobilization .inner .body .layout .meta-container .media,
  div.document main#mobilization .inner .body .layout .meta-container .meta {
    clear: both;
    position: relative;
    outline: none;
    color: #000000;
  }
  div.document main .inner .body .layout .media-container .media-title,
  div.document main .inner .body .layout .meta-container .media-title,
  div.document main#pad .inner .body .layout .media-container .media-title,
  div.document main#pad .inner .body .layout .meta-container .media-title,
  div.document main#reference .inner .body .layout .media-container .media-title,
  div.document main#reference .inner .body .layout .meta-container .media-title,
  div.document main#template .inner .body .layout .media-container .media-title,
  div.document main#template .inner .body .layout .meta-container .media-title,
  div.document main#mobilization .inner .body .layout .media-container .media-title,
  div.document main#mobilization .inner .body .layout .meta-container .media-title {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-lead,
  div.document main .inner .body .layout .media-container .media-lead.focus,
  div.document main .inner .body .layout .meta-container .media-lead,
  div.document main .inner .body .layout .meta-container .media-lead.focus,
  div.document main#pad .inner .body .layout .media-container .media-lead,
  div.document main#pad .inner .body .layout .media-container .media-lead.focus,
  div.document main#pad .inner .body .layout .meta-container .media-lead,
  div.document main#pad .inner .body .layout .meta-container .media-lead.focus,
  div.document main#reference .inner .body .layout .media-container .media-lead,
  div.document main#reference .inner .body .layout .media-container .media-lead.focus,
  div.document main#reference .inner .body .layout .meta-container .media-lead,
  div.document main#reference .inner .body .layout .meta-container .media-lead.focus,
  div.document main#template .inner .body .layout .media-container .media-lead,
  div.document main#template .inner .body .layout .media-container .media-lead.focus,
  div.document main#template .inner .body .layout .meta-container .media-lead,
  div.document main#template .inner .body .layout .meta-container .media-lead.focus,
  div.document main#mobilization .inner .body .layout .media-container .media-lead,
  div.document main#mobilization .inner .body .layout .media-container .media-lead.focus,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead.focus {
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 1.5em;
    border-top: none;
    color: #005687;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .media-lead:focus,
  div.document main .inner .body .layout .meta-container .media-lead:focus,
  div.document main#pad .inner .body .layout .media-container .media-lead:focus,
  div.document main#pad .inner .body .layout .meta-container .media-lead:focus,
  div.document main#reference .inner .body .layout .media-container .media-lead:focus,
  div.document main#reference .inner .body .layout .meta-container .media-lead:focus,
  div.document main#template .inner .body .layout .media-container .media-lead:focus,
  div.document main#template .inner .body .layout .meta-container .media-lead:focus,
  div.document main#mobilization .inner .body .layout .media-container .media-lead:focus,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-txt,
  div.document main .inner .body .layout .meta-container .media-txt,
  div.document main#pad .inner .body .layout .media-container .media-txt,
  div.document main#pad .inner .body .layout .meta-container .media-txt,
  div.document main#reference .inner .body .layout .media-container .media-txt,
  div.document main#reference .inner .body .layout .meta-container .media-txt,
  div.document main#template .inner .body .layout .media-container .media-txt,
  div.document main#template .inner .body .layout .meta-container .media-txt,
  div.document main#mobilization .inner .body .layout .media-container .media-txt,
  div.document main#mobilization .inner .body .layout .meta-container .media-txt {
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container .media-txt p,
  div.document main .inner .body .layout .meta-container .media-txt p,
  div.document main#pad .inner .body .layout .media-container .media-txt p,
  div.document main#pad .inner .body .layout .meta-container .media-txt p,
  div.document main#reference .inner .body .layout .media-container .media-txt p,
  div.document main#reference .inner .body .layout .meta-container .media-txt p,
  div.document main#template .inner .body .layout .media-container .media-txt p,
  div.document main#template .inner .body .layout .meta-container .media-txt p,
  div.document main#mobilization .inner .body .layout .media-container .media-txt p,
  div.document main#mobilization .inner .body .layout .meta-container .media-txt p {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media-img,
  div.document main .inner .body .layout .meta-container .media-img,
  div.document main#pad .inner .body .layout .media-container .media-img,
  div.document main#pad .inner .body .layout .meta-container .media-img,
  div.document main#reference .inner .body .layout .media-container .media-img,
  div.document main#reference .inner .body .layout .meta-container .media-img,
  div.document main#template .inner .body .layout .media-container .media-img,
  div.document main#template .inner .body .layout .meta-container .media-img,
  div.document main#mobilization .inner .body .layout .media-container .media-img,
  div.document main#mobilization .inner .body .layout .meta-container .media-img {
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-img img,
  div.document main .inner .body .layout .meta-container .media-img img,
  div.document main#pad .inner .body .layout .media-container .media-img img,
  div.document main#pad .inner .body .layout .meta-container .media-img img,
  div.document main#reference .inner .body .layout .media-container .media-img img,
  div.document main#reference .inner .body .layout .meta-container .media-img img,
  div.document main#template .inner .body .layout .media-container .media-img img,
  div.document main#template .inner .body .layout .meta-container .media-img img,
  div.document main#mobilization .inner .body .layout .media-container .media-img img,
  div.document main#mobilization .inner .body .layout .meta-container .media-img img {
    vertical-align: bottom;
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-img img.cover,
  div.document main .inner .body .layout .meta-container .media-img img.cover,
  div.document main#pad .inner .body .layout .media-container .media-img img.cover,
  div.document main#pad .inner .body .layout .meta-container .media-img img.cover,
  div.document main#reference .inner .body .layout .media-container .media-img img.cover,
  div.document main#reference .inner .body .layout .meta-container .media-img img.cover,
  div.document main#template .inner .body .layout .media-container .media-img img.cover,
  div.document main#template .inner .body .layout .meta-container .media-img img.cover,
  div.document main#mobilization .inner .body .layout .media-container .media-img img.cover,
  div.document main#mobilization .inner .body .layout .meta-container .media-img img.cover {
    width: 100%;
    width: auto\9 ;
    height: auto;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-img.template,
  div.document main .inner .body .layout .meta-container .media-img.template,
  div.document main#pad .inner .body .layout .media-container .media-img.template,
  div.document main#pad .inner .body .layout .meta-container .media-img.template,
  div.document main#reference .inner .body .layout .media-container .media-img.template,
  div.document main#reference .inner .body .layout .meta-container .media-img.template,
  div.document main#template .inner .body .layout .media-container .media-img.template,
  div.document main#template .inner .body .layout .meta-container .media-img.template,
  div.document main#mobilization .inner .body .layout .media-container .media-img.template,
  div.document main#mobilization .inner .body .layout .meta-container .media-img.template {
    min-height: initial;
  }
  div.document main .inner .body .layout .media-container .media-mosaic,
  div.document main .inner .body .layout .meta-container .media-mosaic,
  div.document main#pad .inner .body .layout .media-container .media-mosaic,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic,
  div.document main#reference .inner .body .layout .media-container .media-mosaic,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic,
  div.document main#template .inner .body .layout .media-container .media-mosaic,
  div.document main#template .inner .body .layout .meta-container .media-mosaic,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item {
    position: relative;
    line-height: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-mosaic.x2,
  div.document main .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#pad .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#reference .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#template .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#template .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic.x2 {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files,
  div.document main .inner .body .layout .meta-container .media-files,
  div.document main#pad .inner .body .layout .media-container .media-files,
  div.document main#pad .inner .body .layout .meta-container .media-files,
  div.document main#reference .inner .body .layout .media-container .media-files,
  div.document main#reference .inner .body .layout .meta-container .media-files,
  div.document main#template .inner .body .layout .media-container .media-files,
  div.document main#template .inner .body .layout .meta-container .media-files,
  div.document main#mobilization .inner .body .layout .media-container .media-files,
  div.document main#mobilization .inner .body .layout .meta-container .media-files {
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-files.x2,
  div.document main .inner .body .layout .meta-container .media-files.x2,
  div.document main#pad .inner .body .layout .media-container .media-files.x2,
  div.document main#pad .inner .body .layout .meta-container .media-files.x2,
  div.document main#reference .inner .body .layout .media-container .media-files.x2,
  div.document main#reference .inner .body .layout .meta-container .media-files.x2,
  div.document main#template .inner .body .layout .media-container .media-files.x2,
  div.document main#template .inner .body .layout .meta-container .media-files.x2,
  div.document main#mobilization .inner .body .layout .media-container .media-files.x2,
  div.document main#mobilization .inner .body .layout .meta-container .media-files.x2 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files.x3,
  div.document main .inner .body .layout .meta-container .media-files.x3,
  div.document main#pad .inner .body .layout .media-container .media-files.x3,
  div.document main#pad .inner .body .layout .meta-container .media-files.x3,
  div.document main#reference .inner .body .layout .media-container .media-files.x3,
  div.document main#reference .inner .body .layout .meta-container .media-files.x3,
  div.document main#template .inner .body .layout .media-container .media-files.x3,
  div.document main#template .inner .body .layout .meta-container .media-files.x3,
  div.document main#mobilization .inner .body .layout .media-container .media-files.x3,
  div.document main#mobilization .inner .body .layout .meta-container .media-files.x3 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files .files-item,
  div.document main .inner .body .layout .meta-container .media-files .files-item,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item,
  div.document main#template .inner .body .layout .media-container .media-files .files-item,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item {
    position: relative;
    line-height: 0;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a,
  div.document main .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item a,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item a,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#template .inner .body .layout .media-container .media-files .files-item a,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item a,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item a {
    text-decoration: none !important;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a img,
  div.document main .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#template .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item a img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    /*line-height: 30px;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#template .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#template .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item.default-icon img {
    display: block;
    max-width: 150px;
    margin: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#template .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item.default-icon label {
    max-width: 200px;
    padding: 5px 10px;
    text-align: left;
    font-size: 12px;
    line-height: 1.3em;
    border: 1px solid #969696;
    border-left: 5px solid #969696;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#pad .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#pad .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#reference .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#reference .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#template .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#template .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#mobilization .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .media-drawing,
  div.document main .inner .body .layout .meta-container .media-drawing,
  div.document main#pad .inner .body .layout .media-container .media-drawing,
  div.document main#pad .inner .body .layout .meta-container .media-drawing,
  div.document main#reference .inner .body .layout .media-container .media-drawing,
  div.document main#reference .inner .body .layout .meta-container .media-drawing,
  div.document main#template .inner .body .layout .media-container .media-drawing,
  div.document main#template .inner .body .layout .meta-container .media-drawing,
  div.document main#mobilization .inner .body .layout .media-container .media-drawing,
  div.document main#mobilization .inner .body .layout .meta-container .media-drawing {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-drawing canvas,
  div.document main .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#pad .inner .body .layout .media-container .media-drawing canvas,
  div.document main#pad .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#reference .inner .body .layout .media-container .media-drawing canvas,
  div.document main#reference .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#template .inner .body .layout .media-container .media-drawing canvas,
  div.document main#template .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#mobilization .inner .body .layout .media-container .media-drawing canvas,
  div.document main#mobilization .inner .body .layout .meta-container .media-drawing canvas {
    margin: 10px auto;
    background-color: #fff;
    border: 1px solid transparent;
    cursor: crosshair;
  }
  div.document main .inner .body .layout .media-container .media-embed,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .media-embed,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .media-embed,
  div.document main#pad .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .media-embed,
  div.document main#pad .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .media-embed,
  div.document main#reference .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .media-embed,
  div.document main#reference .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .media-embed,
  div.document main#template .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .media-embed,
  div.document main#template .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .media-embed,
  div.document main#mobilization .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed:empty:not(:focus):before {
    font-family: Lucida Console, monospace;
  }
  div.document main .inner .body .layout .media-container .media-embed img,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main .inner .body .layout .meta-container .media-embed img,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#pad .inner .body .layout .media-container .media-embed img,
  div.document main#pad .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#pad .inner .body .layout .meta-container .media-embed img,
  div.document main#pad .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#reference .inner .body .layout .media-container .media-embed img,
  div.document main#reference .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#reference .inner .body .layout .meta-container .media-embed img,
  div.document main#reference .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#template .inner .body .layout .media-container .media-embed img,
  div.document main#template .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#template .inner .body .layout .meta-container .media-embed img,
  div.document main#template .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded,
  div.document main .inner .body .layout .meta-container .media-embed.padded,
  div.document main#pad .inner .body .layout .media-container .media-embed.padded,
  div.document main#pad .inner .body .layout .meta-container .media-embed.padded,
  div.document main#reference .inner .body .layout .media-container .media-embed.padded,
  div.document main#reference .inner .body .layout .meta-container .media-embed.padded,
  div.document main#template .inner .body .layout .media-container .media-embed.padded,
  div.document main#template .inner .body .layout .meta-container .media-embed.padded,
  div.document main#mobilization .inner .body .layout .media-container .media-embed.padded,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed.padded {
    padding: 5px 10px;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded img,
  div.document main .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#pad .inner .body .layout .media-container .media-embed.padded img,
  div.document main#pad .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#reference .inner .body .layout .media-container .media-embed.padded img,
  div.document main#reference .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#template .inner .body .layout .media-container .media-embed.padded img,
  div.document main#template .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed.padded img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed.padded img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-checklist,
  div.document main .inner .body .layout .media-container .media-radiolist,
  div.document main .inner .body .layout .media-container .meta-checklist,
  div.document main .inner .body .layout .media-container .meta-radiolist,
  div.document main .inner .body .layout .meta-container .media-checklist,
  div.document main .inner .body .layout .meta-container .media-radiolist,
  div.document main .inner .body .layout .meta-container .meta-checklist,
  div.document main .inner .body .layout .meta-container .meta-radiolist,
  div.document main#pad .inner .body .layout .media-container .media-checklist,
  div.document main#pad .inner .body .layout .media-container .media-radiolist,
  div.document main#pad .inner .body .layout .media-container .meta-checklist,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist,
  div.document main#pad .inner .body .layout .meta-container .media-checklist,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist,
  div.document main#reference .inner .body .layout .media-container .media-checklist,
  div.document main#reference .inner .body .layout .media-container .media-radiolist,
  div.document main#reference .inner .body .layout .media-container .meta-checklist,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist,
  div.document main#reference .inner .body .layout .meta-container .media-checklist,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist,
  div.document main#template .inner .body .layout .media-container .media-checklist,
  div.document main#template .inner .body .layout .media-container .media-radiolist,
  div.document main#template .inner .body .layout .media-container .meta-checklist,
  div.document main#template .inner .body .layout .media-container .meta-radiolist,
  div.document main#template .inner .body .layout .meta-container .media-checklist,
  div.document main#template .inner .body .layout .meta-container .media-radiolist,
  div.document main#template .inner .body .layout .meta-container .meta-checklist,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist {
    width: 100%;
    outline: none;
    white-space: pre-wrap;
  }
  div.document main .inner .body .layout .media-container .media-checklist .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#pad .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#pad .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#reference .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#reference .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#template .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#template .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#template .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#template .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#template .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#template .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist .instruction {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol,
  div.document main .inner .body .layout .media-container .media-radiolist ol,
  div.document main .inner .body .layout .media-container .meta-checklist ol,
  div.document main .inner .body .layout .media-container .meta-radiolist ol,
  div.document main .inner .body .layout .meta-container .media-checklist ol,
  div.document main .inner .body .layout .meta-container .media-radiolist ol,
  div.document main .inner .body .layout .meta-container .meta-checklist ol,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#template .inner .body .layout .media-container .media-checklist ol,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol {
    display: block;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt {
    /* CHANGE THE .option CLASS IN TEMPLATE TO STANDARDIZE TO .opt (ALREADY DONE IN pad.js) */
    display: flex;
    align-items: center;
    margin: 0;
    /*margin: 10px 0;*/
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div {
    padding: 0 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child {
    margin-right: 5px;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .rm {
    /*color: $c-light-1;*/
    color: #969696;
    pointer-events: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .grow {
    flex-grow: 1;
    align-self: center;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item {
    display: block;
    width: 100%;
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child {
    margin-bottom: 0;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm {
    color: #005687;
    pointer-events: all;
  }
  div.document main .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#template .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#template .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#template .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#template .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist.template .instruction {
    color: #000000;
    font-size: 16px;
  }
  div.document main .inner .body .layout .media-container .meta-location,
  div.document main .inner .body .layout .meta-container .meta-location,
  div.document main#pad .inner .body .layout .media-container .meta-location,
  div.document main#pad .inner .body .layout .meta-container .meta-location,
  div.document main#reference .inner .body .layout .media-container .meta-location,
  div.document main#reference .inner .body .layout .meta-container .meta-location,
  div.document main#template .inner .body .layout .media-container .meta-location,
  div.document main#template .inner .body .layout .meta-container .meta-location,
  div.document main#mobilization .inner .body .layout .media-container .meta-location,
  div.document main#mobilization .inner .body .layout .meta-container .meta-location {
    width: 100%;
  }
  div.document main .inner .body .layout .media-container .meta-location #map,
  div.document main .inner .body .layout .meta-container .meta-location #map,
  div.document main#pad .inner .body .layout .media-container .meta-location #map,
  div.document main#pad .inner .body .layout .meta-container .meta-location #map,
  div.document main#reference .inner .body .layout .media-container .meta-location #map,
  div.document main#reference .inner .body .layout .meta-container .meta-location #map,
  div.document main#template .inner .body .layout .media-container .meta-location #map,
  div.document main#template .inner .body .layout .meta-container .meta-location #map,
  div.document main#mobilization .inner .body .layout .media-container .meta-location #map,
  div.document main#mobilization .inner .body .layout .meta-container .meta-location #map {
    min-height: 300px;
  }
  div.document main .inner .body .layout .media-container .meta-index,
  div.document main .inner .body .layout .media-container .meta-sdgs,
  div.document main .inner .body .layout .meta-container .meta-index,
  div.document main .inner .body .layout .meta-container .meta-sdgs,
  div.document main#pad .inner .body .layout .media-container .meta-index,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs,
  div.document main#pad .inner .body .layout .meta-container .meta-index,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs,
  div.document main#reference .inner .body .layout .media-container .meta-index,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs,
  div.document main#reference .inner .body .layout .meta-container .meta-index,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs,
  div.document main#template .inner .body .layout .media-container .meta-index,
  div.document main#template .inner .body .layout .media-container .meta-sdgs,
  div.document main#template .inner .body .layout .meta-container .meta-index,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .meta-index,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs {
    width: 100%;
    min-height: 120px;
    line-height: 120px;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-index img,
  div.document main .inner .body .layout .media-container .meta-sdgs img,
  div.document main .inner .body .layout .meta-container .meta-index img,
  div.document main .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#pad .inner .body .layout .media-container .meta-index img,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs img,
  div.document main#pad .inner .body .layout .meta-container .meta-index img,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#reference .inner .body .layout .media-container .meta-index img,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs img,
  div.document main#reference .inner .body .layout .meta-container .meta-index img,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#template .inner .body .layout .media-container .meta-index img,
  div.document main#template .inner .body .layout .media-container .meta-sdgs img,
  div.document main#template .inner .body .layout .meta-container .meta-index img,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#mobilization .inner .body .layout .media-container .meta-index img,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs img {
    width: 120px;
    height: 120px;
    margin: 0 10px;
    vertical-align: top;
  }
  div.document main .inner .body .layout .media-container .meta-index.template,
  div.document main .inner .body .layout .media-container .meta-sdgs.template,
  div.document main .inner .body .layout .meta-container .meta-index.template,
  div.document main .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#pad .inner .body .layout .media-container .meta-index.template,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#pad .inner .body .layout .meta-container .meta-index.template,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#reference .inner .body .layout .media-container .meta-index.template,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#reference .inner .body .layout .meta-container .meta-index.template,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#template .inner .body .layout .media-container .meta-index.template,
  div.document main#template .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#template .inner .body .layout .meta-container .meta-index.template,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-index.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs.template {
    min-height: initial;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag,
  div.document main .inner .body .layout .media-container .meta-skills,
  div.document main .inner .body .layout .media-container .meta-methods,
  div.document main .inner .body .layout .media-container .meta-datasources,
  div.document main .inner .body .layout .meta-container .meta-tag,
  div.document main .inner .body .layout .meta-container .meta-skills,
  div.document main .inner .body .layout .meta-container .meta-methods,
  div.document main .inner .body .layout .meta-container .meta-datasources,
  div.document main#pad .inner .body .layout .media-container .meta-tag,
  div.document main#pad .inner .body .layout .media-container .meta-skills,
  div.document main#pad .inner .body .layout .media-container .meta-methods,
  div.document main#pad .inner .body .layout .media-container .meta-datasources,
  div.document main#pad .inner .body .layout .meta-container .meta-tag,
  div.document main#pad .inner .body .layout .meta-container .meta-skills,
  div.document main#pad .inner .body .layout .meta-container .meta-methods,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources,
  div.document main#reference .inner .body .layout .media-container .meta-tag,
  div.document main#reference .inner .body .layout .media-container .meta-skills,
  div.document main#reference .inner .body .layout .media-container .meta-methods,
  div.document main#reference .inner .body .layout .media-container .meta-datasources,
  div.document main#reference .inner .body .layout .meta-container .meta-tag,
  div.document main#reference .inner .body .layout .meta-container .meta-skills,
  div.document main#reference .inner .body .layout .meta-container .meta-methods,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources,
  div.document main#template .inner .body .layout .media-container .meta-tag,
  div.document main#template .inner .body .layout .media-container .meta-skills,
  div.document main#template .inner .body .layout .media-container .meta-methods,
  div.document main#template .inner .body .layout .media-container .meta-datasources,
  div.document main#template .inner .body .layout .meta-container .meta-tag,
  div.document main#template .inner .body .layout .meta-container .meta-skills,
  div.document main#template .inner .body .layout .meta-container .meta-methods,
  div.document main#template .inner .body .layout .meta-container .meta-datasources,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources {
    width: 100%;
    min-height: 31px;
    padding: 5px 0 10px 0;
    text-align: center;
    /*.tag {
    	display: inline-block;
    	color: $c-mid-blue;
    	font-size: $t-mid-small;
    	border: 1px solid $c-mid-blue;
    	padding: 5px 10px;
    	margin: 5px;

    	input {
    		display: none;
    	}
    	label {
    		cursor: pointer;
    	}
    }*/
    /*.tag:hover,*/
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag,
  div.document main .inner .body .layout .media-container .meta-skills .tag,
  div.document main .inner .body .layout .media-container .meta-methods .tag,
  div.document main .inner .body .layout .media-container .meta-datasources .tag,
  div.document main .inner .body .layout .meta-container .meta-tag .tag,
  div.document main .inner .body .layout .meta-container .meta-skills .tag,
  div.document main .inner .body .layout .meta-container .meta-methods .tag,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag {
    display: inline-block;
    border: none;
    padding: 0 15px;
    margin: 0 5px 5px 0;
    background-color: #e5e5e5;
    border-radius: calc(14px * 2);
    font-size: 14px;
    line-height: 2em;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag label,
  div.document main .inner .body .layout .media-container .meta-skills .tag label,
  div.document main .inner .body .layout .media-container .meta-methods .tag label,
  div.document main .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag.selected {
    background-color: #005687;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before {
    line-height: 31px;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template,
  div.document main .inner .body .layout .media-container .meta-skills.template,
  div.document main .inner .body .layout .media-container .meta-methods.template,
  div.document main .inner .body .layout .media-container .meta-datasources.template,
  div.document main .inner .body .layout .meta-container .meta-tag.template,
  div.document main .inner .body .layout .meta-container .meta-skills.template,
  div.document main .inner .body .layout .meta-container .meta-methods.template,
  div.document main .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#pad .inner .body .layout .media-container .meta-tag.template,
  div.document main#pad .inner .body .layout .media-container .meta-skills.template,
  div.document main#pad .inner .body .layout .media-container .meta-methods.template,
  div.document main#pad .inner .body .layout .media-container .meta-datasources.template,
  div.document main#pad .inner .body .layout .meta-container .meta-tag.template,
  div.document main#pad .inner .body .layout .meta-container .meta-skills.template,
  div.document main#pad .inner .body .layout .meta-container .meta-methods.template,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#reference .inner .body .layout .media-container .meta-tag.template,
  div.document main#reference .inner .body .layout .media-container .meta-skills.template,
  div.document main#reference .inner .body .layout .media-container .meta-methods.template,
  div.document main#reference .inner .body .layout .media-container .meta-datasources.template,
  div.document main#reference .inner .body .layout .meta-container .meta-tag.template,
  div.document main#reference .inner .body .layout .meta-container .meta-skills.template,
  div.document main#reference .inner .body .layout .meta-container .meta-methods.template,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#template .inner .body .layout .media-container .meta-tag.template,
  div.document main#template .inner .body .layout .media-container .meta-skills.template,
  div.document main#template .inner .body .layout .media-container .meta-methods.template,
  div.document main#template .inner .body .layout .media-container .meta-datasources.template,
  div.document main#template .inner .body .layout .meta-container .meta-tag.template,
  div.document main#template .inner .body .layout .meta-container .meta-skills.template,
  div.document main#template .inner .body .layout .meta-container .meta-methods.template,
  div.document main#template .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources.template {
    min-height: initial;
    padding: 0;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before {
    line-height: initial;
  }
  div.document main .inner .body .layout .media-container .meta-attachment,
  div.document main .inner .body .layout .meta-container .meta-attachment,
  div.document main#pad .inner .body .layout .media-container .meta-attachment,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment,
  div.document main#reference .inner .body .layout .media-container .meta-attachment,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment,
  div.document main#template .inner .body .layout .media-container .meta-attachment,
  div.document main#template .inner .body .layout .meta-container .meta-attachment,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-attachment a img,
  div.document main .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#pad .inner .body .layout .media-container .meta-attachment a img,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#reference .inner .body .layout .media-container .meta-attachment a img,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#template .inner .body .layout .media-container .meta-attachment a img,
  div.document main#template .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment a img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment a img {
    width: 120px;
    height: 120px;
  }
  div.document main .inner .body .layout .media-container .meta-attachment.template,
  div.document main .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#pad .inner .body .layout .media-container .meta-attachment.template,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#reference .inner .body .layout .media-container .meta-attachment.template,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#template .inner .body .layout .media-container .meta-attachment.template,
  div.document main#template .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment.template {
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .media-repeat button,
  div.document main .inner .body .layout .meta-container .media-repeat button,
  div.document main#pad .inner .body .layout .media-container .media-repeat button,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button,
  div.document main#reference .inner .body .layout .media-container .media-repeat button,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button,
  div.document main#template .inner .body .layout .media-container .media-repeat button,
  div.document main#template .inner .body .layout .meta-container .media-repeat button,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    margin-top: 30px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    border-top: 1px solid #969696;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-repeat button div,
  div.document main .inner .body .layout .meta-container .media-repeat button div,
  div.document main#pad .inner .body .layout .media-container .media-repeat button div,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button div,
  div.document main#reference .inner .body .layout .media-container .media-repeat button div,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button div,
  div.document main#template .inner .body .layout .media-container .media-repeat button div,
  div.document main#template .inner .body .layout .meta-container .media-repeat button div,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button div,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button div {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-repeat button::after,
  div.document main .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#pad .inner .body .layout .media-container .media-repeat button::after,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#reference .inner .body .layout .media-container .media-repeat button::after,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#template .inner .body .layout .media-container .media-repeat button::after,
  div.document main#template .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button::after,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #969696;
    transform: translate(-4px, -8px);
  }
  div.document main .inner .body .layout .media-container .media-repeat.template button,
  div.document main .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#pad .inner .body .layout .media-container .media-repeat.template button,
  div.document main#pad .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#reference .inner .body .layout .media-container .media-repeat.template button,
  div.document main#reference .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#template .inner .body .layout .media-container .media-repeat.template button,
  div.document main#template .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat.template button,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat.template button {
    cursor: text;
  }
  div.document main .inner .body .layout .media-container .inset,
  div.document main .inner .body .layout .meta-container .inset,
  div.document main#pad .inner .body .layout .media-container .inset,
  div.document main#pad .inner .body .layout .meta-container .inset,
  div.document main#reference .inner .body .layout .media-container .inset,
  div.document main#reference .inner .body .layout .meta-container .inset,
  div.document main#template .inner .body .layout .media-container .inset,
  div.document main#template .inner .body .layout .meta-container .inset,
  div.document main#mobilization .inner .body .layout .media-container .inset,
  div.document main#mobilization .inner .body .layout .meta-container .inset {
    width: 100%;
    max-height: 0;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    overflow: hidden;
    transition: max-height 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add,
  div.document main .inner .body .layout .media-container .inset .search,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main .inner .body .layout .meta-container .inset .search,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#pad .inner .body .layout .media-container .inset .search,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#pad .inner .body .layout .meta-container .inset .search,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#reference .inner .body .layout .media-container .inset .search,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#reference .inner .body .layout .meta-container .inset .search,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#template .inner .body .layout .media-container .inset .search,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#template .inner .body .layout .meta-container .inset .search,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#mobilization .inner .body .layout .media-container .inset .search,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search {
    position: relative;
    width: 100%;
    height: 75px;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .media-container .inset .search input[type=text],
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text] {
    width: calc(100% - 65px - 10px);
    height: 50px;
    margin: 15px 0 0 10px;
    border: none;
    /*border-bottom: 1px solid $c-dark-1;*/
    border-bottom: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    /*color: #FFF;*/
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0px);
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #934a5f inset !important;
    -webkit-text-fill-color: #333d51 !important;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main .inner .body .layout .media-container .inset .search label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main .inner .body .layout .meta-container .inset .search label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#pad .inner .body .layout .media-container .inset .search label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#pad .inner .body .layout .meta-container .inset .search label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#reference .inner .body .layout .media-container .inset .search label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#reference .inner .body .layout .meta-container .inset .search label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#template .inner .body .layout .media-container .inset .search label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#template .inner .body .layout .meta-container .inset .search label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search label {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 16px;
    line-height: 1.5em;
    /*color: #FFF;*/
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main .inner .body .layout .media-container .inset .search button,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main .inner .body .layout .meta-container .inset .search button,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#pad .inner .body .layout .media-container .inset .search button,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#pad .inner .body .layout .meta-container .inset .search button,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#reference .inner .body .layout .media-container .inset .search button,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#reference .inner .body .layout .meta-container .inset .search button,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#template .inner .body .layout .media-container .inset .search button,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#template .inner .body .layout .meta-container .inset .search button,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#mobilization .inner .body .layout .media-container .inset .search button,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search button {
    width: 65px;
    height: 65px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location,
  div.document main .inner .body .layout .meta-container .inset .inset-location,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location,
  div.document main#template .inner .body .layout .media-container .inset .inset-location,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location {
    max-height: 205px;
    padding: 0 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel {
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt {
    padding: 0 10px;
    margin: 5px 0;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover {
    background-color: #e5e5e5;
    color: #005687;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected {
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset .inset-index,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#template .inner .body .layout .media-container .inset .inset-index,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(6, 1fr);
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag {
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img {
    filter: brightness(300%);
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills,
  div.document main .inner .body .layout .media-container .inset .inset-methods,
  div.document main .inner .body .layout .media-container .inset .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset .inset-tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills,
  div.document main .inner .body .layout .meta-container .inset .inset-methods,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources {
    max-height: 205px;
    /*padding: 0 0 10px 10px;*/
    padding: 5px 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag {
    display: inline-block;
    padding: 0 5px;
    margin: 0 2.5px 2.5px 0;
    border: 1px solid #969696;
    border-radius: calc(12px * 1.5);
    color: #969696;
    font-size: 12px;
    line-height: 1.5em;
    transition: background-color 0.1s;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag input {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag label {
    padding: 3px 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset.template,
  div.document main .inner .body .layout .meta-container .inset.template,
  div.document main#pad .inner .body .layout .media-container .inset.template,
  div.document main#pad .inner .body .layout .meta-container .inset.template,
  div.document main#reference .inner .body .layout .media-container .inset.template,
  div.document main#reference .inner .body .layout .meta-container .inset.template,
  div.document main#template .inner .body .layout .media-container .inset.template,
  div.document main#template .inner .body .layout .meta-container .inset.template,
  div.document main#mobilization .inner .body .layout .media-container .inset.template,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template {
    /* THIS IS FOR TEMPLATES */
  }
  div.document main .inner .body .layout .media-container .inset.template div,
  div.document main .inner .body .layout .meta-container .inset.template div,
  div.document main#pad .inner .body .layout .media-container .inset.template div,
  div.document main#pad .inner .body .layout .meta-container .inset.template div,
  div.document main#reference .inner .body .layout .media-container .inset.template div,
  div.document main#reference .inner .body .layout .meta-container .inset.template div,
  div.document main#template .inner .body .layout .media-container .inset.template div,
  div.document main#template .inner .body .layout .meta-container .inset.template div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div {
    padding: 0 0 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel,
  div.document main .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template div .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template div .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#template .inner .body .layout .media-container .inset.template div .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div .panel {
    /*border-left: 1px solid $c-light-1;*/
    border-left: 1px solid #969696;
    padding: 10px 10px 0 10px;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#pad .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#pad .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#reference .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#reference .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#template .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#template .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div .panel .instruction {
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources {
    display: block;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel {
    /*.opt:not(.selected):hover {
    	background-color: transparent;
    	color: $c-light-green;
    }*/
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div {
    padding: 0 5px;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow {
    flex-grow: 1;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources {
    max-height: 300px;
  }
  div.document main .inner .body .layout .media-container figcaption,
  div.document main .inner .body .layout .meta-container figcaption,
  div.document main#pad .inner .body .layout .media-container figcaption,
  div.document main#pad .inner .body .layout .meta-container figcaption,
  div.document main#reference .inner .body .layout .media-container figcaption,
  div.document main#reference .inner .body .layout .meta-container figcaption,
  div.document main#template .inner .body .layout .media-container figcaption,
  div.document main#template .inner .body .layout .meta-container figcaption,
  div.document main#mobilization .inner .body .layout .media-container figcaption,
  div.document main#mobilization .inner .body .layout .meta-container figcaption {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .response.template,
  div.document main .inner .body .layout .meta-container .response.template,
  div.document main#pad .inner .body .layout .media-container .response.template,
  div.document main#pad .inner .body .layout .meta-container .response.template,
  div.document main#reference .inner .body .layout .media-container .response.template,
  div.document main#reference .inner .body .layout .meta-container .response.template,
  div.document main#template .inner .body .layout .media-container .response.template,
  div.document main#template .inner .body .layout .meta-container .response.template,
  div.document main#mobilization .inner .body .layout .media-container .response.template,
  div.document main#mobilization .inner .body .layout .meta-container .response.template {
    color: #969696;
    /*color: $c-mid-2;*/
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .drawing-container .opts,
  div.document main#pad .inner .body .layout .drawing-container .opts,
  div.document main#reference .inner .body .layout .drawing-container .opts,
  div.document main#template .inner .body .layout .drawing-container .opts,
  div.document main#mobilization .inner .body .layout .drawing-container .opts {
    border-bottom: none;
  }
  div.document main .inner .body .layout .results-container .chart svg rect,
  div.document main#pad .inner .body .layout .results-container .chart svg rect,
  div.document main#reference .inner .body .layout .results-container .chart svg rect,
  div.document main#template .inner .body .layout .results-container .chart svg rect,
  div.document main#mobilization .inner .body .layout .results-container .chart svg rect {
    fill: #0468b1;
    cursor: pointer;
  }
  div.document main .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#pad .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#reference .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#template .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#mobilization .inner .body .layout .results-container .chart svg rect:hover {
    fill: #005687;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#pad .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#reference .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#template .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#mobilization .inner .body .layout .results-container .chart svg .x.axis text {
    font-weight: bold;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#pad .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#reference .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#template .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#mobilization .inner .body .layout .results-container .chart svg .x.axis path {
    display: none;
  }
  div.document main .inner .body .layout .group-container,
  div.document main#pad .inner .body .layout .group-container,
  div.document main#reference .inner .body .layout .group-container,
  div.document main#template .inner .body .layout .group-container,
  div.document main#mobilization .inner .body .layout .group-container {
    position: relative;
    /*.media-group-items::before {
    	content: '';
    	position: absolute;
    	left: -30px;
    	top: -15px;
    	width: 100%;
    	height: 0;
    	border-top: 1px solid $c-mid-yellow;
    }*/
  }
  div.document main .inner .body .layout .group-container .media-group,
  div.document main#pad .inner .body .layout .group-container .media-group,
  div.document main#reference .inner .body .layout .group-container .media-group,
  div.document main#template .inner .body .layout .group-container .media-group,
  div.document main#mobilization .inner .body .layout .group-container .media-group {
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .group-container .media-group-items,
  div.document main#pad .inner .body .layout .group-container .media-group-items,
  div.document main#reference .inner .body .layout .group-container .media-group-items,
  div.document main#template .inner .body .layout .group-container .media-group-items,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items {
    width: calc(100% - 30px);
    margin: 15px 0 15px 30px;
  }
  div.document main .inner .body .layout .group-container .media-group-items::before,
  div.document main#pad .inner .body .layout .group-container .media-group-items::before,
  div.document main#reference .inner .body .layout .group-container .media-group-items::before,
  div.document main#template .inner .body .layout .group-container .media-group-items::before,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items::before {
    content: "";
    position: absolute;
    left: -30px;
    width: 0;
    height: 100%;
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #969696;
  }
  div.document main .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#pad .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#reference .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#template .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items.animate-in {
    opacity: 0;
    animation: slide-down 1s forwards;
  }
  div.document main .inner .body .layout .meta-container.template img,
  div.document main#pad .inner .body .layout .meta-container.template img,
  div.document main#reference .inner .body .layout .meta-container.template img,
  div.document main#template .inner .body .layout .meta-container.template img,
  div.document main#mobilization .inner .body .layout .meta-container.template img {
    width: 20px;
    height: 20px;
    margin: 5px 5px 0 0;
    vertical-align: text-bottom;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .media-embed {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover canvas {
    /*border-color: $c-light-yellow;*/
    border-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#template .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#template .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.focus .add-opt i,
  div.document main .inner .body .layout .media-container:hover .add-opt i,
  div.document main#pad .inner .body .layout .media-container.focus .add-opt i,
  div.document main#pad .inner .body .layout .media-container:hover .add-opt i,
  div.document main#reference .inner .body .layout .media-container.focus .add-opt i,
  div.document main#reference .inner .body .layout .media-container:hover .add-opt i,
  div.document main#template .inner .body .layout .media-container.focus .add-opt i,
  div.document main#template .inner .body .layout .media-container:hover .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container.focus .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .opts,
  div.document main .inner .body .layout .media-container:hover > .opts,
  div.document main#pad .inner .body .layout .media-container.focus > .opts,
  div.document main#pad .inner .body .layout .media-container:hover > .opts,
  div.document main#reference .inner .body .layout .media-container.focus > .opts,
  div.document main#reference .inner .body .layout .media-container:hover > .opts,
  div.document main#template .inner .body .layout .media-container.focus > .opts,
  div.document main#template .inner .body .layout .media-container:hover > .opts,
  div.document main#mobilization .inner .body .layout .media-container.focus > .opts,
  div.document main#mobilization .inner .body .layout .media-container:hover > .opts {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#template .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#template .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:hover > .opts .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .placement-opts,
  div.document main .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#pad .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#pad .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#reference .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#reference .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#template .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#template .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:hover > .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.move,
  div.document main .inner .body .layout .meta-container.move,
  div.document main#pad .inner .body .layout .media-container.move,
  div.document main#pad .inner .body .layout .meta-container.move,
  div.document main#reference .inner .body .layout .media-container.move,
  div.document main#reference .inner .body .layout .meta-container.move,
  div.document main#template .inner .body .layout .media-container.move,
  div.document main#template .inner .body .layout .meta-container.move,
  div.document main#mobilization .inner .body .layout .media-container.move,
  div.document main#mobilization .inner .body .layout .meta-container.move {
    transition: transform 0.75s;
  }
  div.document main .inner .body .layout:hover > .placement-opts,
  div.document main#pad .inner .body .layout:hover > .placement-opts,
  div.document main#reference .inner .body .layout:hover > .placement-opts,
  div.document main#template .inner .body .layout:hover > .placement-opts,
  div.document main#mobilization .inner .body .layout:hover > .placement-opts {
    display: block;
  }
  div.document main .inner .body .layout.focus,
  div.document main#pad .inner .body .layout.focus,
  div.document main#reference .inner .body .layout.focus,
  div.document main#template .inner .body .layout.focus,
  div.document main#mobilization .inner .body .layout.focus {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout.view,
  div.document main#pad .inner .body .layout.view,
  div.document main#reference .inner .body .layout.view,
  div.document main#template .inner .body .layout.view,
  div.document main#mobilization .inner .body .layout.view {
    border-top: none;
  }
  div.document main .inner .body .layout.view .input-type,
  div.document main#pad .inner .body .layout.view .input-type,
  div.document main#reference .inner .body .layout.view .input-type,
  div.document main#template .inner .body .layout.view .input-type,
  div.document main#mobilization .inner .body .layout.view .input-type {
    display: none;
  }
  div.document main .inner .body .layout.view .media-container,
  div.document main .inner .body .layout.view .meta-container,
  div.document main#pad .inner .body .layout.view .media-container,
  div.document main#pad .inner .body .layout.view .meta-container,
  div.document main#reference .inner .body .layout.view .media-container,
  div.document main#reference .inner .body .layout.view .meta-container,
  div.document main#template .inner .body .layout.view .media-container,
  div.document main#template .inner .body .layout.view .meta-container,
  div.document main#mobilization .inner .body .layout.view .media-container,
  div.document main#mobilization .inner .body .layout.view .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.view .media-container .media,
  div.document main .inner .body .layout.view .media-container .meta,
  div.document main .inner .body .layout.view .meta-container .media,
  div.document main .inner .body .layout.view .meta-container .meta,
  div.document main#pad .inner .body .layout.view .media-container .media,
  div.document main#pad .inner .body .layout.view .media-container .meta,
  div.document main#pad .inner .body .layout.view .meta-container .media,
  div.document main#pad .inner .body .layout.view .meta-container .meta,
  div.document main#reference .inner .body .layout.view .media-container .media,
  div.document main#reference .inner .body .layout.view .media-container .meta,
  div.document main#reference .inner .body .layout.view .meta-container .media,
  div.document main#reference .inner .body .layout.view .meta-container .meta,
  div.document main#template .inner .body .layout.view .media-container .media,
  div.document main#template .inner .body .layout.view .media-container .meta,
  div.document main#template .inner .body .layout.view .meta-container .media,
  div.document main#template .inner .body .layout.view .meta-container .meta,
  div.document main#mobilization .inner .body .layout.view .media-container .media,
  div.document main#mobilization .inner .body .layout.view .media-container .meta,
  div.document main#mobilization .inner .body .layout.view .meta-container .media,
  div.document main#mobilization .inner .body .layout.view .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .description-layout,
  div.document main#pad .inner .body .description-layout,
  div.document main#reference .inner .body .description-layout,
  div.document main#template .inner .body .description-layout,
  div.document main#mobilization .inner .body .description-layout {
    margin-top: 10px;
    padding-bottom: 30px;
    clear: both;
    /*border-top-color: $c-light-yellow;*/
    border-top-color: #e5e5e5;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .body .description-layout .media-container .media,
  div.document main .inner .body .description-layout .media-container .media.focus,
  div.document main#pad .inner .body .description-layout .media-container .media,
  div.document main#pad .inner .body .description-layout .media-container .media.focus,
  div.document main#reference .inner .body .description-layout .media-container .media,
  div.document main#reference .inner .body .description-layout .media-container .media.focus,
  div.document main#template .inner .body .description-layout .media-container .media,
  div.document main#template .inner .body .description-layout .media-container .media.focus,
  div.document main#mobilization .inner .body .description-layout .media-container .media,
  div.document main#mobilization .inner .body .description-layout .media-container .media.focus {
    border-top: none;
  }
  div.document main .inner .body .description-layout .media-container .media i,
  div.document main .inner .body .description-layout .media-container .media.focus i,
  div.document main#pad .inner .body .description-layout .media-container .media i,
  div.document main#pad .inner .body .description-layout .media-container .media.focus i,
  div.document main#reference .inner .body .description-layout .media-container .media i,
  div.document main#reference .inner .body .description-layout .media-container .media.focus i,
  div.document main#template .inner .body .description-layout .media-container .media i,
  div.document main#template .inner .body .description-layout .media-container .media.focus i,
  div.document main#mobilization .inner .body .description-layout .media-container .media i,
  div.document main#mobilization .inner .body .description-layout .media-container .media.focus i {
    color: #646464;
  }
  div.document main .inner .body .description-layout .meta-container,
  div.document main#pad .inner .body .description-layout .meta-container,
  div.document main#reference .inner .body .description-layout .meta-container,
  div.document main#template .inner .body .description-layout .meta-container,
  div.document main#mobilization .inner .body .description-layout .meta-container {
    margin: 0 0 5px 0;
    padding-top: 0;
  }
  div.document main .inner .body .description-layout .meta-container .meta-template,
  div.document main#pad .inner .body .description-layout .meta-container .meta-template,
  div.document main#reference .inner .body .description-layout .meta-container .meta-template,
  div.document main#template .inner .body .description-layout .meta-container .meta-template,
  div.document main#mobilization .inner .body .description-layout .meta-container .meta-template {
    font-size: 12px;
    line-height: 1.5em;
    display: inline-block;
    color: #969696;
  }
  div.document main .inner .body .description-layout .toc-container h1,
  div.document main#pad .inner .body .description-layout .toc-container h1,
  div.document main#reference .inner .body .description-layout .toc-container h1,
  div.document main#template .inner .body .description-layout .toc-container h1,
  div.document main#mobilization .inner .body .description-layout .toc-container h1 {
    font-size: 20px;
    line-height: 1.5em;
    color: #646464;
    font-weight: normal;
  }
  div.document main .inner .body .description-layout .toc-container li,
  div.document main#pad .inner .body .description-layout .toc-container li,
  div.document main#reference .inner .body .description-layout .toc-container li,
  div.document main#template .inner .body .description-layout .toc-container li,
  div.document main#mobilization .inner .body .description-layout .toc-container li {
    font-size: 16px;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
    cursor: pointer;
    list-style: initial;
    margin-left: 15px;
  }
  div.document main .inner .body .description-layout .toc-container li:hover,
  div.document main#pad .inner .body .description-layout .toc-container li:hover,
  div.document main#reference .inner .body .description-layout .toc-container li:hover,
  div.document main#template .inner .body .description-layout .toc-container li:hover,
  div.document main#mobilization .inner .body .description-layout .toc-container li:hover {
    text-decoration: underline;
  }
  div.document main .inner .body .description-layout .input-slideshow,
  div.document main#pad .inner .body .description-layout .input-slideshow,
  div.document main#reference .inner .body .description-layout .input-slideshow,
  div.document main#template .inner .body .description-layout .input-slideshow,
  div.document main#mobilization .inner .body .description-layout .input-slideshow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 15px 0 0 0;
    font-size: 14px;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label {
    border-color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow p,
  div.document main#pad .inner .body .description-layout .input-slideshow p,
  div.document main#reference .inner .body .description-layout .input-slideshow p,
  div.document main#template .inner .body .description-layout .input-slideshow p,
  div.document main#mobilization .inner .body .description-layout .input-slideshow p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  div.document main .inner .body .description-layout.view .media-container,
  div.document main .inner .body .description-layout.view .meta-container,
  div.document main#pad .inner .body .description-layout.view .media-container,
  div.document main#pad .inner .body .description-layout.view .meta-container,
  div.document main#reference .inner .body .description-layout.view .media-container,
  div.document main#reference .inner .body .description-layout.view .meta-container,
  div.document main#template .inner .body .description-layout.view .media-container,
  div.document main#template .inner .body .description-layout.view .meta-container,
  div.document main#mobilization .inner .body .description-layout.view .media-container,
  div.document main#mobilization .inner .body .description-layout.view .meta-container {
    padding-top: 0;
  }
  div.document main .inner .body .description-layout.view .media-container .media,
  div.document main .inner .body .description-layout.view .meta-container .media,
  div.document main#pad .inner .body .description-layout.view .media-container .media,
  div.document main#pad .inner .body .description-layout.view .meta-container .media,
  div.document main#reference .inner .body .description-layout.view .media-container .media,
  div.document main#reference .inner .body .description-layout.view .meta-container .media,
  div.document main#template .inner .body .description-layout.view .media-container .media,
  div.document main#template .inner .body .description-layout.view .meta-container .media,
  div.document main#mobilization .inner .body .description-layout.view .media-container .media,
  div.document main#mobilization .inner .body .description-layout.view .meta-container .media {
    color: #969696;
  }
  div.document main .inner .body .layout.preview .media-container,
  div.document main .inner .body .layout.preview .meta-container,
  div.document main#pad .inner .body .layout.preview .media-container,
  div.document main#pad .inner .body .layout.preview .meta-container,
  div.document main#reference .inner .body .layout.preview .media-container,
  div.document main#reference .inner .body .layout.preview .meta-container,
  div.document main#template .inner .body .layout.preview .media-container,
  div.document main#template .inner .body .layout.preview .meta-container,
  div.document main#mobilization .inner .body .layout.preview .media-container,
  div.document main#mobilization .inner .body .layout.preview .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.preview .media-container .media,
  div.document main .inner .body .layout.preview .media-container .meta,
  div.document main .inner .body .layout.preview .meta-container .media,
  div.document main .inner .body .layout.preview .meta-container .meta,
  div.document main#pad .inner .body .layout.preview .media-container .media,
  div.document main#pad .inner .body .layout.preview .media-container .meta,
  div.document main#pad .inner .body .layout.preview .meta-container .media,
  div.document main#pad .inner .body .layout.preview .meta-container .meta,
  div.document main#reference .inner .body .layout.preview .media-container .media,
  div.document main#reference .inner .body .layout.preview .media-container .meta,
  div.document main#reference .inner .body .layout.preview .meta-container .media,
  div.document main#reference .inner .body .layout.preview .meta-container .meta,
  div.document main#template .inner .body .layout.preview .media-container .media,
  div.document main#template .inner .body .layout.preview .media-container .meta,
  div.document main#template .inner .body .layout.preview .meta-container .media,
  div.document main#template .inner .body .layout.preview .meta-container .meta,
  div.document main#mobilization .inner .body .layout.preview .media-container .media,
  div.document main#mobilization .inner .body .layout.preview .media-container .meta,
  div.document main#mobilization .inner .body .layout.preview .meta-container .media,
  div.document main#mobilization .inner .body .layout.preview .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .layout.preview .media-container .placement-opts,
  div.document main .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#pad .inner .body .layout.preview .media-container .placement-opts,
  div.document main#pad .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#reference .inner .body .layout.preview .media-container .placement-opts,
  div.document main#reference .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#template .inner .body .layout.preview .media-container .placement-opts,
  div.document main#template .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#mobilization .inner .body .layout.preview .media-container .placement-opts,
  div.document main#mobilization .inner .body .layout.preview .meta-container .placement-opts {
    top: 15px;
  }
  div.document main .inner .body .layout.animate-in,
  div.document main#pad .inner .body .layout.animate-in,
  div.document main#reference .inner .body .layout.animate-in,
  div.document main#template .inner .body .layout.animate-in,
  div.document main#mobilization .inner .body .layout.animate-in {
    animation: slide-down 1s;
  }
  div.document main .inner .engagement-group,
  div.document main#pad .inner .engagement-group,
  div.document main#reference .inner .engagement-group,
  div.document main#template .inner .engagement-group,
  div.document main#mobilization .inner .engagement-group {
    margin: 10px 0 0 -7px;
  }
  div.document main .inner .engagement-group.page-stats,
  div.document main#pad .inner .engagement-group.page-stats,
  div.document main#reference .inner .engagement-group.page-stats,
  div.document main#template .inner .engagement-group.page-stats,
  div.document main#mobilization .inner .engagement-group.page-stats {
    margin-top: 0;
  }
  div.document main .inner .engagement-group .engagement,
  div.document main#pad .inner .engagement-group .engagement,
  div.document main#reference .inner .engagement-group .engagement,
  div.document main#template .inner .engagement-group .engagement,
  div.document main#mobilization .inner .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.document main .inner .engagement-group .engagement img,
  div.document main#pad .inner .engagement-group .engagement img,
  div.document main#reference .inner .engagement-group .engagement img,
  div.document main#template .inner .engagement-group .engagement img,
  div.document main#mobilization .inner .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.document main .inner .engagement-group .engagement span,
  div.document main#pad .inner .engagement-group .engagement span,
  div.document main#reference .inner .engagement-group .engagement span,
  div.document main#template .inner .engagement-group .engagement span,
  div.document main#mobilization .inner .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.document main .inner .engagement-group .engagement.engagement-reads,
  div.document main#pad .inner .engagement-group .engagement.engagement-reads,
  div.document main#reference .inner .engagement-group .engagement.engagement-reads,
  div.document main#template .inner .engagement-group .engagement.engagement-reads,
  div.document main#mobilization .inner .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.document main .inner .engagement-group .engagement:disabled img,
  div.document main#pad .inner .engagement-group .engagement:disabled img,
  div.document main#reference .inner .engagement-group .engagement:disabled img,
  div.document main#template .inner .engagement-group .engagement:disabled img,
  div.document main#mobilization .inner .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.document .media-input-group {
    position: fixed;
    top: 0;
    left: calc((100vw - 975px) / 2 + 900px + 1px);
    max-height: 80vh;
    transform: translateY(90px);
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;
  }
  div.document .media-input-group .inner {
    max-height: 80vh;
    overflow: hidden;
    background-color: #fff;
  }
  div.document .media-input-group .inner .btn-group {
    display: flex;
    flex-direction: column;
    outline: none;
    margin: 10px 0;
    background-color: #fff;
  }
  div.document .media-input-group .inner .btn-group input {
    display: none;
  }
  div.document .media-input-group .inner .btn-group label,
  div.document .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    float: left;
    width: 44px;
    height: 45px;
    margin: 0 7px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  div.document .media-input-group .inner .btn-group label label,
  div.document .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  div.document .media-input-group .inner .btn-group label label span,
  div.document .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  div.document .media-input-group .inner .btn-group label i,
  div.document .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  div.document .media-input-group .inner .btn-group label img,
  div.document .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  div.document .media-input-group .inner .btn-group label:hover,
  div.document .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  div.document .media-input-group .inner .btn-group label.highlight,
  div.document .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  div.document .media-input-group .inner .btn-group input:disabled,
  div.document .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  div.document .media-input-group .inner .btn-group input:disabled img,
  div.document .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  div.document .media-input-group .inner .btn-group .vertical-separator {
    width: 59px;
    height: 0px;
    /*border-top: 1px dotted $c-light-grey;*/
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  div.document .media-input-group button.scroll-up,
  div.document .media-input-group button.scroll-down {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  div.document .media-input-group button.scroll-up label,
  div.document .media-input-group button.scroll-down label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    transform-origin: center;
    cursor: pointer;
    color: #646464;
  }
  div.document .media-input-group button.scroll-up {
    top: 0px;
  }
  div.document .media-input-group button.scroll-up label {
    transform: rotate(-90deg);
  }
  div.document .media-input-group button.scroll-down {
    bottom: 0px;
  }
  div.document .media-input-group button.scroll-down label {
    transform: rotate(90deg);
  }
  div.document .input-group.overflowing .inner .btn-group {
    margin: 40px 0;
  }
  div.document .input-group.inline .inner .btn-group {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  div.document .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  div.document .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  div.document .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  div.document.slideshow {
    width: 100%;
    position: static;
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 30px);
    box-sizing: border-box;
  }
  div.document.slideshow main#pad {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.document.slideshow main#pad > .inner {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  div.document.slideshow main#pad > .inner .meta-info {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.prev {
    left: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.next {
    right: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document.slideshow main#pad > .inner .slide {
    position: relative;
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    width: 100vw !important;
    min-height: 100vh;
    max-height: 100%;
    box-sizing: border-box;
    padding: 0 calc((100vw - 840px) / 2) 60px calc((100vw - 840px) / 2);
    scroll-snap-align: center;
    overflow-x: visible;
    overflow-y: scroll;
  }
  div.document.slideshow main#pad > .inner .slide div.required {
    left: calc((100vw - 840px) / 2 - 45px);
    top: 50%;
  }
  div.document.slideshow main#pad > .inner .slide .opts .opt-group label {
    left: calc((100vw - 840px) / 2) !important;
  }
  div.document.slideshow main#pad > .inner .description-layout.slide {
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner div.body {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  div.document.slideshow main#pad > .inner div.body section:not(.slide) {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    margin: 0;
  }
  div.document.slideshow main#pad > .inner div.body .media-input-group {
    left: auto;
    right: 60px;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide {
    display: flex;
    align-items: center;
    top: 0;
    height: 100%;
    margin: 0;
    z-index: 0;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide .btn-group {
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  main#reference {
    pointer-events: none;
  }
  footer {
    position: relative;
    width: 100%;
    clear: both;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #e5e5e5;
    z-index: 1000;
  }
  footer .inner {
    position: relative;
    display: block;
    width: 718px;
    margin: 0 auto;
    padding: 30px 60px 30px 60px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateX(1px);
    /* BELOW IS FOR THE COMMENTS MODULE */
  }
  footer .inner h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  footer .inner form {
    position: relative;
    margin: 15px 0 45px 0;
  }
  footer .inner form textarea {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    /*min-height: $t-main;*/
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 10px 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  footer .inner form label {
    position: absolute;
    left: 30px;
    top: 11px;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  footer .inner form label::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -35px;
    width: 30px;
    height: 30px;
    background: url("../imgs/icons/i-comment-outline.svg");
    filter: brightness(75%);
  }
  footer .inner form textarea + label {
    pointer-events: none;
  }
  footer .inner form textarea:focus + label,
  footer .inner form textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  footer .inner form .btn-group {
    border-top: 1px solid #646464;
  }
  footer .inner form .btn-group button {
    display: none;
    height: 30px;
    padding: 0 10px;
    border-radius: 0;
    /*background-color: $c-mid-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    color: #fff;
    float: right;
  }
  footer .inner form .btn-group button:disabled {
    background-color: #e5e5e5;
    color: #fff;
  }
  footer .inner form textarea:focus + label + .btn-group,
  footer .inner form textarea.has-value + label + .btn-group {
    /*border-color: $c-mid-yellow;*/
    border-color: #e5e5e5;
  }
  footer .inner form textarea:focus + label + .btn-group button,
  footer .inner form textarea.has-value + label + .btn-group button {
    display: block;
  }
  footer .inner ul.comments li {
    margin: 15px 0;
  }
  footer .inner ul.comments li .head .meta .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .head .meta .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  footer .inner ul.comments li .head .meta .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .body {
    font-size: 14px;
    line-height: 1.5em;
  }
  footer .inner ul.comments li .foot button.expand-collapsed {
    background-color: transparent;
    height: 15px;
    border: none;
    outline: none;
    color: #646464;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    cursor: pointer;
  }
  footer .inner ul.comments li .foot button.expand-collapsed.wide {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  footer .inner ul.comments li .foot .collapsed {
    position: relative;
    max-height: 0;
    padding-left: 30px;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  footer .inner ul.comments li .foot .collapsed ul.replies li {
    margin-top: 5px;
  }
  footer .inner ul.comments li .foot .collapsed form {
    margin-bottom: 30px;
  }
  footer .inner ul.comments li .foot .collapsed::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 7.5px;
    width: 0;
    height: calc(100% - 15px);
    border-left: 1px dotted #969696;
  }
  footer .inner button {
    height: 45px;
    background-color: #333d51;
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  footer .inner .approval-message {
    position: relative;
    width: 875px;
    margin: 0 auto;
    padding: 10px;
  }
  footer .inner .approval-message small {
    font-size: 12px;
    line-height: 1.5em;
    color: #c2b4d6;
  }
  footer .inner .approval-message p {
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  footer .inner .approval-message::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -11px;
    height: calc(100% + 15px);
    width: 1px;
    background-color: #c2b4d6;
  }
  footer .inner .approval-message::after {
    content: "“";
    position: absolute;
    /*top: calc(16px / 4);*/
    top: calc(10px + 16px);
    left: -11px;
    width: 10px;
    vertical-align: middle;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #c2b4d6;
    /*border-bottom: 1px solid $c-light-1;*/
    font-size: 36px;
    line-height: 1.5em;
    color: #c2b4d6;
    text-align: center;
  }
  .document.offset {
    padding-top: 50px;
  }
  .document.offset main .inner .meta-status {
    top: 50px !important;
  }
  .document.offset main .inner .media-input-group {
    top: 20px !important;
  }
  div.source-container,
  div#reviews {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    margin-top: 30px;
    /*
    height: 100vh;
    overflow: auto;
    vertical-align: top;
    filter: grayscale(1);

    main#reference {
    	width: 100%;
    	min-width: 0;
    	margin: 60px 0 0 0;

    	.inner {
    		.head {
    			a {
    				display: none;
    			}
    		}
    		.slide-nav,
    		.meta-status {
    			display: none !important;
    		}
    	}
    }
    .review {
    	position: relative;
    	width: 100%;
    }
    .review:not(:last-child) {
    	&::after {
    		content: '';
    		position: absolute;
    		left: -60px;
    		bottom: 0;
    		width: calc(100% + 120px);
    		height: 0;
    		border-bottom: 1px solid $c-light-grey;
    	}
    }
    */
  }
  .document.split-screen {
    width: 100%;
    height: 100vh;
    overflow: auto;
    border: none;
    box-sizing: border-box;
  }
  .document.split-screen main .inner .meta-status,
  .document.split-screen main#pad .inner .meta-status {
    top: 0;
  }
  .document.split-screen.right .media-input-group {
    left: auto !important;
    right: 0 !important;
  }
  .document.split-screen.right main .inner button.scroll-nav {
    width: 50% !important;
    left: 50% !important;
  }
  .document.split-screen.left {
    margin-left: 0;
  }
  .document.split-screen.left .media-input-group {
    left: auto !important;
    right: 50% !important;
  }
  div.display-option {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 1000000;
  }
  div.display-option a button {
    width: 100%;
    height: 20px;
    outline: none;
    border: none;
    padding: 0 10px;
    background-color: #969696;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
    vertical-align: top;
    transition: background-color 0.25s;
  }
  div.display-option a button:hover {
    background-color: #646464;
  }
  div.display-option.split-screen {
    pointer-events: none;
  }
  div.display-option.split-screen a {
    pointer-events: all;
  }
  div.display-option.split-screen a button {
    width: 50%;
  }
  div.display-option.split-screen.right {
    text-align: right;
  }
  .media-input-group {
    position: sticky;
    top: 90px;
    width: 60px;
    max-height: 80vh;
    margin-left: -61px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;
  }
  .media-input-group .inner {
    max-height: 80vh;
    overflow: hidden;
    background-color: #fff;
  }
  .media-input-group .inner .btn-group {
    display: flex;
    flex-direction: column;
    outline: none;
    margin: 10px 0;
    background-color: #fff;
  }
  .media-input-group .inner .btn-group input {
    display: none;
  }
  .media-input-group .inner .btn-group label,
  .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    float: left;
    width: 44px;
    height: 45px;
    margin: 0 7px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .media-input-group .inner .btn-group label label,
  .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  .media-input-group .inner .btn-group label label span,
  .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  .media-input-group .inner .btn-group label i,
  .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  .media-input-group .inner .btn-group label img,
  .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  .media-input-group .inner .btn-group label:hover,
  .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  .media-input-group .inner .btn-group label.highlight,
  .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  .media-input-group .inner .btn-group input:disabled,
  .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  .media-input-group .inner .btn-group input:disabled img,
  .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  .media-input-group .inner .btn-group .vertical-separator {
    width: 59px;
    height: 0px;
    /*border-top: 1px dotted $c-light-grey;*/
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  .media-input-group button.scroll-up,
  .media-input-group button.scroll-down {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  .media-input-group button.scroll-up label,
  .media-input-group button.scroll-down label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    transform-origin: center;
    cursor: pointer;
    color: #646464;
  }
  .media-input-group button.scroll-up {
    top: 0px;
  }
  .media-input-group button.scroll-up label {
    transform: rotate(-90deg);
  }
  .media-input-group button.scroll-down {
    bottom: 0px;
  }
  .media-input-group button.scroll-down label {
    transform: rotate(90deg);
  }
  .input-group.overflowing .inner .btn-group {
    margin: 40px 0;
  }
  .input-group.inline .inner .btn-group {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  .fact-sheet {
    position: relative;
    display: block;
    width: 840px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    min-height: calc(100vh - 30px);
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .fact-sheet main#profile .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 30px -60px;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button.save {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  .fact-sheet main#profile .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  .fact-sheet main#profile .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  .fact-sheet main#profile .inner .head i {
    position: absolute;
    right: 100%;
  }
  .fact-sheet main#profile .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  .fact-sheet main#profile .inner .body form button.expand-collapsed {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
    /*
    &::after {
    	content: '';
    	position: absolute;
    	top: 0;
    	width: 0;
    	height: 0;
    	border-left: 6px solid transparent;
    	border-right: 6px solid transparent;
    	border-bottom: 8px solid $c-light-grey;
    	transform: translate(-4px, -8px);
    }
    */
  }
  .fact-sheet main#profile .inner .body form div.info {
    margin: 30px 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -45px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input:checked + label,
  .fact-sheet main#profile .inner .body form div.info ul li .required label.active {
    color: #a51e41;
  }
  .fact-sheet main#profile .inner .body form div.info ul li label.instruction {
    display: inline-block;
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    /*margin-bottom: 5px;*/
    border-left: 1px dotted #969696;
    font-size: 14px;
    line-height: 1.5em;
    vertical-align: middle;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group {
    display: inline-block;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group input.toggle + label {
    margin: 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group {
    display: inline-block;
    position: relative;
    width: 30%;
    margin: 0 auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    box-sizing: border-box;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group.margin-left {
    margin-left: calc(30% + 30px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard {
    /*display: flex;
    justify-content: flex-start;
    align-items: top;*/
    width: 100%;
    min-height: 45px;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins {
    display: flex;
    margin: auto 0;
    flex-wrap: wrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin {
    display: inline-block;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    line-height: 30px;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin label {
    vertical-align: top;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: normal;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .close {
    display: inline-block;
    width: 30px;
    background-color: #969696;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:disabled {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:invalid,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown {
    position: absolute;
    width: calc(100% + 30px);
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add button {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 15px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text]:focus ~ button,
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text].has-value ~ button {
    display: block;
  }
  .fact-sheet main#profile .inner .body form div.info ul li button.add-info {
    min-height: 45px;
    /*width: 100%;*/
    border: none;
    outline: none;
    background-color: transparent;
    color: #969696;
    cursor: pointer;
    /*background: repeating-linear-gradient(
    	45deg,
    	transparent,
    	transparent 3px,
    	rgba(150, 150, 150, .1) 3px,
    	rgba(150, 150, 150, .1) 6px
    );*/
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed button.expand-collapsed {
    margin-top: 15px;
  }
  .fact-sheet main#profile .inner div.foot {
    padding-bottom: 60px;
  }
  .fact-sheet main#profile .inner div.foot .api-token form {
    display: flex;
  }
  .fact-sheet main#profile .inner div.foot .api-token form button.request-token {
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    border: 1px solid #969696;
    /*border-left: 1px dotted $c-light-grey;*/
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group {
    display: flex;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group input[type=text] {
    flex-grow: 1;
    padding: 5px 0 5px 15px;
    border: 1px solid #969696;
    border-left: 0;
    border-right: 0;
    outline: none;
    font-size: 14px;
    line-height: 1.5em;
    cursor: copy;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group button.copy {
    width: 60px;
    background-color: #32bee1;
    border: none;
    color: #fff;
    cursor: pointer;
  }
  .main-content.import {
    display: grid;
    grid-gap: 0;
  }
  div.table {
    display: block;
    width: 960px;
    padding: 30px 0 0 0;
    background-color: #fff;
    min-height: calc(100vh - 60px);
  }
  div.table main {
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
  }
  div.table main .inner .head {
    position: fixed;
    top: 30px;
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
    margin: 0;
    background-color: #fff;
    z-index: 100;
  }
  div.table main .inner .head .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  div.table main .inner .head .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.table main .inner .head .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.table main .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.table main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.table main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.table main .inner .body {
    margin-top: 60px;
    overflow: auto;
  }
  div.table main .inner .body .input-group {
    position: relative;
    display: flex;
    width: 100%;
    min-height: calc(100vh - 180px);
    overflow: hidden;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(100, 100, 100, 0.1) 3px, rgba(100, 100, 100, 0.1) 6px);
  }
  div.table main .inner .body .input-group .drop-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 30px;
    border: 2px dotted #32bee1;
    transition: margin 0.25s;
  }
  div.table main .inner .body .input-group .drop-zone input {
    display: none;
  }
  div.table main .inner .body .input-group .drop-zone button {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.table main .inner .body .input-group .drop-zone button label {
    display: block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .body .input-group.accept {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px) !important;
  }
  div.table main .inner .body .input-group.accept .drop-zone {
    margin: 45px;
    border-color: #32bee1 !important;
  }
  div.table main .inner .body .input-group.reject {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.table main .inner .body .input-group.reject .drop-zone {
    border-color: #a51e41;
  }
  div.table main .inner .body .btn-group {
    position: fixed;
    display: flex;
    justify-content: center;
    top: 0;
    /*left: calc((100vw - (300px * 3 + 15px * 4)) / 2);*/
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
    padding-top: 120px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 10;
  }
  div.table main .inner .body .btn-group form {
    border-top: 1px solid #e5e5e5;
    /*border-bottom: 1px solid $c-light-2;*/
    background-color: #fff;
  }
  div.table main .inner .body .btn-group form button {
    height: 60px;
    width: 60px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    cursor: pointer;
  }
  div.table main .inner .body .btn-group form button i {
    font-size: 20px;
  }
  div.table main .inner .body .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.table main .inner .body .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.table main .inner .body .btn-group form:first-child {
    border-left: 1px solid #e5e5e5;
  }
  div.table main .inner .body .btn-group form:last-child {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  div.table main .inner .body .table-container table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 12px;
  }
  div.table main .inner .body .table-container table thead {
    /*position: sticky;
    top: 90px;*/
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgb(239, 239, 239) 3px, rgb(239, 239, 239) 6px);
    z-index: 1000;
  }
  div.table main .inner .body .table-container table thead th {
    position: relative;
    padding: 5px 10px;
    font-weight: 400;
  }
  div.table main .inner .body .table-container table thead th.selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: calc(100% - 1px);
    border: 1px solid transparent;
  }
  div.table main .inner .body .table-container table thead th.selected.top::after {
    border-top: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.left::after {
    border-left: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.right::after {
    border-right: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.bottom::after {
    border-bottom: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead .column-selection {
    height: 30px;
    background-color: #fff;
  }
  div.table main .inner .body .table-container table thead .column-selection th {
    border: none;
    padding: 0 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection {
    color: #646464;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection i {
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection.selected {
    background-color: #fff32a;
    /*color: #FFF;*/
  }
  div.table main .inner .body .table-container table thead .column-names {
    background-color: #fff;
  }
  div.table main .inner .body .table-container table thead .column-names th {
    border: none;
    font-weight: bold;
  }
  div.table main .inner .body .table-container table thead .column-names th:focus {
    outline: 1px solid #fff32a;
  }
  div.table main .inner .body .table-container table thead .data-types {
    height: 30px;
    /*border-left: 1px dotted $c-light-grey;
    border-right: 1px dotted $c-light-grey;
    border-top: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .data-types th {
    padding: 0 10px;
    font-style: italic;
    color: #646464;
  }
  div.table main .inner .body .table-container table thead .data-types th button {
    vertical-align: middle;
    border: none;
    outline: none;
    margin-left: 15px;
    background-color: transparent;
    color: #646464;
  }
  div.table main .inner .body .table-container table thead .data-types th button i {
    margin-top: 5px;
    font-size: 20px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .media-types {
    /*border-left: 1px dotted $c-light-grey;*/
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .media-types th {
    /*border-right: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .media-types th select {
    width: 100%;
  }
  div.table main .inner .body .table-container table tbody td {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    color: #000000;
  }
  div.table main .inner .body .table-container table tbody td.selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: calc(100% - 1px);
    border: 1px solid transparent;
  }
  div.table main .inner .body .table-container table tbody td.selected.top::after {
    border-top: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.left::after {
    border-left: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.right::after {
    border-right: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.bottom::after {
    border-bottom: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody .column-values {
    position: relative;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(100, 100, 100, 0.1);
    /*background-color: rgba(229,229,229,.75);*/
    color: #005687;
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview span {
    padding: 0 5px;
    background-color: #fff32a;
    color: #000000;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview i {
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .foot {
    height: 30px;
  }
  div.table main .inner .foot .summary {
    font-size: 12px;
    color: #969696;
  }
  .table-sidebar {
    position: relative;
    z-index: 1000;
    pointer-events: none;
  }
  .table-sidebar > .inner {
    width: 120px;
    float: right;
    background-color: #fff;
  }
  .table-sidebar > .inner .media-input-group {
    pointer-events: all;
    top: calc(50% - 60px);
  }
  .modal.pad-preview {
    align-self: flex-start;
    width: auto;
    margin: 0;
  }
  .modal.pad-preview .close {
    position: sticky;
    top: 0px;
  }
  .modal.pad-preview .document {
    float: none;
    height: calc(100vh - 30px);
    margin: auto;
    overflow: auto;
    box-sizing: border-box;
  }
  .modal.pad-preview .document main {
    padding: 0;
    margin: 0 auto;
  }
  .modal.pad-preview .document main .inner {
    border-top: 0;
    box-shadow: none;
    max-height: none;
    overflow-y: unset;
  }
  div.public-page-header {
    min-height: 100vh;
  }
  div.public-page-header div.carousel {
    position: relative;
    width: 100%;
    min-height: 100vh;
    left: 0;
  }
  div.public-page-header div.carousel.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.carousel div.slides {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    scroll-snap-type: x mandatory;
    height: 100vh;
    width: 100%;
    padding: 60px 0 120px 0;
    overflow: auto;
    box-sizing: border-box;
  }
  div.public-page-header div.carousel div.slides div.slide {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex: none;
    scroll-snap-align: center;
  }
  div.public-page-header div.carousel div.slides div.slide a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt {
    align-self: center;
    position: absolute;
    width: 615px;
    color: #005687;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
    color: #fff;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt .country {
    color: #b4dc28;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt h1 {
    font-size: 24px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 0 15px 0;
  }
  div.public-page-header div.carousel div.slides div.slide a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
    transition: opacity 0.5s;
  }
  div.public-page-header div.carousel div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.carousel div.slides div.slide:hover img {
    opacity: 0.25;
  }
  div.public-page-header div.carousel div.slides div.slide:hover .media-txt {
    opacity: 1;
  }
  div.public-page-header div.carousel div.slides div.slide:hover::after {
    opacity: 0.75;
  }
  div.public-page-header div.carousel div.dots {
    position: absolute;
    bottom: 90px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    text-align: center;
  }
  div.public-page-header div.carousel div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  div.public-page-header div.carousel div.dots .highlight {
    background-color: #61b233;
  }
  div.public-page-header div.mosaic {
    /*position: absolute;*/
    width: 100%;
    min-height: 100vh;
    left: 0;
    /* INSPIRED BY: https://medium.com/cloudaper/how-to-create-a-flexible-square-grid-with-css-grid-layout-ea48baf038f3 */
  }
  div.public-page-header div.mosaic.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.mosaic div.slides {
    display: grid;
    grid-template-columns: repeat(10, 150px);
    grid-auto-rows: 1fr;
    grid-gap: 5px;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    width: calc(100% - 5px);
    height: 100%;
    margin: 35px 0;
  }
  div.public-page-header div.mosaic div.slides::before {
    content: "";
    width: 0;
    padding-bottom: 100%;
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header div.mosaic div.slides div.blank-area {
    grid-area: 1/1/3/3;
  }
  div.public-page-header div.mosaic div.slides div.blank-area.sidebar {
    grid-area: 1/1/6/3;
  }
  div.public-page-header div.mosaic div.slides div.slide {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.5s;
    overflow: hidden;
    aspect-ratio: 1;
    counter-increment: my-counter;
  }
  div.public-page-header div.mosaic div.slides div.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0);
  }
  div.public-page-header div.mosaic div.slides div.slide img.img-ready {
    transition: filter 1s, transform 1s;
    animation: animate-mosaic-in 0.5s ease-out;
    animation-fill-mode: forwards;
  }
  @keyframes animate-mosaic-in {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    transform: translateY(100%);
    transition: transform 0.5s;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt .country {
    font-size: 14px;
    color: #b4dc28;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt h1 {
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
    margin: 0;
    color: #fff;
    font-weight: normal;
  }
  div.public-page-header div.mosaic div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0.9;
    transform: translateY(100%);
    transition: transform 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(1n) img {
    animation-delay: 0.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(2n) img {
    animation-delay: 0.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(3n) img {
    animation-delay: 0.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(4n) img {
    animation-delay: 0.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(5n) img {
    animation-delay: 0.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(6n) img {
    animation-delay: 0.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(7n) img {
    animation-delay: 0.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(8n) img {
    animation-delay: 0.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(9n) img {
    animation-delay: 0.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(10n) img {
    animation-delay: 0.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(11n) img {
    animation-delay: 0.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(12n) img {
    animation-delay: 0.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(13n) img {
    animation-delay: 0.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(14n) img {
    animation-delay: 0.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(15n) img {
    animation-delay: 0.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(16n) img {
    animation-delay: 0.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(17n) img {
    animation-delay: 0.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(18n) img {
    animation-delay: 0.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(19n) img {
    animation-delay: 0.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(20n) img {
    animation-delay: 1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(21n) img {
    animation-delay: 1.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(22n) img {
    animation-delay: 1.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(23n) img {
    animation-delay: 1.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(24n) img {
    animation-delay: 1.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(25n) img {
    animation-delay: 1.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(26n) img {
    animation-delay: 1.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(27n) img {
    animation-delay: 1.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(28n) img {
    animation-delay: 1.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(29n) img {
    animation-delay: 1.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(30n) img {
    animation-delay: 1.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(31n) img {
    animation-delay: 1.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(32n) img {
    animation-delay: 1.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(33n) img {
    animation-delay: 1.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(34n) img {
    animation-delay: 1.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(35n) img {
    animation-delay: 1.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(36n) img {
    animation-delay: 1.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(37n) img {
    animation-delay: 1.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(38n) img {
    animation-delay: 1.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(39n) img {
    animation-delay: 1.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(40n) img {
    animation-delay: 2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(41n) img {
    animation-delay: 2.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(42n) img {
    animation-delay: 2.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(43n) img {
    animation-delay: 2.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(44n) img {
    animation-delay: 2.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(45n) img {
    animation-delay: 2.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(46n) img {
    animation-delay: 2.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(47n) img {
    animation-delay: 2.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(48n) img {
    animation-delay: 2.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(49n) img {
    animation-delay: 2.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(50n) img {
    animation-delay: 2.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:hover .media-txt, div.public-page-header div.mosaic div.slides div.slide:hover::after {
    transform: translateY(0);
  }
  div.public-page-header div.mosaic div.slides > *:first-child {
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.public-page-header button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.public-page-header button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.public-page-header h1 {
    margin: 60px 60px 45px 60px;
    text-align: center;
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-header h2 {
    margin: 15px 60px 60px 60px;
    text-align: center;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
  }
  div.public-page-header p.lead {
    width: 930px;
    margin: auto;
    font-size: 20px;
    line-height: 1.5em;
  }
  div.public-page-panel {
    width: 100%;
    min-height: 90px;
    padding: 90px 0;
  }
  div.public-page-panel.blue {
    width: 100vw;
    padding: 90px 0;
    margin-left: calc((100% - 100vw) / 2);
    background-color: #0468b1;
    color: #fff;
  }
  div.public-page-panel.blue > .inner {
    width: 960px;
  }
  div.public-page-panel.blue a {
    color: #b4dc28;
  }
  div.public-page-panel > .inner {
    position: relative;
    width: 100%;
    margin: auto;
  }
  div.public-page-panel > .inner h1.site-title {
    font-size: 60px;
    line-height: 1.2em;
    color: #0468b1;
    text-align: center;
    margin-bottom: 90px;
  }
  div.public-page-panel > .inner h1.site-title.map-overlay {
    position: absolute;
    right: 0;
    top: 0;
    margin: calc(-60px * 1.2) 0 1em 0;
    z-index: 1000;
    text-align: left;
  }
  div.public-page-panel > .inner h3 {
    margin-bottom: 1em;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner .lead {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  div.public-page-panel > .inner blockquote {
    font-size: 24px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner blockquote + p {
    margin-top: 1em;
  }
  div.public-page-panel > .inner .description {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 1em;
    color: #969696;
  }
  div.public-page-panel > .inner #statistics {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 3fr 7fr;
    margin: 30px 0;
    /*
    .stat-group:nth-child(2) {
      border-left: 1px dotted $c-light-grey;
    }
    */
  }
  div.public-page-panel > .inner #statistics .stat-group {
    display: grid;
    grid-gap: 30px;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic {
    text-align: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h1 {
    font-size: 60px;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h2 {
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-panel > .inner .map-container {
    width: calc(100% + (100vw - 100%) / 2);
    margin-left: calc((100% - 100vw) / 4);
    margin-top: 90px;
  }
  div.public-page-panel > .inner .map-container #map {
    min-height: 60vh;
  }
  div.public-page-panel > .inner nav.enter {
    text-align: center;
    margin: 60px 0;
  }
  div.public-page-panel > .inner nav.enter a:hover {
    text-decoration: none;
  }
  div.public-page-panel > .inner nav.enter button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.public-page-panel > .inner nav.enter button.highlight {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.public-page-panel > .inner ul.columns {
    display: grid;
    align-items: center;
    grid-gap: 15px;
    grid-template-columns: repeat(4, 1fr);
  }
  div.public-page-panel > .inner ul.columns li {
    font-size: 16px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner ul.columns li small {
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    color: #969696;
  }
  div.lesser-padding div.public-page-panel {
    padding-top: 55px;
  }
  div.main-content {
    display: grid;
    grid-template-columns: 1fr 960px 1fr;
    min-height: 100vh;
  }
  div.browse {
    display: block;
    padding: 0 15px;
    background-color: #fff;
    min-height: calc(100vh - 120px);
  }
  div.browse:not(.home) {
    padding-top: 120px;
  }
  div.browse.public, div.browse.instance {
    padding-top: 90px;
  }
  div.browse h1.instance-title {
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
  }
  div.browse nav#search-and-filter {
    padding: 0 14px 15px 14px;
    border: 1px dotted #969696;
  }
  div.browse nav#search-and-filter.anchor-bottom {
    position: fixed;
    width: 100%;
    max-height: calc(100vh - 30px);
    min-height: 180px;
    left: 0;
    bottom: 0;
    margin: 0;
    z-index: 100;
    background-color: #fff;
    border: none;
    border-top: 1px solid #646464;
    box-sizing: border-box;
    overflow: visible;
  }
  div.browse nav#search-and-filter .search-type-menu {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    border-bottom: 1px dotted #969696;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm {
    position: relative;
    color: #969696;
    border-right: 1px dotted #969696;
    cursor: pointer;
    padding: 5px 15px;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm:not(.stm-select):hover {
    color: #646464;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select {
    color: #005687;
    font-weight: bold;
    cursor: auto;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hint {
    display: inline-block;
    position: absolute;
    transform: translate(-3px, -15px);
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    color: #000000;
    background-color: #ffc10e;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hidden {
    display: none;
  }
  div.browse nav#search-and-filter form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  div.browse nav#search-and-filter form .search,
  div.browse nav#search-and-filter form .filter:not(.add) {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #969696;
  }
  div.browse nav#search-and-filter form .search input[type=text],
  div.browse nav#search-and-filter form .search input[type=list],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=list] {
    float: left;
    position: relative;
    width: calc(100% - 15px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    color: #005687;
  }
  div.browse nav#search-and-filter form .search label,
  div.browse nav#search-and-filter form .filter:not(.add) label {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.browse nav#search-and-filter form .search input[type=text] + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text] + label {
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .search input[type=text]:focus + label,
  div.browse nav#search-and-filter form .search input[type=text].has-value + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .search input:-webkit-autofill,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:active,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.browse nav#search-and-filter form .search button,
  div.browse nav#search-and-filter form .filter:not(.add) button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .search img,
  div.browse nav#search-and-filter form .filter:not(.add) img {
    width: 30px;
    height: 30px;
    margin: auto;
  }
  div.browse nav#search-and-filter form .status {
    display: inline-block;
  }
  div.browse nav#search-and-filter form .status menu li p {
    margin: 5px 0;
  }
  div.browse nav#search-and-filter form .global-actions {
    min-width: 50%;
  }
  div.browse nav#search-and-filter form .global-actions .add {
    display: inline-block;
    position: relative;
    width: 300px;
    margin-right: 15px;
    border-bottom: 1px dotted #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .global-actions .add button {
    display: none;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus + label,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus ~ button,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input[type=radio] {
    display: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .global-actions button.download {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters {
    position: relative;
    vertical-align: middle;
    float: right;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 auto;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  div.browse nav#search-and-filter form .expand-filters .l1 {
    width: 20px;
    transform: translate(5px, 7.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters .l2 {
    width: 15px;
    transform: translate(7.5px, 12.5px) rotate(0deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters .l3 {
    width: 10px;
    transform: translate(10px, 17.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l1 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l2 {
    width: 0;
    transform: translate(15px, 12.5px) rotate(0deg);
  }
  div.browse nav#search-and-filter form .expand-filters.close .l3 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 15px);
    max-height: 0;
    padding: 0 7.5px;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    transition: max-height 0.25s ease-out;
    /*section:nth-child(odd):not(:last-child) {
    	margin-right: 15px;
    }*/
  }
  div.browse nav#search-and-filter form .filters section {
    flex: 1 1;
    margin-top: 15px;
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters section .filter {
    position: relative;
    width: 100%;
    height: 45px;
    background-color: #fff;
    margin-bottom: 15px;
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text] {
    width: calc(100% - 30px);
    height: 30px;
    margin-left: 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .filter label {
    left: 15px;
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(10px);
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filters section .filter input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input {
    display: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label .count {
    color: #fff;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .filters section .filter:last-child {
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters {
    margin: -15px auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters .break {
    flex-basis: 100%;
    width: 0;
  }
  div.browse nav#search-and-filter form .filters .order {
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters .order menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    /*input.toggle:checked + label {
    	background-color: #FFF;
    }*/
  }
  div.browse nav#search-and-filter form .filters .order menu li input.toggle + label {
    display: inline-block;
    margin-top: 0;
  }
  div.browse nav#search-and-filter form .filters .order menu li p {
    display: inline-block;
    margin: 0 0 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters button.submit-filters {
    width: calc(100% - 15px);
    height: 30px;
    padding: 0 10px;
    margin: 15px 0 15px 7.5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) {
    width: 100%;
    margin: 0 0 30px -15px;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li {
    display: inline-block;
    margin: 0 15px 0 0;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button {
    height: 45px;
    padding: 0 10px 0 30px;
    border: none;
    outline: none;
    border-radius: 45px;
    border: 1px solid #0468b1;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button .count {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #0468b1;
    border-radius: 30px;
    margin: -1px 0 0 10px;
    line-height: 30px;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button {
    background-color: #0468b1;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button .count {
    background-color: #fff;
    color: #0468b1;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) p {
    margin: 15px 0 0 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main {
    padding-bottom: 60px;
  }
  div.browse main .inner small.no-results {
    font-size: 12px;
    color: #969696;
  }
  div.browse main .inner .meta-status {
    top: 30px;
    width: 100%;
    min-height: 60px;
    margin: -15px 0 30px -15px;
    padding: 15px;
    z-index: 100;
  }
  div.browse main .inner .meta-status form {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-gap: 15px;
  }
  div.browse main .inner .meta-status form .opts {
    list-style: none;
  }
  div.browse main .inner .meta-status form .opts li {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px dotted #969696;
  }
  div.browse main .inner .meta-status form .opts li p {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .meta-status form .opts li p.disabled {
    color: #e5e5e5;
  }
  div.browse main .inner .meta-status form .opts li input.toggle + label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  div.browse main .inner .meta-status form .opts li ul li {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
  }
  div.browse main .inner .meta-status form .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    min-height: 30px;
    margin: 0 0 0 auto;
    justify-content: right;
  }
  div.browse main .inner .meta-status form .btn-group button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse main .inner .meta-status form .btn-group button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner .meta-status form .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner .head {
    position: relative;
    width: 100%;
    margin: 25px 0 15px 0;
  }
  div.browse main .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  div.browse main .inner .head .title {
    width: 100%;
    outline: none;
    margin-bottom: 15px;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  div.browse main .inner .head .title:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.browse main .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .head .description {
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-top: none;
    outline: none;
    color: #005687;
    border-bottom: 1px solid transparent;
    white-space: pre-line;
  }
  div.browse main .inner .head .description.lead {
    font-size: 20px;
    line-height: 1.3em;
  }
  div.browse main .inner .head .description:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .meta-status + .head {
    margin: 0 0 15px 0;
  }
  div.browse main .outer {
    /* margin-top: 30px;*/
    margin-top: 0px;
    color: #969696;
    font-size: 14px;
  }
  div.browse main .outer .nav-info {
    animation: wobble 2s ease infinite;
  }
  @keyframes wobble {
    0% {
      transform: translateX(0);
    }
    15% {
      transform: translateX(-25px);
    }
    30% {
      transform: translateX(20px);
    }
    45% {
      transform: translateX(-10px);
    }
    60% {
      transform: translateX(5px);
    }
    75% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(0);
    }
  }
  div.browse main .inner section,
  div.browse .public-page-panel .inner section {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout,
  div.browse .public-page-panel .inner section .layout {
    margin-top: 15px;
    /*article:not(.pad):not(.review):not(.contributor) {
    	padding-top: 15px;
    	padding-bottom: 15px;
    	margin-bottom: 30px;
    }*/
  }
  div.browse main .inner section .layout article,
  div.browse .public-page-panel .inner section .layout article {
    position: relative;
    display: flex;
    /*          padding: 15px 0 15px 15px;*/
    padding: 0 0 15px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout article:hover,
  div.browse .public-page-panel .inner section .layout article:hover {
    background-color: transparent;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout article .inner,
  div.browse .public-page-panel .inner section .layout article .inner {
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 1fr 300px;
    width: 100%;
    transition: width 0.25s;
  }
  div.browse main .inner section .layout article .inner .head,
  div.browse .public-page-panel .inner section .layout article .inner .head {
    grid-column: 1/span 2;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 300px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data {
    margin-bottom: 0;
    padding-top: 15px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor {
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-date,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    /*margin: -16px -1px 0 auto;*/
    justify-content: right;
    /*                  transform: translateY(calc(-100% + 14px));*/
    align-items: start;
    margin: -1px -1px 0 auto;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.active {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button:disabled,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    right: 0;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: left;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight {
    background-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled),
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight {
    background-color: #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight {
    border-color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:first-child,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:last-child,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta,
  div.browse main .inner section .layout article .inner .body .media,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta,
  div.browse .public-page-panel .inner section .layout article .inner .body .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title {
    margin-top: 10px;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title a,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: bold;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 span,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 span {
    word-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-txt,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3em;
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a {
    color: #000000;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a .read-more,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a .read-more {
    color: #32bee1;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover .read-more,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a:hover .read-more {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-template {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree {
    display: flex;
    align-items: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree {
    margin-right: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a img,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a img {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a small,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a small {
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    color: #969696;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-child {
    color: #969696;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-child {
    width: 100%;
    /*margin: 10px 0 0 0;*/
    margin: 0;
  }
  div.browse main .inner section .layout article .inner .body .create,
  div.browse .public-page-panel .inner section .layout article .inner .body .create {
    position: relative;
    display: inline-block;
    margin: 5px 10px 10px 0;
  }
  div.browse main .inner section .layout article .inner .body .create button,
  div.browse .public-page-panel .inner section .layout article .inner .body .create button {
    padding: 0 5px;
    border: 1px solid #32bee1;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown {
    position: absolute;
    min-width: 100%;
    width: 300px;
    max-height: 0;
    left: 0;
    top: 100%;
    margin-top: -2px;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
    white-space: pre;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li a button,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li a button {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
    background-color: transparent;
    border: none;
    color: #000000;
    text-align: left;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li:hover,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .body.full-width,
  div.browse .public-page-panel .inner section .layout article .inner .body.full-width {
    grid-column: 1/span 2;
  }
  div.browse main .inner section .layout article .inner .body.full-width .media-title,
  div.browse .public-page-panel .inner section .layout article .inner .body.full-width .media-title {
    width: calc(100% - 330px);
  }
  div.browse main .inner section .layout article .inner .foot,
  div.browse .public-page-panel .inner section .layout article .inner .foot {
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-grow: 1;
  }
  div.browse main .inner section .layout article .inner .foot .media-img,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img {
    position: relative;
    width: 300px;
    height: 200px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a img,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: 100%;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group {
    display: grid;
    grid-gap: 15px;
    grid-auto-flow: column;
    height: 100%;
    padding: 15px 15px 0 0;
    box-sizing: border-box;
    justify-content: right;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 {
    text-align: center;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small {
    font-size: 12px;
    line-height: 1.5em;
    display: block;
    font-weight: normal;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total {
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small {
    text-decoration: none !important;
    font-weight: normal;
  }
  div.browse main .inner section .layout article .inner .pinboard-group,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group {
    grid-column: 1/span 2;
    margin-top: 5px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add {
    position: relative;
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text],
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text] {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 1px dotted transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add button {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown.dropup,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu {
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox],
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox] {
    display: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin {
    display: inline-block;
    height: 15px;
    padding: 0;
    margin-right: 5px;
    font-size: 10px;
    line-height: 15px;
    border: 1px solid #969696;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin label {
    cursor: pointer;
    vertical-align: top;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .type,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .type {
    flex-shrink: 0;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .name,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .name {
    flex-grow: 1;
    margin: 0 5px 0 5px;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::before,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::after,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .outer,
  div.browse .public-page-panel .inner section .layout article .outer {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer .inner,
  div.browse .public-page-panel .inner section .layout article .outer .inner {
    display: flex;
    position: relative;
    z-index: 1;
    width: 0;
    height: calc(100% + 30px);
    margin-top: -15px;
    transition: width 0.25s;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.browse main .inner section .layout article .outer .inner form,
  div.browse .public-page-panel .inner section .layout article .outer .inner form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  div.browse main .inner section .layout article .outer .inner form button,
  div.browse .public-page-panel .inner section .layout article .outer .inner form button {
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 15px;
    border: none;
    outline: none;
    border: 1px solid #a51e41;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #a51e41;
    cursor: pointer;
    overflow: hidden;
  }
  div.browse main .inner section .layout article .outer .inner form button.cancel,
  div.browse .public-page-panel .inner section .layout article .outer .inner form button.cancel {
    border-color: #646464;
    color: #646464;
  }
  div.browse main .inner section .layout article .outer::before,
  div.browse .public-page-panel .inner section .layout article .outer::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: -15px;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer::after,
  div.browse .public-page-panel .inner section .layout article .outer::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: 100%;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer.expand .inner,
  div.browse .public-page-panel .inner section .layout article .outer.expand .inner {
    width: 120px;
  }
  div.browse main .inner section .layout article.status--1,
  div.browse .public-page-panel .inner section .layout article.status--1 {
    filter: grayscale(1);
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-0,
  div.browse .public-page-panel .inner section .layout article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-1,
  div.browse .public-page-panel .inner section .layout article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-2,
  div.browse .public-page-panel .inner section .layout article.status-2 {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout article.mobilization.status-0,
  div.browse .public-page-panel .inner section .layout article.mobilization.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout .tag-group .meta-tags,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags {
    margin-left: -2px;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a {
    display: inline-block;
    color: #0468b1;
    /*.tag {
    	border: 1px solid $c-mid-blue;
    	padding: 0 10px;
    	margin-right: 5px;
    	font-size: $t-small;
    	line-height: 1.5em;

    	label {
    		cursor: pointer;
    	}
    }*/
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a .tag {
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(12px * 1.75);
    font-size: 12px;
    line-height: 1.75em;
    color: #646464;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag label,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a .tag label {
    cursor: pointer;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a:hover,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs span,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs span {
    margin-right: 5px;
    color: #969696;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs a,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs a {
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: bold;
  }
  div.browse main .inner section .layout .engagement-group,
  div.browse .public-page-panel .inner section .layout .engagement-group {
    margin: 10px 0 0 -7px;
  }
  div.browse main .inner section .layout .engagement-group.page-stats,
  div.browse .public-page-panel .inner section .layout .engagement-group.page-stats {
    margin-top: 0;
  }
  div.browse main .inner section .layout .engagement-group .engagement,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.browse main .inner section .layout .engagement-group .engagement img,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout .engagement-group .engagement span,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement.engagement-reads,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement:disabled img,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.browse main .inner section .layout.columns,
  div.browse .public-page-panel .inner section .layout.columns {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    grid-gap: 30px 15px;
  }
  div.browse main .inner section .layout.columns article,
  div.browse .public-page-panel .inner section .layout.columns article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    vertical-align: top;
    grid-column: span 1;
    padding: 0 0 15px 0;
    border-bottom: none;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout.columns article:hover,
  div.browse .public-page-panel .inner section .layout.columns article:hover {
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout.columns article .inner,
  div.browse .public-page-panel .inner section .layout.columns article .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  div.browse main .inner section .layout.columns article .inner .head,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head {
    display: block;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group {
    text-align: left;
    margin: -1px 0 0 -1px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button {
    min-height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.accept,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.accept {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button:disabled,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: center;
    white-space: nowrap;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled),
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:first-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:last-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group:empty,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group:empty {
    margin: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img {
    position: relative;
    width: 298px;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: auto;
    min-height: 200px;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout.columns article .inner .body,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body {
    display: block;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data {
    margin: 0 0 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-date,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
    text-align: left;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1 img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse main .inner section .layout.columns article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-template {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-followup,
  div.browse main .inner section .layout.columns article .inner .body .meta-forward,
  div.browse main .inner section .layout.columns article .inner .body .meta-public,
  div.browse main .inner section .layout.columns article .inner .body .meta-copy,
  div.browse main .inner section .layout.columns article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-child {
    margin: 10px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot {
    justify-content: end;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta,
  div.browse main .inner section .layout.columns article .inner .foot .media,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta-group {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta-group .meta-stats {
    width: 25%;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text],
  div.browse .public-page-panel .inner section .layout.columns article .inner .pinboard-group .add input[type=text] {
    border-bottom-color: transparent;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus,
  div.browse .public-page-panel .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout.columns article .outer,
  div.browse .public-page-panel .inner section .layout.columns article .outer {
    top: 15px;
    height: 0;
    transition: height 0.25s;
    overflow: hidden;
    margin-top: 0;
  }
  div.browse main .inner section .layout.columns article .outer .inner,
  div.browse .public-page-panel .inner section .layout.columns article .outer .inner {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 15px 0;
  }
  div.browse main .inner section .layout.columns article .outer::before,
  div.browse .public-page-panel .inner section .layout.columns article .outer::before {
    height: 0;
    top: 0;
  }
  div.browse main .inner section .layout.columns article .outer::after,
  div.browse .public-page-panel .inner section .layout.columns article .outer::after {
    height: 0;
  }
  div.browse main .inner section .layout.columns article .outer.expand,
  div.browse .public-page-panel .inner section .layout.columns article .outer.expand {
    height: 140px;
  }
  div.browse main .inner section .layout.columns .engagement-group,
  div.browse .public-page-panel .inner section .layout.columns .engagement-group {
    /*					margin: 10px 0 0 -2px;*/
    margin: 0 0 0 -2px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns .pinboard-group,
  div.browse .public-page-panel .inner section .layout.columns .pinboard-group {
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse.slideshow {
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 30px);
  }
  div.browse.slideshow nav.tabs {
    left: calc((100vw - 930px) / 2);
  }
  div.browse.slideshow button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.browse.slideshow button.slide-nav.prev {
    left: 0;
  }
  div.browse.slideshow button.slide-nav.next {
    right: 0;
  }
  div.browse.slideshow button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse.slideshow main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.browse.slideshow main .inner {
    height: 100%;
  }
  div.browse.slideshow main .inner .blurb {
    display: none;
  }
  div.browse.slideshow main .inner section {
    height: 100%;
  }
  div.browse.slideshow main .inner section .layout {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
  }
  div.browse.slideshow main .inner section .layout article {
    position: relative;
    width: 100vw;
    height: 100vh;
    scroll-snap-align: center;
    padding: 0;
    border: none;
  }
  div.browse.slideshow main .inner section .layout article .inner {
    display: flex;
    justify-content: center;
    flex-flow: unset;
    flex-direction: column;
    flex: none;
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    padding: 0 calc((100vw - 615px) / 2) 0 calc((100vw - 615px) / 2);
  }
  div.browse.slideshow main .inner section .layout article .inner .head {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    position: relative;
    z-index: 10;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    z-index: 0;
    overflow: hidden;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
    pointer-events: none;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a img {
    display: block;
    max-width: calc(100% - 120px);
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 75vh;
    text-align: center;
    object-fit: contain;
  }
  div.browse.slideshow main .inner section .layout article .inner .body {
    position: relative;
    flex: unset;
    margin-bottom: 0;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 img {
    filter: brightness(2);
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a .read-more,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a .read-more {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs span {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags {
    margin-left: -5px;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags a .tag {
    margin: 0 5px;
    background-color: #fff;
    color: #005687;
  }
  div.browse.slideshow main .inner section .layout article .inner .foot {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered {
    justify-content: center;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered .body {
    margin-bottom: 0;
  }
  div.browse.slideshow main .inner section .layout article .outer {
    display: none;
  }
  div.browse.slideshow main .inner section .layout article::after {
    content: "";
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 120px);
    height: 100%;
    opacity: 0;
    background-color: #0468b1;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .meta-group {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .media-img {
    opacity: 0.25;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .body {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover::after {
    opacity: 0.75;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  footer {
    border: none;
  }
  /*.engagement-reads {
  	padding-left: 15px;
  	flex-grow: 1;
  }
  .engagement-reads-icon {
  	max-width: 20px;
  	height: 20px;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  .engagement-reads-count {
  	margin-left: 5px;
  	font-size: 0.9em;
  	color: $c-mid-grey;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  */
  main#mobilize-new {
    /* THIS MIMICS THE div.document IN pad.ejs  */
    display: block;
    float: left;
    width: 960px; /* THE SECOND 15*2 IS TO ACCOUNT FOR PADDING IN THE OTHER PAGES */
    padding-top: 30px;
    height: calc(100vh - 30px);
  }
  main#mobilize-new form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  main#mobilize-new form .modal {
    width: calc(100% - 120px);
    padding: 30px 60px 15px 60px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 100;
  }
  main#mobilize-new form .modal .inner {
    position: relative;
    padding: 0;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .head {
    display: flex;
    width: calc(100% + 120px);
    margin: -30px 0 15px -60px;
    font-size: 16px;
  }
  main#mobilize-new form .modal .inner .head .btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 15px 10px 0 10px;
    margin-bottom: 15px;
  }
  main#mobilize-new form .modal .inner .head .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .head .btn-group button label {
    cursor: pointer;
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group button.next {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  main#mobilize-new form .modal .inner .head .btn-group button:disabled {
    background-color: transparent;
    border-color: #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title {
    font-weight: 700;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title i {
    vertical-align: middle;
    transform: rotate(90deg);
  }
  main#mobilize-new form .modal .inner .head .btn-group .contributor-count {
    flex-grow: 1;
    text-align: center;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt {
    padding: 0 7px 0 5px;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt input {
    display: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt label {
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt:hover label {
    text-decoration: underline;
  }
  main#mobilize-new form .modal .inner .head.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .head.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body {
    position: relative;
    min-height: 65px;
  }
  main#mobilize-new form .modal .inner .body h1 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.3em;
  }
  main#mobilize-new form .modal .inner .body .input {
    position: relative;
    border-bottom: 1px solid #969696;
  }
  main#mobilize-new form .modal .inner .body .input label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body .filter {
    position: relative;
  }
  main#mobilize-new form .modal .inner .body .filter label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu {
    max-height: 300px;
    overflow: auto;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    border-top: 1px solid #969696;
    overflow: auto;
  }
  main#mobilize-new form .modal .inner .body menu li {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: space-around;
    color: #e5e5e5;
    padding: 0 20px 0 15px;
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li div {
    padding: 0 5px;
    text-align: left;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li div label {
    /* THE FOLLOWING IS TO COMPENSATE FOR var.lg.css */
    position: static;
    padding: 5px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .preview {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body menu li .preview i {
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .main label {
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li .grow {
    flex-grow: 1;
    padding: 0 10px;
    text-align: left;
    word-break: break-word;
  }
  main#mobilize-new form .modal .inner .body menu li .grow label {
    display: inline-block;
    width: 100%;
    transform: translateY(0);
  }
  main#mobilize-new form .modal .inner .body menu li .count,
  main#mobilize-new form .modal .inner .body menu li .position,
  main#mobilize-new form .modal .inner .body menu li .country {
    vertical-align: baseline;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu li .count label,
  main#mobilize-new form .modal .inner .body menu li .position label,
  main#mobilize-new form .modal .inner .body menu li .country label {
    font-size: 12px;
  }
  main#mobilize-new form .modal .inner .body menu li.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.checked {
    background-color: #32bee1;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .preview i {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked div label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .count label,
  main#mobilize-new form .modal .inner .body menu li.checked .position label,
  main#mobilize-new form .modal .inner .body menu li.checked .country label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li:not(.checked):hover {
    background-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body input[type=text] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    margin: 15px 0 0 0;
    background-color: transparent;
    font-size: 24px;
  }
  main#mobilize-new form .modal .inner .body label {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    transform: translateY(26px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label {
    position: static;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label + p {
    font-size: 14px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body input[type=text] + label {
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .body input[type=text]:focus + label,
  main#mobilize-new form .modal .inner .body input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(0px);
  }
  main#mobilize-new form .modal .inner .body input:-webkit-autofill,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:hover,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:focus,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:active {
    /*-webkit-box-shadow: 0 0 0 40px $c-mid-1 inset !important;*/
    -webkit-text-fill-color: #005687 !important;
  }
  main#mobilize-new form .modal .inner .body textarea {
    position: relative;
    display: block;
    width: 100%;
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 15px 0 15px 0;
    margin-top: 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  main#mobilize-new form .modal .inner .body textarea + label {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  main#mobilize-new form .modal .inner .body textarea:focus + label,
  main#mobilize-new form .modal .inner .body textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  main#mobilize-new form .modal .inner .body label.inline {
    position: relative;
    display: block;
    color: #969696;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body label.small {
    font-size: 12px;
    line-height: 1.5em;
  }
  main#mobilize-new form .modal .inner .body label[for=pad-limit] {
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number] {
    /*						width: calc(36px * 3);*/
    border: none;
    outline: none;
    margin: 15px 0 0 10px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5em;
    color: #005687;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number]:disabled {
    color: #969696;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .body .cron-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option {
    display: flex;
    align-items: center;
    margin: 15px 0;
  }
  main#mobilize-new form .modal .inner .body .cron-option .toggle-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option .toggle-option {
    width: 150px;
    padding: 0 30px;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date],
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]::before,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]::before {
    content: none;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]:disabled,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]:disabled {
    color: #969696;
    background-color: transparent;
    border-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body.center {
    text-align: center;
    /*margin: 30px 0 15px 0;*/
  }
  main#mobilize-new form .modal .inner .foot {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] {
    display: none;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked:not(:disabled) + label {
    border-color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:disabled + label + p {
    color: #e5e5e5 !important;
  }
  main#mobilize-new form .modal .inner .foot .contributor-count {
    margin: 15px 0;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot button {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #32bee1;
    border-radius: 0;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: none;
  }
  main#mobilize-new form .modal .inner .foot .global-opt.active button {
    border-color: #005687;
    background-color: transparent;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot.stretch {
    justify-content: space-between;
  }
  .modal.template-preview {
    align-self: flex-start;
    width: auto;
    margin: 0 auto 30px auto;
  }
  .modal.template-preview main#template {
    padding: 0;
    margin: 0 auto;
  }
  .modal.template-preview main#template .inner {
    padding: 60px;
  }
  main#mobilize-existing {
    width: 1245px;
    margin: 125px auto 0 auto;
    padding: 60px 0 0 0;
  }
  main#mobilize-existing .inner {
    position: relative;
  }
  main#mobilize-existing .inner .new {
    position: fixed;
    top: 30px;
    margin-left: -45px;
    z-index: 10000;
    text-align: center;
  }
  main#mobilize-existing .inner .new a button {
    width: 90px;
    height: 90px;
    border: none;
    outline: none;
    background-color: #f03c8c;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    transform: rotate(45deg);
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .new a button div {
    transform: rotate(-45deg);
  }
  main#mobilize-existing .inner .new a button:hover {
    background-color: #a51e41;
  }
  main#mobilize-existing .inner .overview .summary-statistics {
    width: 100%;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic {
    position: relative;
    width: 100%;
    text-align: center;
    color: #57648c;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 {
    font-size: 60px;
    line-height: 16px;
    white-space: nowrap;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 {
    font-size: 36px;
    line-height: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic:first-child {
    grid-column-start: 3;
  }
  main#mobilize-existing .inner .mobilizations-container {
    clear: both;
    position: relative;
    margin: 60px 0 60px 0;
    border-top: 1px solid #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status label {
    position: absolute;
    bottom: 100%;
    left: 0;
    white-space: nowrap;
    padding: 5px 10px;
    background-color: #57648c;
    font-size: 12px;
    /*color: #FFF;*/
  }
  main#mobilize-existing .inner .mobilizations-container .input-group {
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: -30px 0 30px 0;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button {
    border: none;
    outline: none;
    height: 45px;
    background-color: transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 30px 0 20px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button i {
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:hover {
    background-color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin-bottom: 15px;
    border-left: 1px solid #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner {
    position: relative;
    /*a {
    text-decoration: none;*/
    /*}*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body {
    display: flex;
    padding: 0 10px 10px 10px;
    /*.meta.row-1 {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	margin-top: 5px;

    	.meta-sdgs {
    		font-size: $t-small;
    		margin-top: 5px;

    		span {
    			margin-right: 3px;
    			color: $c-light-1;
    		}
    		a {
    			margin: 0 3px;
    			color: $c-mid-1;
    			font-weight: 700;
    			text-decoration: none;
    		}
    		a:hover {
    			text-decoration: underline;
    		}
    	}
    	.meta-engagement {
    		button {
    			position: relative;
    			width: 30px;
    			height: 30px;
    			border: none;
    			border-radius: 30px;
    			outline: none;
    			margin: 0 0 0 10px;
    			background-color: transparent;
    			color: $c-light-1;
    			transition: background-color .25s;

    			i {
    				font-size: $t-mid;
    				line-height: 30px;
    				font-style: normal;
    				cursor: pointer;
    			}
    		}
    		button:hover {
    			background-color: $c-light-2;
    		}
    		button.active {
    			color: $c-mid-1;
    		}
    		button::after {
    			content: attr(data-count);
    			position: absolute;
    			left: 0;
    			top: calc(100% - 7px);
    			width: 100%;
    			text-align: center;
    			font-size: $t-xsmall;
    			font-weight: 700;
    			pointer-events: none;
    		}
    	}
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head {
    flex-shrink: 0;
    width: 300px;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags {
    margin-top: 5px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #934a5f;
    border-radius: 5px;
    color: #934a5f;
    font-size: 12px;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags .tag:hover {
    background-color: #934a5f;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor {
    margin: 5px 0 10px 0;
    font-size: 12px;
    color: #c2b4d6;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor a:hover {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .media-title {
    overflow-wrap: break-word;
    margin-top: 10px;
    /*padding: 0 20px;*/
    font-size: 16px;
    line-height: 1.5em;
    color: #333d51;
    font-weight: 700;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content {
    flex-grow: 1;
    display: flex;
    position: relative;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt {
    flex-grow: 1;
    overflow-wrap: break-word;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt small {
    font-style: italic;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats {
    align-self: center;
    flex-shrink: 0;
    width: 150px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 {
    margin-top: 10px;
    text-align: center;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 small {
    font-size: 12px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a.disabled h1 {
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:hover {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover {
    /*h1 {
    	text-decoration: none;
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover small {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group {
    display: none;
    position: absolute;
    bottom: 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form {
    display: inline-block;
    margin: 10px 5px 0 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form .btn-overlay {
    padding: 5px;
    background-color: #57648c;
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover .inner .body .content .btn-group {
    display: block;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    mix-blend-mode: multiply;
    pointer-events: none;
    transition: opacity 0.25s;
    z-index: 10;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover::after {
    opacity: 1;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.unpublished .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(211, 172, 43, 0.1) 10px, rgba(211, 172, 43, 0.1) 20px);
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.publishable .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(163, 198, 196, 0.15) 10px, rgba(163, 198, 196, 0.15) 20px);
  }
  table.stats {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 60px;
    border-spacing: 0;
  }
  table.stats thead tr {
    font-size: 20px;
  }
  table.stats thead tr th {
    padding: 15px 30px;
  }
  table.stats tbody {
    color: #646464;
  }
  table.stats tbody tr.top-level td {
    cursor: pointer;
  }
  table.stats tbody tr:hover {
    background-color: rgb(239, 239, 239);
  }
  table.stats tbody tr.open {
    color: #000000;
  }
  table.stats tbody tr.open td {
    border-bottom: 1px solid #969696;
  }
  table.stats tbody tr.small {
    font-size: 14px;
  }
  table.stats tbody tr.small > td {
    padding: 5px 30px;
  }
  table.stats tbody tr.small:nth-child(even) {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.small:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(even) {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr td {
    padding: 5px 15px;
  }
  table.stats tbody tr td.center {
    text-align: center;
  }
  .org-footer {
    position: relative;
    background-color: #0468b1;
    background: linear-gradient(180deg, #005687 0%, #0468b1 30%, #e5e5e5 100%);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    z-index: 10000;
  }
  .org-footer .footer-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
  }
  .org-footer .footer-row .footer-column .footer-img {
    max-width: 100%;
    height: auto;
  }
  .org-footer .footer-row .footer-column h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 22px 0 0 0;
    text-transform: uppercase;
  }
  .org-footer .footer-row .footer-column .outer .logo {
    display: block;
    height: 125px;
    margin: 0 auto 15px auto;
  }
  .org-footer .footer-row .footer-column .outer small {
    display: block;
    font-size: 12px;
    text-align: center;
  }
  .org-footer .footer-row .footer-column .inner {
    padding: 45px 45px 0px 45px;
  }
  .org-footer .footer-row .footer-column .inner ul {
    margin: 15px 0 0 0;
    padding: 0;
  }
  .org-footer .footer-row .footer-column .inner ul li {
    font-size: 14px;
    list-style: none;
    margin-bottom: 0.5em;
  }
  .org-footer .footer-row .footer-column .inner a {
    color: #fff;
    font-weight: normal;
  }
  .org-footer .footer-row .footer-column .inner .social-media-links li {
    display: inline-block;
    font-size: 20px;
    margin: 0 10px 0 0;
    color: #fff;
  }
  .org-footer .footer-row .footer-column:not(.center) {
    flex: 1 1;
  }
  .org-footer .footer-row .footer-column.left .inner {
    padding-top: 30px;
  }
  .org-footer .footer-row .footer-column.center {
    flex: 930px 0 0;
    /*padding: 0 15px;*/
  }
  .org-footer .footer-row.signature {
    padding: 0 45px;
  }
  .org-footer .footer-row.signature .inner p {
    color: #005687;
  }
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  .document.print {
    border: none;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
  }
  .document.print article.card {
    display: inline-block;
    position: relative;
    width: 300px;
    padding: 0 15px 30px 15px;
    margin: 30px 15px;
    /*border: 1px solid $c-light-2;*/
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: top;
  }
  .document.print article.card img {
    width: 300px;
    margin-left: -15px;
  }
  .document.print article.card .meta {
    margin: 5px 0;
  }
  .document.print article.card .media-source {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    color: #969696;
    font-size: 8pt;
    line-height: 1.3em;
    background-color: #fff;
  }
  .document.print article.card .media-title {
    font-size: 18pt;
    line-height: 1.2em;
    margin: 10px 0 0 0;
    text-align: left;
  }
  .document.print article.card .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #32bee1;
  }
  .document.print article.card .meta-contributor::after {
    content: ", ";
  }
  .document.print article.card .meta-date {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #0468b1;
  }
  .document.print article.card .tag-group .meta-tags {
    margin-left: -2px;
  }
  .document.print article.card .tag-group .meta-tags .tag {
    display: inline-block;
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(9pt * 1.75);
    font-size: 9pt;
    line-height: 1.75em;
    color: #646464;
  }
  .document.print article.card .tag-group .meta-tags .tag label {
    cursor: pointer;
  }
  .document.print article.card .tag-group .meta-sdgs {
    font-size: 9pt;
    line-height: 1.5em;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg-label {
    margin-right: 5px;
    color: #969696;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg {
    display: inline-block;
    margin: 0 5px;
    font-size: 10pt;
    line-height: 1.2em;
    font-weight: bold;
    color: #32bee1;
  }
  .document.print article.card .media-txt {
    margin: 10px 0;
  }
  .document.print article.card .meta-source {
    display: block;
    font-size: 8pt;
    line-height: 1.3em;
    color: #969696;
  }
  .exploration-info p,
  .exploration-info h2 {
    padding: 5px;
  }
  div.exploration {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 2px solid #32bee1;
  }
  div.exploration input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  div.exploration label[for=exploration-main] {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    color: #969696;
    transform: translateY(16px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.exploration input[type=text]:focus + label,
  div.exploration input[type=text]:active + label,
  div.exploration input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  div.exploration input:-webkit-autofill,
  div.exploration input:-webkit-autofill:hover,
  div.exploration input:-webkit-autofill:focus,
  div.exploration input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.exploration a {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    font-size: 26px;
    float: right;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    line-height: 60px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #969696;
    cursor: pointer;
    text-decoration: none;
  }
  div.exploration a:hover {
    color: rgba(4, 104, 177, 0.75);
    text-decoration: none;
  }
  div.exploration a:active {
    color: #0468b1;
    text-decoration: none;
  }
  .exploration-article-inactive {
    filter: opacity(0.4) !important;
  }
  .exploration-btn-active {
    background-color: #32bee1 !important;
  }
  .exploration-btn-active:hover {
    background-color: rgba(4, 104, 177, 0.75) !important;
  }
  .exploration-btn-active:active {
    background-color: #0468b1 !important;
  }
  .exploration-doc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 51px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .exploration-doc * {
    font-size: 12px;
  }
  .exploration-doc button {
    display: inline-block;
    cursor: pointer;
    padding: 0.25em 10px;
    margin: 0 2px 0 0;
    border: 1px solid #32bee1;
    background-color: transparent;
  }
  .exploration-doc button:hover {
    background-color: #ddd;
  }
  .exploration-doc button:active {
    background-color: #ccc;
  }
  .exploration-doc select {
    width: 100%;
    height: 24px;
    box-sizing: border-box;
  }
  .exploration-big {
    flex-direction: row;
    justify-content: start;
    height: 26px;
    vertical-align: middle;
  }
  .exploration-big span {
    line-height: 24px;
    margin-right: 5px;
  }
  .exploration-big select {
    width: auto;
    margin-right: 5px;
  }
  .exploration-local {
    padding-left: 15px;
  }
}
/* Extra extra large devices */
@media screen and (min-width: 1920px) {
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  html,
  body {
    font-size: 16px;
    line-height: 1.3em;
  }
  .xs:not(.xl),
  .sm:not(.xl),
  .m:not(.xl),
  .lg:not(.xl),
  .xxl:not(.xl) {
    display: none !important;
  }
  .no-bg {
    background-color: transparent !important;
  }
  .add-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 20px;
    background-color: #969696;
    color: #fff;
    font-size: 20px;
    line-height: 19px;
    text-align: center;
    vertical-align: text-top;
  }
  .engagement-group {
    margin-top: 10px;
  }
  .engagement-group.page-stats {
    margin-top: 0;
  }
  .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  li.menu-container {
    min-width: 100px;
    width: auto !important;
    height: 30px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 30px;
    color: #FFF;
    text-align: left;
    margin-left: 15px;
  }
  li.menu-container .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
    background-color: white;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000000;
    text-align: start;
  }
  li.menu-container .dropdown ul li {
    display: block;
    width: 100% !important;
    min-height: 45px !important;
  }
  li.menu-container .dropdown ul li a {
    text-decoration: none;
  }
  li.menu-container .dropdown ul li a button {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    text-transform: none;
    color: #969696 !important;
    width: 100%;
    min-height: 45px;
    margin: 0;
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
  }
  li.menu-container .dropdown ul li a button:hover {
    background-color: #e5e5e5 !important;
  }
  li.menu-container:hover .dropdown-content,
  li.menu-container .dropdown-content:hover {
    display: block;
  }
  li.menu-container .hamburger-icon {
    font-size: 12px;
    cursor: pointer;
    padding-right: 20px;
  }
  nav#languages {
    position: fixed;
    display: flex;
    width: 100%;
    height: 30px;
    top: 0;
    font-size: 12px;
    background-color: #005687;
    text-align: center;
    z-index: 10000;
  }
  nav#languages menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transition: transform 0.25s;
  }
  nav#languages menu.squeeze {
    transform: scaleX(0);
  }
  nav#languages menu li {
    display: inline-block;
    width: 30px;
  }
  nav#languages menu li a {
    color: #fff;
  }
  nav#languages menu li a.active {
    color: #b4dc28;
    text-decoration: underline;
  }
  nav#languages menu li.home-btn {
    flex-grow: 1;
    padding-left: 15px;
    white-space: nowrap;
    text-align: left;
  }
  nav#languages menu li.home-btn a {
    color: #b4dc28;
  }
  nav#languages menu li.options {
    flex-grow: 1;
  }
  nav#languages menu li.options ul li {
    display: inline-block;
  }
  nav#languages menu li.disabled a {
    color: #646464;
    cursor: default;
  }
  nav#languages menu li.disabled a.active {
    text-decoration: underline;
  }
  nav#languages menu li.user-id {
    flex-grow: 1;
    padding-right: 15px;
    text-align: right;
    color: #fff;
  }
  nav#languages menu li.user-id u {
    color: #b4dc28;
  }
  button#expand-nav {
    position: fixed;
    display: block;
    top: 37.5px;
    left: 10px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #e5e5e5;
    outline: none;
    background-color: #fff;
    z-index: 100000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    cursor: pointer;
  }
  button#expand-nav .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  button#expand-nav .l1 {
    width: 20px;
    transform: translate(12px, 15px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav .l2 {
    width: 15px;
    transform: translate(14.5px, 20px) rotate(0deg);
    transform-origin: center;
  }
  button#expand-nav .l3 {
    width: 10px;
    transform: translate(17px, 25px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  button#expand-nav.close .l1 {
    width: 25px;
    transform: translate(9.5px, 20.5px) rotate(-45deg);
    transform-origin: center;
  }
  button#expand-nav.close .l2 {
    width: 0;
    transform: translate(22px, 23px) rotate(0deg);
  }
  button#expand-nav.close .l3 {
    width: 25px;
    transform: translate(9.5px, 20.5px) rotate(45deg);
    transform-origin: center;
  }
  nav.tabs,
  nav.pinboard-sections {
    width: 930px;
    height: 75px;
    margin-left: -15px;
    padding: 0 15px;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 10000;
  }
  nav.tabs .inner,
  nav.pinboard-sections .inner {
    width: 100%;
  }
  nav.tabs .inner div.lg menu,
  nav.tabs .inner div.lg ul,
  nav.pinboard-sections .inner div.lg menu,
  nav.pinboard-sections .inner div.lg ul {
    display: flex;
    width: 100%;
    padding-bottom: 15px;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  nav.tabs .inner div.lg menu li,
  nav.tabs .inner div.lg ul li,
  nav.pinboard-sections .inner div.lg menu li,
  nav.pinboard-sections .inner div.lg ul li {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 30px 0 0 0;
    scroll-snap-align: start;
  }
  nav.tabs .inner div.lg menu li a,
  nav.tabs .inner div.lg ul li a,
  nav.pinboard-sections .inner div.lg menu li a,
  nav.pinboard-sections .inner div.lg ul li a {
    display: block;
  }
  nav.tabs .inner div.lg menu li button,
  nav.tabs .inner div.lg ul li button,
  nav.pinboard-sections .inner div.lg menu li button,
  nav.pinboard-sections .inner div.lg ul li button {
    position: relative;
    height: 45px;
    padding: 7px 10px 0 10px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #969696;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
  }
  nav.tabs .inner div.lg menu li button.add,
  nav.tabs .inner div.lg ul li button.add,
  nav.pinboard-sections .inner div.lg menu li button.add,
  nav.pinboard-sections .inner div.lg ul li button.add {
    display: none;
    width: 30px;
    height: 30px;
    margin: 7px 5px 0 -5px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  nav.tabs .inner div.lg menu li button div,
  nav.tabs .inner div.lg ul li button div,
  nav.pinboard-sections .inner div.lg menu li button div,
  nav.pinboard-sections .inner div.lg ul li button div {
    display: inline-block;
    outline: none;
  }
  nav.tabs .inner div.lg menu li button .count,
  nav.tabs .inner div.lg ul li button .count,
  nav.pinboard-sections .inner div.lg menu li button .count,
  nav.pinboard-sections .inner div.lg ul li button .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li button .count::before,
  nav.tabs .inner div.lg ul li button .count::before,
  nav.pinboard-sections .inner div.lg menu li button .count::before,
  nav.pinboard-sections .inner div.lg ul li button .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner div.lg menu li button::after,
  nav.tabs .inner div.lg ul li button::after,
  nav.pinboard-sections .inner div.lg menu li button::after,
  nav.pinboard-sections .inner div.lg ul li button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e5e5e5;
    transform: translateY(3px);
    transition: transform 0.15s;
  }
  nav.tabs .inner div.lg menu li .inner,
  nav.tabs .inner div.lg ul li .inner,
  nav.pinboard-sections .inner div.lg menu li .inner,
  nav.pinboard-sections .inner div.lg ul li .inner {
    position: relative;
  }
  nav.tabs .inner div.lg menu li .inner input[type=text],
  nav.tabs .inner div.lg ul li .inner input[type=text],
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text],
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text] {
    position: relative;
    min-width: 100px;
    height: 38px;
    padding: 4.5px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    color: #005687;
  }
  nav.tabs .inner div.lg menu li .inner label,
  nav.tabs .inner div.lg ul li .inner label,
  nav.pinboard-sections .inner div.lg menu li .inner label,
  nav.pinboard-sections .inner div.lg ul li .inner label {
    position: absolute;
    left: 15px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  nav.tabs .inner div.lg menu li .inner label .count,
  nav.tabs .inner div.lg ul li .inner label .count,
  nav.pinboard-sections .inner div.lg menu li .inner label .count,
  nav.pinboard-sections .inner div.lg ul li .inner label .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li .inner label .count::before,
  nav.tabs .inner div.lg ul li .inner label .count::before,
  nav.pinboard-sections .inner div.lg menu li .inner label .count::before,
  nav.pinboard-sections .inner div.lg ul li .inner label .count::before {
    content: "";
    position: absolute;
    vertical-align: middle;
    height: 20px;
    width: 0;
    left: -10px;
    top: 0;
    border-left: 1px dotted #969696;
  }
  nav.tabs .inner div.lg menu li .inner label::after,
  nav.tabs .inner div.lg ul li .inner label::after,
  nav.pinboard-sections .inner div.lg menu li .inner label::after,
  nav.pinboard-sections .inner div.lg ul li .inner label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  nav.tabs .inner div.lg menu li .inner input[type=text] + label,
  nav.tabs .inner div.lg ul li .inner input[type=text] + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text] + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text] + label {
    width: calc(100% - 50px);
    pointer-events: none;
    white-space: nowrap;
  }
  nav.tabs .inner div.lg menu li .inner input[type=text]:focus + label,
  nav.tabs .inner div.lg menu li .inner input[type=text].has-value + label,
  nav.tabs .inner div.lg ul li .inner input[type=text]:focus + label,
  nav.tabs .inner div.lg ul li .inner input[type=text].has-value + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text]:focus + label,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text].has-value + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text]:focus + label,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs .inner div.lg menu li .inner input[type=text]:focus + label::after,
  nav.tabs .inner div.lg menu li .inner input[type=text].has-value + label::after,
  nav.tabs .inner div.lg ul li .inner input[type=text]:focus + label::after,
  nav.tabs .inner div.lg ul li .inner input[type=text].has-value + label::after,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text]:focus + label::after,
  nav.pinboard-sections .inner div.lg menu li .inner input[type=text].has-value + label::after,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text]:focus + label::after,
  nav.pinboard-sections .inner div.lg ul li .inner input[type=text].has-value + label::after {
    top: 2px;
  }
  nav.tabs .inner div.lg menu li .dropdown,
  nav.tabs .inner div.lg ul li .dropdown,
  nav.pinboard-sections .inner div.lg menu li .dropdown,
  nav.pinboard-sections .inner div.lg ul li .dropdown {
    position: absolute;
    max-height: 0;
    max-width: 300px;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    border-top: 1px solid #005687;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs .inner div.lg menu li .dropdown menu,
  nav.tabs .inner div.lg ul li .dropdown menu,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu {
    display: block;
    width: 100%;
    padding-bottom: 0;
    scroll-snap-type: y mandatory;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li,
  nav.tabs .inner div.lg ul li .dropdown menu li,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li a,
  nav.tabs .inner div.lg ul li .dropdown menu li a,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li a,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li a {
    display: block;
    position: static;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
    text-align: left;
    /*white-space: nowrap;*/
  }
  nav.tabs .inner div.lg menu li .dropdown menu li a .count,
  nav.tabs .inner div.lg ul li .dropdown menu li a .count,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li a .count,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li a .count {
    float: right;
    text-align: right;
    color: #969696;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li.highlight,
  nav.tabs .inner div.lg ul li .dropdown menu li.highlight,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li.highlight,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li.highlight {
    background-color: #32bee1;
    color: #000000;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li.highlight a .count,
  nav.tabs .inner div.lg ul li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li.highlight a .count,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li.highlight a .count {
    color: #fff;
  }
  nav.tabs .inner div.lg menu li .dropdown menu li:hover,
  nav.tabs .inner div.lg ul li .dropdown menu li:hover,
  nav.pinboard-sections .inner div.lg menu li .dropdown menu li:hover,
  nav.pinboard-sections .inner div.lg ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs .inner div.lg menu li:hover button::after,
  nav.tabs .inner div.lg menu li.active button::after,
  nav.tabs .inner div.lg ul li:hover button::after,
  nav.tabs .inner div.lg ul li.active button::after,
  nav.pinboard-sections .inner div.lg menu li:hover button::after,
  nav.pinboard-sections .inner div.lg menu li.active button::after,
  nav.pinboard-sections .inner div.lg ul li:hover button::after,
  nav.pinboard-sections .inner div.lg ul li.active button::after {
    transform: translateY(0);
  }
  nav.tabs .inner div.lg menu li:hover input[type=text],
  nav.tabs .inner div.lg menu li.active input[type=text],
  nav.tabs .inner div.lg ul li:hover input[type=text],
  nav.tabs .inner div.lg ul li.active input[type=text],
  nav.pinboard-sections .inner div.lg menu li:hover input[type=text],
  nav.pinboard-sections .inner div.lg menu li.active input[type=text],
  nav.pinboard-sections .inner div.lg ul li:hover input[type=text],
  nav.pinboard-sections .inner div.lg ul li.active input[type=text] {
    border-color: #e5e5e5;
  }
  nav.tabs .inner div.lg menu li.active button,
  nav.tabs .inner div.lg ul li.active button,
  nav.pinboard-sections .inner div.lg menu li.active button,
  nav.pinboard-sections .inner div.lg ul li.active button {
    font-weight: bold;
    color: #005687;
  }
  nav.tabs .inner div.lg menu li.active button .count,
  nav.tabs .inner div.lg ul li.active button .count,
  nav.pinboard-sections .inner div.lg menu li.active button .count,
  nav.pinboard-sections .inner div.lg ul li.active button .count {
    font-weight: normal;
  }
  nav.tabs .inner div.lg menu li.active button::after,
  nav.tabs .inner div.lg ul li.active button::after,
  nav.pinboard-sections .inner div.lg menu li.active button::after,
  nav.pinboard-sections .inner div.lg ul li.active button::after {
    background-color: #005687;
  }
  nav.tabs .inner div.lg menu li.active input[type=text],
  nav.tabs .inner div.lg ul li.active input[type=text],
  nav.pinboard-sections .inner div.lg menu li.active input[type=text],
  nav.pinboard-sections .inner div.lg ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs .inner div.lg menu li.editing,
  nav.tabs .inner div.lg ul li.editing,
  nav.pinboard-sections .inner div.lg menu li.editing,
  nav.pinboard-sections .inner div.lg ul li.editing {
    background-color: #e5e5e5;
  }
  nav.tabs .inner div.lg menu li.editing a,
  nav.tabs .inner div.lg ul li.editing a,
  nav.pinboard-sections .inner div.lg menu li.editing a,
  nav.pinboard-sections .inner div.lg ul li.editing a {
    cursor: default;
  }
  nav.tabs .inner div.lg menu li.editing button,
  nav.tabs .inner div.lg ul li.editing button,
  nav.pinboard-sections .inner div.lg menu li.editing button,
  nav.pinboard-sections .inner div.lg ul li.editing button {
    color: #005687 !important;
  }
  nav.tabs .inner div.lg menu li.editing button.add,
  nav.tabs .inner div.lg ul li.editing button.add,
  nav.pinboard-sections .inner div.lg menu li.editing button.add,
  nav.pinboard-sections .inner div.lg ul li.editing button.add {
    display: inline-block;
  }
  nav.tabs {
    position: fixed;
    top: 30px;
  }
  nav.pinboard-sections {
    margin-bottom: 30px;
  }
  nav.pinboard-sections .inner div.xl menu li {
    display: flex;
    align-items: center;
  }
  nav.pinboard-sections .inner div.xl menu li.editing button .section-title {
    cursor: text;
  }
  nav.pinboard-sections .inner div.xl menu li div,
  nav.pinboard-sections .inner div.xl menu li a {
    display: inline-block;
  }
  nav.pinboard-sections .inner div.xl menu li i.material-icons {
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
  }
  nav.pinboard-sections + .description {
    margin: 45px 0 55px 0 !important;
  }
  /* THE FOLLOWING IS THE SAME AS THE nav.tabs IN _navigate.m */
  nav.tabs.fill-screen {
    position: fixed;
    top: 30px;
    width: 100%;
    height: 60px;
    left: 0;
    margin-left: 0;
    border-bottom: 1px solid #005687;
    background-color: #fff;
    z-index: 100;
  }
  nav.tabs.fill-screen .inner {
    width: 100%;
  }
  nav.tabs.fill-screen .inner div.m menu,
  nav.tabs.fill-screen .inner div.m ul {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 15px;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  nav.tabs.fill-screen .inner div.m menu li,
  nav.tabs.fill-screen .inner div.m ul li {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 0;
    scroll-snap-align: start;
  }
  nav.tabs.fill-screen .inner div.m menu li a,
  nav.tabs.fill-screen .inner div.m ul li a {
    display: block;
  }
  nav.tabs.fill-screen .inner div.m menu li button,
  nav.tabs.fill-screen .inner div.m ul li button {
    position: relative;
    height: 45px;
    padding: 7px 10px 0 10px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #969696;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
  }
  nav.tabs.fill-screen .inner div.m menu li button .count,
  nav.tabs.fill-screen .inner div.m ul li button .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li button .count::before,
  nav.tabs.fill-screen .inner div.m ul li button .count::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    left: -10px;
    top: -2px;
    border-left: 1px dotted #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li button::after,
  nav.tabs.fill-screen .inner div.m ul li button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e5e5e5;
    transform: translateY(3px);
    transition: transform 0.15s;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner,
  nav.tabs.fill-screen .inner div.m ul li .inner {
    position: relative;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text],
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text] {
    position: relative;
    min-width: 100px;
    height: 38px;
    padding: 4.5px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label,
  nav.tabs.fill-screen .inner div.m ul li .inner label {
    position: absolute;
    left: 15px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label .count,
  nav.tabs.fill-screen .inner div.m ul li .inner label .count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 15px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label .count::before,
  nav.tabs.fill-screen .inner div.m ul li .inner label .count::before {
    content: "";
    position: absolute;
    vertical-align: middle;
    height: 20px;
    width: 0;
    left: -10px;
    top: 0;
    border-left: 1px dotted #969696;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text] + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text] + label {
    width: calc(100% - 50px);
    pointer-events: none;
    white-space: nowrap;
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text]:focus + label,
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text].has-value + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text]:focus + label,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-5px);
  }
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text]:focus + label::after,
  nav.tabs.fill-screen .inner div.m menu li .inner input[type=text].has-value + label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text]:focus + label::after,
  nav.tabs.fill-screen .inner div.m ul li .inner input[type=text].has-value + label::after {
    top: 2px;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown,
  nav.tabs.fill-screen .inner div.m ul li .dropdown {
    position: absolute;
    max-height: 0;
    max-width: 300px;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    border-top: 1px solid #005687;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu {
    display: block;
    width: 100%;
    padding-bottom: 0;
    scroll-snap-type: y mandatory;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li a,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li a {
    display: block;
    position: static;
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
    text-align: left;
    /*white-space: nowrap;*/
  }
  nav.tabs.fill-screen .inner div.m menu li .dropdown menu li:hover,
  nav.tabs.fill-screen .inner div.m ul li .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  nav.tabs.fill-screen .inner div.m menu li:hover button::after,
  nav.tabs.fill-screen .inner div.m menu li.active button::after,
  nav.tabs.fill-screen .inner div.m ul li:hover button::after,
  nav.tabs.fill-screen .inner div.m ul li.active button::after {
    transform: translateY(0);
  }
  nav.tabs.fill-screen .inner div.m menu li:hover input[type=text],
  nav.tabs.fill-screen .inner div.m menu li.active input[type=text],
  nav.tabs.fill-screen .inner div.m ul li:hover input[type=text],
  nav.tabs.fill-screen .inner div.m ul li.active input[type=text] {
    border-color: #e5e5e5;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button,
  nav.tabs.fill-screen .inner div.m ul li.active button {
    font-weight: bold;
    color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button .count,
  nav.tabs.fill-screen .inner div.m ul li.active button .count {
    font-weight: normal;
  }
  nav.tabs.fill-screen .inner div.m menu li.active button::after,
  nav.tabs.fill-screen .inner div.m ul li.active button::after {
    background-color: #005687;
  }
  nav.tabs.fill-screen .inner div.m menu li.active input[type=text],
  nav.tabs.fill-screen .inner div.m ul li.active input[type=text] {
    border-color: #005687;
  }
  nav.tabs.fill-screen .inner .btn-group {
    float: right;
  }
  nav.tabs.fill-screen .inner .btn-group a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 0;
    border-radius: 30px;
    border: 1px solid #969696;
    text-align: center;
  }
  nav.tabs.fill-screen .inner .btn-group a i {
    line-height: 30px;
    font-size: 16px;
    color: #969696;
  }
  nav.tabs.fill-screen .inner .btn-group a.active {
    background-color: #005687;
    border-color: #005687;
  }
  nav.tabs.fill-screen .inner .btn-group a.active i {
    color: #fff;
  }
  header {
    display: block;
    flex: 1 1;
    pointer-events: none;
  }
  header.folded {
    /* LEFT COlUMN IN MAP VIEW */
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 33vw;
    min-height: 100vh;
    background-color: #fff;
    z-index: 1000;
    transform: translateX(calc(-100% - 10px));
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s ease-out;
  }
  header.open {
    transform: translateX(0);
  }
  header .inner {
    position: sticky;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    /* width: calc((100vw - (300px * 3 + 15px * 4)) / 2); */
    top: 0;
    z-index: 9999;
  }
  header .inner nav#site-title {
    display: block;
    margin-top: 30px;
    pointer-events: all;
  }
  header .inner nav#site-title .inner {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    width: 100%;
    height: auto;
  }
  header .inner nav#site-title .inner .logo-container {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
  }
  header .inner nav#site-title .inner .logo-container img.logo {
    height: 125px;
  }
  header .inner nav#site-title .inner .logo-container .filler {
    flex: 60px 0 1;
  }
  header .inner nav#site-title .inner .create,
  header .inner nav#site-title .inner .save {
    position: relative;
    margin-top: 31px;
  }
  header .inner nav#site-title .inner .create button,
  header .inner nav#site-title .inner .save button {
    /* width: 100px;*/
    min-height: 45px;
    margin: 0;
    padding: 0 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown,
  header .inner nav#site-title .inner .save .dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #005687;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  header .inner nav#site-title .inner .create .dropdown ul,
  header .inner nav#site-title .inner .save .dropdown ul {
    width: 100%;
    /*li.status-2 {
    	button {
    		background: repeating-linear-gradient(
    			-45deg,
    			transparent,
    			transparent 3px,
    			rgba(150, 150, 150, .1) 3px,
    			rgba(150, 150, 150, .1) 6px
    		);
    	}
    }*/
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter,
  header .inner nav#site-title .inner .save .dropdown ul li.filter {
    position: fixed;
    height: 45px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text],
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter label::after,
  header .inner nav#site-title .inner .save .dropdown ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text] + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .create .dropdown ul li.filter input[type=text].has-value + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text]:focus + label,
  header .inner nav#site-title .inner .save .dropdown ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.padding,
  header .inner nav#site-title .inner .save .dropdown ul li.padding {
    width: 100%;
    height: 45px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li,
  header .inner nav#site-title .inner .save .dropdown ul li {
    position: relative;
    max-width: 300px;
    width: 300px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li img,
  header .inner nav#site-title .inner .save .dropdown ul li img {
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button,
  header .inner nav#site-title .inner .save .dropdown ul li button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0;
    padding-right: 15px;
    background-color: transparent;
    border: none;
    text-align: left;
    /* white-space: nowrap; */
    cursor: pointer;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button label,
  header .inner nav#site-title .inner .save .dropdown ul li button label {
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button .expandable,
  header .inner nav#site-title .inner .save .dropdown ul li button .expandable {
    margin-left: auto;
    /* padding-left: 45px;*/
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li button:hover {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 300px;
    white-space: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li button.wrapable .sub,
  header .inner nav#site-title .inner .save .dropdown ul li button.wrapable .sub {
    font-size: 12px;
    color: #969696;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a button,
  header .inner nav#site-title .inner .create .dropdown ul li a button:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a button,
  header .inner nav#site-title .inner .save .dropdown ul li a button:hover {
    color: #000000;
  }
  header .inner nav#site-title .inner .create .dropdown ul li a:hover,
  header .inner nav#site-title .inner .save .dropdown ul li a:hover {
    text-decoration: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form,
  header .inner nav#site-title .inner .save .dropdown ul li form {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 45px);
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 15px 0 30px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file],
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] {
    display: none;
  }
  header .inner nav#site-title .inner .create .dropdown ul li form input[type=file] + label,
  header .inner nav#site-title .inner .save .dropdown ul li form input[type=file] + label {
    display: block;
    flex-grow: 1;
    color: #000000;
    cursor: inherit;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown {
    display: none;
    margin-top: -2px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf {
    overflow: auto;
    max-height: 300px;
  }
  header .inner nav#site-title .inner .create .dropdown ul li .dropdown.leaf button,
  header .inner nav#site-title .inner .save .dropdown ul li .dropdown.leaf button {
    font-size: 14px;
    line-height: 1.5em;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.open > .dropdown,
  header .inner nav#site-title .inner .save .dropdown ul li.open > .dropdown {
    display: block;
    min-height: 45px;
    width: 100%;
  }
  header .inner nav#site-title .inner .create .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .create .dropdown ul li.open > button,
  header .inner nav#site-title .inner .create .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .create .dropdown ul li.open > form,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > button,
  header .inner nav#site-title .inner .save .dropdown ul li.open > button,
  header .inner nav#site-title .inner .save .dropdown ul li:hover > form,
  header .inner nav#site-title .inner .save .dropdown ul li.open > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-0 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-0 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create .dropdown ul li.status-1 button,
  header .inner nav#site-title .inner .save .dropdown ul li.status-1 button {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  header .inner nav#site-title .inner .create:hover button,
  header .inner nav#site-title .inner .create.open button {
    background-color: #005687;
    color: #fff;
  }
  header .inner nav#site-title .inner .create:hover .dropdown,
  header .inner nav#site-title .inner .create.open .dropdown {
    display: block;
  }
  header .inner nav#site-title .inner .create:not(.open) {
    /*li {
    	.dropdown {
    		ul {
    			li:hover {
    				.dropdown {
    					display: block;
    				}
    			}
    		}
    	}
    }*/
  }
  header .inner nav#site-title .inner .create:not(.open) li:hover > .dropdown {
    display: block;
  }
  header .inner nav#site-title .inner .create:not(.open) li:hover > button,
  header .inner nav#site-title .inner .create:not(.open) li:hover > form {
    background-color: #e5e5e5 !important;
  }
  header .inner nav#site-title .inner h1 {
    margin-top: 15px;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 10px;
    /*small {
    	display: block;
    	font-size: $t-mid;
    	line-height: 1.2em;
    	margin-bottom: 5px;
    }*/
  }
  header .inner nav#site-title .inner h2 {
    margin: 5px 0;
    font-weight: 300;
    color: #b4dc28;
    font-size: 16px;
  }
  header .inner nav#site-title .inner .search {
    margin-top: 15px;
  }
  header .inner nav#site-title .inner .search button {
    border: none;
    outline: none;
    background-color: transparent;
  }
  header .inner nav#site-title .inner .search button img {
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  header .inner nav#site-title .inner .save button {
    background-color: #32bee1;
    padding: 0 15px;
    border-color: #32bee1;
    color: #fff;
  }
  header .inner nav#site-title .inner .save.saved button {
    background-color: #0468b1;
    border-color: #0468b1;
    color: #fff;
  }
  header .inner nav#modules {
    margin-bottom: 120px;
    pointer-events: all;
  }
  header .inner nav#modules menu {
    list-style: none;
  }
  header .inner nav#modules menu li {
    position: relative;
    text-align: center;
  }
  header .inner nav#modules menu li.label {
    font-size: 14px;
    color: #969696;
  }
  header .inner nav#modules menu li a {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: auto;
    padding: 15px 0;
    color: #969696;
  }
  header .inner nav#modules menu li a:hover {
    text-decoration: none;
  }
  header .inner nav#modules menu li.active a {
    font-weight: bold;
    color: #005687;
  }
  header .inner nav#modules menu li:nth-child(n+3)::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 0px;
    left: calc(50% - 50px);
    border-top: 1px dotted #969696;
  }
  header .inner nav.pagination {
    margin-bottom: 60px;
    width: 100%;
    pointer-events: all;
  }
  header .inner nav.pagination .inner {
    display: initial;
    position: static;
  }
  header .inner nav.pagination .inner ul {
    text-align: center;
  }
  header .inner nav.pagination .inner ul li {
    display: inline-block;
    margin: 0 5px;
  }
  header .inner nav.pagination .inner ul li a {
    cursor: pointer;
  }
  header .inner nav.pagination .inner ul li a.page-link.active {
    font-weight: 700;
    text-decoration: underline;
  }
  header .inner nav.pagination .inner ul li.disabled {
    color: #969696;
  }
  header .inner nav.pagination .inner ul.padded {
    padding: 0 45px;
  }
  header .inner nav.pagination img {
    width: 180px;
    height: auto;
  }
  .sidebar {
    display: block;
    top: 0;
  }
  .sidebar > .inner {
    position: sticky;
    top: 0px;
    height: 100vh;
  }
  .sidebar > .inner #statistics {
    display: grid;
    padding: 45px 45px 0 15px;
  }
  .sidebar > .inner #statistics .stat-group {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    padding: 15px 0;
  }
  .sidebar > .inner #statistics .stat-group:first-child .statistic {
    grid-column: 1/span 2;
  }
  .sidebar > .inner #statistics .stat-group .statistic {
    text-align: center;
  }
  .sidebar > .inner #statistics .stat-group .statistic h1 {
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  .sidebar > .inner #statistics .stat-group .statistic h2 {
    font-size: 24px;
    line-height: 1.2em;
  }
  .sidebar > .inner #statistics .stat-group .statistic small {
    font-size: 12px;
    line-height: 1.2em;
    color: #969696;
  }
  .sidebar > .inner #filters {
    overflow: auto;
  }
  .sidebar > .inner #filters .inner {
    padding: 30px;
  }
  .sidebar > .inner #filters .inner p {
    padding: 10px 0 5px 0;
    font-size: 16px;
    font-style: italic;
    color: #969696;
  }
  .sidebar > .inner #filters .inner .active-filters {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .sidebar > .inner #filters .inner .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .sidebar > .inner #filters .inner .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .type {
    font-size: 10px;
    padding-right: 5px;
    margin: 0 0 0 5px;
    border-right: 1px dotted #969696;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    float: none;
    transform: none;
    padding: 0;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .sidebar > .inner #filters .inner .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  .veil {
    position: fixed;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .veil nav.browse-filters {
    position: relative;
    /*width: 475px;*/
    width: 400px;
    /*width: calc(150px * 3 + 15px * 2 + 60px);*/
    margin: 60px auto 125px auto;
    background-color: #fff;
    border: 1px solid #005687;
    border-top-width: 5px;
    transition: transform 0.5s;
  }
  .veil nav.browse-filters .handle {
    position: absolute;
    bottom: 100%;
    right: -1px;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
    cursor: e-resize;
  }
  .veil nav.browse-filters .handle button.close {
    height: 30px;
    border: none;
    outline: none;
    padding: 0 15px;
    background-color: #005687;
    color: #fff;
  }
  .veil nav.browse-filters .handle button.close label {
    cursor: pointer;
  }
  .veil nav.browse-filters .handle button.close label span {
    margin-left: 15px;
  }
  .veil nav.browse-filters form .query {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #32bee1;
  }
  .veil nav.browse-filters form .query input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 30px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  .veil nav.browse-filters form .query label[for=search-field] {
    position: absolute;
    top: 5px;
    left: 30px;
    font-size: 16px;
    color: #32bee1;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  .veil nav.browse-filters form .query input[type=text]:focus + label,
  .veil nav.browse-filters form .query input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  .veil nav.browse-filters form .query input:-webkit-autofill,
  .veil nav.browse-filters form .query input:-webkit-autofill:hover,
  .veil nav.browse-filters form .query input:-webkit-autofill:focus,
  .veil nav.browse-filters form .query input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  .veil nav.browse-filters form .query button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters p {
    margin: 15px 30px 0px 30px;
    font-size: 16px;
    font-style: italic;
  }
  .veil nav.browse-filters form .filters .meta-filters,
  .veil nav.browse-filters form .filters .content-filters {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 15px;
    /*.filter:nth-child(2n) {
    	margin-left: 0;
    	.dropdown {
    		left: -215px;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters,
  .veil nav.browse-filters form .filters .content-filters .active-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    padding: 0 10px;
    /*margin-bottom: 5px;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #969696;
    padding: 0 0 0 5px;
    margin: 5px;
    background-color: #fff;
    font-size: 10px;
    color: #969696;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag label,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .type,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .type {
    flex-shrink: 0;
    /*font-size: $t-xsmall;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .name,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: bold;
  }
  .veil nav.browse-filters form .filters .meta-filters .active-filters .tag .close,
  .veil nav.browse-filters form .filters .content-filters .active-filters .tag .close {
    flex-shrink: 0;
    width: 30px;
    padding: 5px 0;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter,
  .veil nav.browse-filters form .filters .content-filters .filter {
    position: relative;
    /*flex-grow: 1;*/
    width: 100%;
    /*width: 200px;*/
    margin: 5px 15px;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button,
  .veil nav.browse-filters form .filters .content-filters .filter button {
    height: 30px;
    width: 100%;
    padding: 0 30px;
    border: 1px solid #0468b1;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
    color: #0468b1;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter button label.count {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #0468b1;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown {
    display: none;
    position: absolute;
    /*top: calc(100% - 1px);*/
    top: 100%;
    left: 0;
    /*width: calc(415px - 2px);*/
    width: 338px;
    max-height: 300px;
    background-color: #fff;
    border: 1px solid #32bee1;
    border-top: none;
    /*border-top-width: 5px;*/
    z-index: 1000;
    overflow: auto;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul {
    width: 100%;
    /*padding-bottom: 5px;*/
    /*li.not-hovered > button {
    	background-color: $c-light-grey !important;
    }
    li.not-hovered > a {
    	button {
    		background-color: $c-light-grey !important;
    	}
    }*/
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li input[type=checkbox],
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li input[type=checkbox] {
    display: none;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label {
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    color: #000000;
    width: 90%;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li label.count,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li label.count {
    font-size: 12px;
    color: #0468b1;
    width: 10%;
    text-align: right;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li:hover,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li:hover {
    background-color: #e5e5e5;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active {
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter .dropdown ul li.active label,
  .veil nav.browse-filters form .filters .content-filters .filter .dropdown ul li.active label {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter:not(.expand):hover button,
  .veil nav.browse-filters form .filters .content-filters .filter:not(.expand):hover button {
    background-color: #32bee1;
    border: 1px solid #32bee1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button {
    background-color: #0468b1;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand button label.count,
  .veil nav.browse-filters form .filters .content-filters .filter.expand button label.count {
    background-color: #fff;
    font-weight: bold;
    color: #0468b1;
  }
  .veil nav.browse-filters form .filters .meta-filters .filter.expand .dropdown,
  .veil nav.browse-filters form .filters .content-filters .filter.expand .dropdown {
    display: block;
  }
  .veil nav.browse-filters form .filters .meta-filters .title h1,
  .veil nav.browse-filters form .filters .content-filters .title h1 {
    font-size: 16px;
    font-style: italic;
    color: #b4dc28;
    /*text-decoration: underline;*/
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active,
  .veil nav.browse-filters form .filters .content-filters .title .active {
    margin-bottom: 10px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    text-decoration: none;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #333d51;
    border-radius: 5px;
    font-size: 12px;
    color: #333d51;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag label,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag label {
    cursor: pointer;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag i,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag i {
    vertical-align: middle;
    font-size: 16px;
    margin-left: 5px;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag a {
    color: #333d51;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover {
    background-color: #333d51;
    color: #fff;
  }
  .veil nav.browse-filters form .filters .meta-filters .title .active .tag:hover a,
  .veil nav.browse-filters form .filters .content-filters .title .active .tag:hover a {
    color: #fff;
  }
  .veil nav.browse-filters form .filters .separator {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .veil nav.browse-filters form .filters .separator span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    font-size: 12px;
    color: #32bee1;
    z-index: 100;
  }
  .veil nav.browse-filters form .filters .separator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #32bee1;
  }
  .veil nav.browse-filters form .submission {
    width: calc(100% - 55px);
    padding: 5px 25px 30px 30px;
    text-align: right;
  }
  .veil nav.browse-filters form .submission button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    margin-right: 5px;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    cursor: pointer;
  }
  .veil nav.browse-filters form .submission button.search {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .veil nav#filter.open {
    transform: translateX(0);
  }
  .veil nav#filter.open .handle {
    cursor: w-resize;
  }
  .veil nav#filter.open .handle div {
    cursor: w-resize;
  }
  /* LEAFLET ADJUSTMENTS */
  /* =================== */
  /* BASE MAP: THIS IS THE BASE FOR THE browse ACTIVITY */
  .map-container {
    width: calc(100% + 30px);
    margin: 15px 0 0 -15px;
    z-index: 1;
    position: relative;
  }
  .map-container #map {
    min-height: 50vh;
    background-color: #e5e5e5;
  }
  .map-container .btn-group.map-scale {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 30px;
  }
  .map-container .btn-group.map-scale a {
    float: left;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    background-color: #e5e5e5;
    font-size: 12px;
    color: #005687;
    cursor: pointer;
  }
  .map-container .btn-group.map-scale a.active {
    background-color: #0468b1;
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
  }
  .map-container .btn-group.map-scale {
    /*top: 30px;*/
    right: 30px;
    left: auto;
  }
  .map-container .btn-group.map-scale a {
    padding: 0 8px 2px 8px;
    background-color: #005687;
    color: #fff;
  }
  .map-container .btn-group.map-scale a input[type=checkbox] {
    display: none;
  }
  .map-container .btn-group.map-scale a i {
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
  }
  .map-container.full-screen {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px - 45px - 135px);
    margin: 0;
  }
  .map-container.full-screen #map {
    height: 100%;
  }
  /* POPUPS */
  .leaflet-popup {
    z-index: 10000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
    font-family: "Overpass", Helvetica, Arial, sans-serif;
    color: #005687;
    padding: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 300px !important;
    max-height: 400px;
    margin: 0;
    /*      padding-top: 20px;*/
    overflow: auto;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn {
    width: 100%;
    min-height: 45px;
    padding: 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .rm-btn:hover {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
    padding-bottom: 75px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article {
    position: relative;
    width: 100%;
    min-width: 300px;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    scroll-snap-align: center;
    padding-top: 0 !important;
    border-radius: 0;
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    border: none;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .media-img {
    width: 300px;
    margin-bottom: 0;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .head .btn-group {
    margin: 10px 0 15px 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body {
    display: block;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body a {
    color: #32bee1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title {
    width: 100%;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-title a {
    text-decoration: none;
    color: #005687;
    font-weight: 700;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt {
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .body .media-txt a {
    color: #000000;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article .inner .foot {
    padding: 0 15px 30px 15px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns article:hover {
    background-color: transparent;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    border-top: 1px dotted #969696;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel {
    position: relative;
    margin-bottom: 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots {
    width: calc(100% - 60px);
    padding: 0 30px;
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 2.5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination .caroussel .dots .dot.highlight {
    background-color: #0468b1;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul {
    text-align: center;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li {
    display: inline-block;
    margin: 0 5px;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a {
    color: #32bee1;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
  }
  .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .container .layout.columns nav.pagination ul li a.active {
    font-weight: 700;
    text-decoration: underline;
  }
  .leaflet-container a.leaflet-popup-close-button {
    width: calc(100% - 10px);
    height: 25px !important;
    width: 25px !important;
    top: 0;
    padding: 0 !important;
    margin: 10px 10px 0 0 !important;
    background-color: #005687;
    text-align: right;
    line-height: 20px;
    color: #646464 !important;
    display: block;
    font-size: 0 !important;
  }
  .leaflet-container a.leaflet-popup-close-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(-45deg);
    transform-origin: center;
  }
  .leaflet-container a.leaflet-popup-close-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #646464;
    width: 25px;
    transform: translateY(12.5px) rotate(45deg);
    transform-origin: center;
  }
  /* PINS */
  .single-pin {
    outline: none;
  }
  .single-pin i {
    position: absolute;
    left: -125%;
    top: -50%;
    font-size: 2rem;
    color: #005687;
  }
  .single-pin.selected i {
    color: orange;
  }
  .cluster-pin {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border: 5px solid #005687;
    background-color: #005687;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.75;
  }
  .cluster-pin.selected {
    background-color: #0468b1;
    border-color: #0468b1;
  }
  .map-container.full-screen {
    top: 90px;
    height: calc(100vh - 90px - 180px);
  }
  .screen {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    /*background-color: rgba(255,255,255,.75);*/
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 3px, rgba(229, 229, 229, 0.75) 3px, rgba(229, 229, 229, 0.75) 6px);
    animation: fade-in 0.25s;
    z-index: 99999;
  }
  .screen .modal .close {
    float: right;
    border: none;
    outline: none;
    background-color: #005687;
    color: #fff;
    cursor: pointer;
  }
  .screen .modal .inner {
    border-top: 2px solid #005687;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  .screen .modal .inner img.zoom {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .screen.dark {
    background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75) 3px, rgba(50, 50, 50, 0.75) 3px, rgba(50, 50, 50, 0.75) 6px);
  }
  .screen.transparent {
    background: transparent;
  }
  .screen.blue {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .screen.error {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .screen.ter {
    background-color: rgb(239, 239, 239);
  }
  .screen.ter .modal .close {
    background-color: #333d51;
  }
  .screen.ter .modal .inner {
    border-top: 3px solid #333d51;
  }
  .modal {
    position: relative;
    width: 400px;
    flex-shrink: 1;
    margin: auto;
  }
  .modal .close {
    padding: 5px 10px;
    font-size: 12px;
  }
  .modal .close.inlaid {
    position: absolute;
    right: 0;
  }
  .modal .inner {
    clear: both;
    padding: 15px 15px 5px 15px;
    background-color: #fff;
    overflow-y: visible;
    max-height: 85vh;
  }
  .modal .inner.unpadded {
    padding: 0;
    max-height: none;
  }
  .modal .inner .headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2b4d6;
    font-size: 16px;
    text-align: center;
  }
  .modal .inner .message {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .modal .inner .message * {
    padding: 5px;
  }
  .modal .inner .message input[type=text],
  .modal .inner .message input[type=number] {
    width: 65px;
    border: none;
    border-bottom: 1px solid #ffc10e;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: #ffc10e;
  }
  .modal .inner .message small {
    font-size: 12px;
    color: #c2b4d6;
  }
  .modal .inner ul li {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
  }
  .modal .inner ul li div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
  }
  .modal .inner ul li div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .modal .inner ul li div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  .modal .inner ul li input[type=file] {
    display: none;
  }
  .modal .inner ul li button,
  .modal .inner ul li input[type=file] + label {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .inner ul li button .sub,
  .modal .inner ul li input[type=file] + label .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .inner ul li button:disabled,
  .modal .inner ul li input[type=file] + label:disabled {
    color: #e5e5e5;
    cursor: default;
    border-color: #e5e5e5;
    background-color: transparent;
  }
  .modal .inner ul li button.padded,
  .modal .inner ul li input[type=file] + label.padded {
    padding: 10px 30px;
  }
  .modal .inner ul li button.input-submit,
  .modal .inner ul li button[type=submit] {
    border-color: #32bee1;
    background-color: #32bee1;
    color: #fff;
  }
  .modal .inner ul li input[type=file] + label {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    transform: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #005687;
    line-height: 30px;
  }
  .modal .inner ul li textarea {
    width: 100%;
    min-height: 300px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    resize: none;
    box-sizing: border-box;
  }
  .modal .inner ul li label {
    position: absolute;
    top: -15px;
    left: 15px;
    font-size: 14px;
    color: #969696;
    transform: translateY(17px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  .modal .inner ul li input:not([type=checkbox]):not([type=radio]):focus + label,
  .modal .inner ul li input.has-value:not([type=checkbox]):not([type=radio]) + label,
  .modal .inner ul li textarea:focus + label,
  .modal .inner ul li textarea.has-value + label {
    font-size: 12px;
    transform: translateY(-5px);
  }
  .modal .inner ul li input.full-width {
    /*
    width: 100%;
    margin: 5px 0 15px 0;
    padding: 15px 0 15px 0;
    border: none;
    border-bottom: 1px solid $c-light-grey;
    outline: none;
    font-size: $t-main;
    */
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 0 15px 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li input + label {
    top: 1px;
  }
  .modal .inner ul li input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  .modal .inner ul li input[type=date]::before {
    content: none;
  }
  .modal .inner ul li .filter {
    position: relative;
  }
  .modal .inner ul li .filter input[type=text] {
    width: calc(100% - 30px);
    height: 45px;
    margin-left: 0;
    padding: 0 15px;
    border: none;
    outline: none;
    border-bottom: 1px solid #969696;
    font-size: 16px;
    line-height: 1.3em;
  }
  .modal .inner ul li .filter input[type=text] + label {
    left: 15px;
    font-size: 14px;
    line-height: 1.3em;
    transform: translateY(12px);
    text-align: left;
  }
  .modal .inner ul li .filter input[type=text]:focus + label,
  .modal .inner ul li .filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.3em;
    transform: translateY(-10px);
  }
  .modal .inner ul li .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu {
    width: 100%;
    padding: 0;
  }
  .modal .inner ul li .filter .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px 15px 5px 15px;
    list-style: none;
    box-sizing: border-box;
  }
  .modal .inner ul li .filter .dropdown menu li input[type=checkbox],
  .modal .inner ul li .filter .dropdown menu li input[type=radio] {
    display: none;
  }
  .modal .inner ul li .filter .dropdown menu li label {
    display: block;
    position: static;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  .modal .inner ul li .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li label .sub {
    color: #969696;
    font-size: 12px;
  }
  .modal .inner ul li .filter .dropdown menu li label.secondary {
    padding: 0;
    font-size: 12px;
    color: #969696;
    font-style: italic;
  }
  .modal .inner ul li .filter .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .modal .inner ul li .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal .inner ul li .filter .dropdown menu li.active {
    background-color: #32bee1;
  }
  .modal .inner ul li .active-filters {
    padding: 10px 15px;
    margin: 0 auto 15px auto;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  .modal .inner ul li .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .modal .inner ul li .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  .modal .inner ul li .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  .modal .inner ul li .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  .modal .inner ul li .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .modal .inner ul li .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  .modal .inner ul li.default {
    text-align: left;
  }
  .modal .inner ul li.default label {
    position: static;
    margin-left: 10px;
    color: #000000;
    font-size: 14px;
  }
  .modal .foot {
    margin: 10px 0;
    text-align: center;
  }
  .modal .foot button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .modal .foot button .sub {
    font-size: 12px;
    color: #969696;
  }
  .modal .foot p {
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
  }
  .modal.longlist .inner {
    padding: 0;
  }
  .modal.longlist .inner .message {
    padding: 15px 15px 5px 15px;
    margin: 0;
  }
  .modal.longlist .inner ul {
    width: 100%;
    max-height: 500px;
    overflow: auto;
  }
  .modal.longlist .inner ul li.filter {
    position: fixed;
    height: 45px;
    width: 300px;
    background-color: #fff;
    border-bottom: 1px solid #969696;
    z-index: 100;
  }
  .modal.longlist .inner ul li.filter input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 15px 15px 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
  }
  .modal.longlist .inner ul li.filter label {
    position: absolute;
    left: 15px;
    /*width: calc(100% - 30px);*/
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
  }
  .modal.longlist .inner ul li.filter label::after {
    content: "";
    position: absolute;
    top: 4px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .modal.longlist .inner ul li.filter input[type=text] + label {
    pointer-events: none;
  }
  .modal.longlist .inner ul li.filter input[type=text]:focus + label,
  .modal.longlist .inner ul li.filter input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(2px);
  }
  .modal.longlist .inner ul li.padding {
    width: 100%;
    height: 45px;
    margin: 0;
  }
  .modal.longlist .inner ul li.opt {
    margin: 0;
  }
  .modal.longlist .inner ul li.opt input[type=checkbox] {
    display: none;
  }
  .modal.longlist .inner ul li.opt label {
    display: block;
    padding: 5px 15px;
    margin: 0;
    transform: none;
  }
  .modal.longlist .inner ul li.opt label:hover {
    background-color: rgb(239, 239, 239);
  }
  .modal.longlist .inner ul li.opt input:checked + label {
    background-color: #32bee1;
  }
  .modal.longlist .inner .foot {
    padding: 15px;
    margin: 0;
  }
  .login-module {
    padding: 30px 30px 15px 30px;
    border-top: 2px solid #005687;
    background-color: #fff;
  }
  .login-module ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
  }
  .login-module ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -30px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .login-module ul li .required input {
    display: none;
  }
  .login-module ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .login-module ul li .required input:checked + label,
  .login-module ul li .required label.active {
    color: #a51e41;
  }
  .login-module ul li .input-group {
    position: relative;
    flex-grow: 1;
  }
  .login-module ul li .input-group input.toggle + label {
    margin: 0;
  }
  .login-module ul li input[type=text],
  .login-module ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: #fff;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .login-module ul li input[type=text] + label,
  .login-module ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .login-module ul li input[type=text]:focus + label,
  .login-module ul li input[type=text].has-value + label,
  .login-module ul li input[type=password]:focus + label,
  .login-module ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .login-module ul li input[type=email]:invalid,
  .login-module ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .login-module ul li button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    margin-top: 15px;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  .login-module ul li p.errormessage {
    color: #a51e41;
  }
  .login-module ul li p.small {
    font-size: 12px;
    color: #646464;
  }
  .login-module div.divider {
    position: relative;
    width: calc(100% + 30px);
    height: 30px;
    margin: 15px 0;
    margin-left: -15px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #969696;
    font-size: 12px;
  }
  .login-module div.divider:before {
    content: "";
    position: absolute;
    border: 1px dotted #969696;
    top: 50%;
    left: 0;
    width: 100%;
  }
  .login-module div.divider span {
    position: relative;
    padding: 0 5px;
    background-color: #fff;
    z-index: 1;
  }
  @keyframes animate-down {
    from {
      transform: translateY(-30px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .session-alert {
    padding: 15px;
    border: 1px dotted #a51e41;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .session-alert p {
    color: #a51e41;
  }
  .session-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  .session-alert form table {
    margin: 15px 0 0 0;
    width: 100%;
    color: #646464;
    font-size: 14px;
    line-height: 1.5em;
    border-collapse: separate;
    border-spacing: 0 5px;
  }
  .session-alert form table thead th {
    height: 30px;
    padding: 0 10px;
    text-align: left;
    border-bottom: 1px solid #969696;
  }
  .session-alert form table tbody tr:hover {
    background-color: #e5e5e5;
  }
  .session-alert form table tbody tr.all {
    font-weight: bold;
  }
  .session-alert form table tbody tr td {
    min-height: 30px;
    padding: 0 10px;
  }
  .session-alert form table tbody tr td.highlight {
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .session-alert form table tbody tr td:last-child {
    padding-right: 0;
  }
  .session-alert form table tbody tr td button {
    width: 100%;
    min-height: 30px;
    border: 1px solid #a51e41;
    padding: 0 5px;
    background: transparent;
    outline: none;
    color: #a51e41;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .disclaimer-alert {
    padding: 15px;
    border: 1px dotted #fa7814;
    box-sizing: border-box;
    margin: 15px 0;
    animation: animate-down 1s;
  }
  .disclaimer-alert p {
    color: #fa7814;
  }
  .disclaimer-alert small {
    color: #969696;
    font-size: 12px;
    line-height: 1.2em;
  }
  div.fixed-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
  div.hashed {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.main-content.adjacent {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document {
    position: relative;
    display: block;
    width: 838px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group,
  div.document main#pad .engagement-input-group,
  div.document main#reference .engagement-input-group,
  div.document main#template .engagement-input-group,
  div.document main#mobilization .engagement-input-group {
    position: fixed;
    width: 225px;
    margin: 0 0 0 -225px;
  }
  div.document main .engagement-input-group .bookmark,
  div.document main#pad .engagement-input-group .bookmark,
  div.document main#reference .engagement-input-group .bookmark,
  div.document main#template .engagement-input-group .bookmark,
  div.document main#mobilization .engagement-input-group .bookmark {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 66px;
    height: 90px;
    top: -60px;
    right: 20px;
    transform-origin: top center;
    transition: transform 0.25s ease-out;
    background-color: #c2b4d6;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark div,
  div.document main#pad .engagement-input-group .bookmark div,
  div.document main#reference .engagement-input-group .bookmark div,
  div.document main#template .engagement-input-group .bookmark div,
  div.document main#mobilization .engagement-input-group .bookmark div {
    transform: rotate(-90deg);
  }
  div.document main .engagement-input-group .bookmark::before,
  div.document main#pad .engagement-input-group .bookmark::before,
  div.document main#reference .engagement-input-group .bookmark::before,
  div.document main#template .engagement-input-group .bookmark::before,
  div.document main#mobilization .engagement-input-group .bookmark::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-left: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark::after,
  div.document main#pad .engagement-input-group .bookmark::after,
  div.document main#reference .engagement-input-group .bookmark::after,
  div.document main#template .engagement-input-group .bookmark::after,
  div.document main#mobilization .engagement-input-group .bookmark::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(90px);
    width: 0;
    height: 0;
    border-top: 7px solid #c2b4d6;
    border-right: 33px solid transparent;
    transition: border-top-color 0.25s;
  }
  div.document main .engagement-input-group .bookmark:hover,
  div.document main .engagement-input-group .bookmark.active,
  div.document main#pad .engagement-input-group .bookmark:hover,
  div.document main#pad .engagement-input-group .bookmark.active,
  div.document main#reference .engagement-input-group .bookmark:hover,
  div.document main#reference .engagement-input-group .bookmark.active,
  div.document main#template .engagement-input-group .bookmark:hover,
  div.document main#template .engagement-input-group .bookmark.active,
  div.document main#mobilization .engagement-input-group .bookmark:hover,
  div.document main#mobilization .engagement-input-group .bookmark.active {
    background-color: #57648c;
  }
  div.document main .engagement-input-group .bookmark:hover::before,
  div.document main .engagement-input-group .bookmark:hover::after,
  div.document main .engagement-input-group .bookmark.active::before,
  div.document main .engagement-input-group .bookmark.active::after,
  div.document main#pad .engagement-input-group .bookmark:hover::before,
  div.document main#pad .engagement-input-group .bookmark:hover::after,
  div.document main#pad .engagement-input-group .bookmark.active::before,
  div.document main#pad .engagement-input-group .bookmark.active::after,
  div.document main#reference .engagement-input-group .bookmark:hover::before,
  div.document main#reference .engagement-input-group .bookmark:hover::after,
  div.document main#reference .engagement-input-group .bookmark.active::before,
  div.document main#reference .engagement-input-group .bookmark.active::after,
  div.document main#template .engagement-input-group .bookmark:hover::before,
  div.document main#template .engagement-input-group .bookmark:hover::after,
  div.document main#template .engagement-input-group .bookmark.active::before,
  div.document main#template .engagement-input-group .bookmark.active::after,
  div.document main#mobilization .engagement-input-group .bookmark:hover::before,
  div.document main#mobilization .engagement-input-group .bookmark:hover::after,
  div.document main#mobilization .engagement-input-group .bookmark.active::before,
  div.document main#mobilization .engagement-input-group .bookmark.active::after {
    border-top-color: #57648c;
  }
  div.document main .engagement-input-group ul,
  div.document main#pad .engagement-input-group ul,
  div.document main#reference .engagement-input-group ul,
  div.document main#template .engagement-input-group ul,
  div.document main#mobilization .engagement-input-group ul {
    padding: 5px 10px;
    margin: 65px 20px 0 0;
    border-right: 1px solid #e5e5e5;
  }
  div.document main .engagement-input-group ul li,
  div.document main#pad .engagement-input-group ul li,
  div.document main#reference .engagement-input-group ul li,
  div.document main#template .engagement-input-group ul li,
  div.document main#mobilization .engagement-input-group ul li {
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
  }
  div.document main .engagement-input-group ul li button,
  div.document main#pad .engagement-input-group ul li button,
  div.document main#reference .engagement-input-group ul li button,
  div.document main#template .engagement-input-group ul li button,
  div.document main#mobilization .engagement-input-group ul li button {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    max-width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 45px;
    outline: none;
    margin: 0 0 0 10px;
    background-color: transparent;
    color: #c2b4d6;
    font-size: 24px;
    line-height: 1.5em;
    cursor: pointer;
    transition: border-color 0.25s, max-width 0.5s;
  }
  div.document main .engagement-input-group ul li button small,
  div.document main#pad .engagement-input-group ul li button small,
  div.document main#reference .engagement-input-group ul li button small,
  div.document main#template .engagement-input-group ul li button small,
  div.document main#mobilization .engagement-input-group ul li button small {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    white-space: nowrap;
  }
  div.document main .engagement-input-group ul li button i,
  div.document main#pad .engagement-input-group ul li button i,
  div.document main#reference .engagement-input-group ul li button i,
  div.document main#template .engagement-input-group ul li button i,
  div.document main#mobilization .engagement-input-group ul li button i {
    flex-shrink: 0;
    width: 45px;
    display: inline-block;
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 45px;*/
    font-style: normal;
    cursor: pointer;
  }
  div.document main .engagement-input-group ul li button::after,
  div.document main#pad .engagement-input-group ul li button::after,
  div.document main#reference .engagement-input-group ul li button::after,
  div.document main#template .engagement-input-group ul li button::after,
  div.document main#mobilization .engagement-input-group ul li button::after {
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: calc(100% - 10px);
    width: 45px;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: 700;
    pointer-events: none;
    transition: opacity 0.25s, transform 0.5s;
  }
  div.document main .engagement-input-group ul li button:hover,
  div.document main#pad .engagement-input-group ul li button:hover,
  div.document main#reference .engagement-input-group ul li button:hover,
  div.document main#template .engagement-input-group ul li button:hover,
  div.document main#mobilization .engagement-input-group ul li button:hover {
    max-width: 100%;
    border-color: #c2b4d6;
  }
  div.document main .engagement-input-group ul li button.active,
  div.document main#pad .engagement-input-group ul li button.active,
  div.document main#reference .engagement-input-group ul li button.active,
  div.document main#template .engagement-input-group ul li button.active,
  div.document main#mobilization .engagement-input-group ul li button.active {
    color: #934a5f;
  }
  div.document main .engagement-input-group ul li button.active:hover,
  div.document main#pad .engagement-input-group ul li button.active:hover,
  div.document main#reference .engagement-input-group ul li button.active:hover,
  div.document main#template .engagement-input-group ul li button.active:hover,
  div.document main#mobilization .engagement-input-group ul li button.active:hover {
    border-color: #934a5f;
  }
  div.document main .engagement-input-group ul li button:hover::after,
  div.document main#pad .engagement-input-group ul li button:hover::after,
  div.document main#reference .engagement-input-group ul li button:hover::after,
  div.document main#template .engagement-input-group ul li button:hover::after,
  div.document main#mobilization .engagement-input-group ul li button:hover::after {
    opacity: 0;
    transform: translateY(-10px);
  }
  div.document main .inner .meta-info,
  div.document main#pad .inner .meta-info,
  div.document main#reference .inner .meta-info,
  div.document main#template .inner .meta-info,
  div.document main#mobilization .inner .meta-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 150px);
    margin-bottom: 90px;
    padding-bottom: 60px;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-info h1,
  div.document main#pad .inner .meta-info h1,
  div.document main#reference .inner .meta-info h1,
  div.document main#template .inner .meta-info h1,
  div.document main#mobilization .inner .meta-info h1 {
    /*margin-bottom: 30px;*/
    font-size: 20px;
    line-height: 1.5em;
  }
  div.document main .inner .meta-info p,
  div.document main#pad .inner .meta-info p,
  div.document main#reference .inner .meta-info p,
  div.document main#template .inner .meta-info p,
  div.document main#mobilization .inner .meta-info p {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner button.scroll-nav,
  div.document main#pad .inner button.scroll-nav,
  div.document main#reference .inner button.scroll-nav,
  div.document main#template .inner button.scroll-nav,
  div.document main#mobilization .inner button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document main .inner button.scroll-nav label.rotate,
  div.document main#pad .inner button.scroll-nav label.rotate,
  div.document main#reference .inner button.scroll-nav label.rotate,
  div.document main#template .inner button.scroll-nav label.rotate,
  div.document main#mobilization .inner button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.document main .inner button.scroll-nav:hover,
  div.document main#pad .inner button.scroll-nav:hover,
  div.document main#reference .inner button.scroll-nav:hover,
  div.document main#template .inner button.scroll-nav:hover,
  div.document main#mobilization .inner button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status,
  div.document main#pad .inner .meta-status,
  div.document main#reference .inner .meta-status,
  div.document main#template .inner .meta-status,
  div.document main#mobilization .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 0 -60px;
    z-index: 10000;
  }
  div.document main .inner .meta-status .btn-group,
  div.document main#pad .inner .meta-status .btn-group,
  div.document main#reference .inner .meta-status .btn-group,
  div.document main#template .inner .meta-status .btn-group,
  div.document main#mobilization .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  div.document main .inner .meta-status .btn-group form,
  div.document main#pad .inner .meta-status .btn-group form,
  div.document main#reference .inner .meta-status .btn-group form,
  div.document main#template .inner .meta-status .btn-group form,
  div.document main#mobilization .inner .meta-status .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.document main .inner .meta-status .btn-group form button,
  div.document main#pad .inner .meta-status .btn-group form button,
  div.document main#reference .inner .meta-status .btn-group form button,
  div.document main#template .inner .meta-status .btn-group form button,
  div.document main#mobilization .inner .meta-status .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .meta-status .btn-group form button.publish,
  div.document main#pad .inner .meta-status .btn-group form button.publish,
  div.document main#reference .inner .meta-status .btn-group form button.publish,
  div.document main#template .inner .meta-status .btn-group form button.publish,
  div.document main#mobilization .inner .meta-status .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.document main .inner .meta-status .btn-group form button:disabled,
  div.document main#pad .inner .meta-status .btn-group form button:disabled,
  div.document main#reference .inner .meta-status .btn-group form button:disabled,
  div.document main#template .inner .meta-status .btn-group form button:disabled,
  div.document main#mobilization .inner .meta-status .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.document main .inner .meta-status .btn-group form .dropdown,
  div.document main#pad .inner .meta-status .btn-group form .dropdown,
  div.document main#reference .inner .meta-status .btn-group form .dropdown,
  div.document main#template .inner .meta-status .btn-group form .dropdown,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 100;
    transition: max-height 0.15s ease-out;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li button,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    color: #969696;
    font-size: 12px;
    white-space: nowrap;
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li:hover,
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#pad .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#reference .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#template .inner .meta-status .btn-group form .dropdown menu li:not(:last-child),
  div.document main#mobilization .inner .meta-status .btn-group form .dropdown menu li:not(:last-child) {
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .meta-status.status-0,
  div.document main#pad .inner .meta-status.status-0,
  div.document main#reference .inner .meta-status.status-0,
  div.document main#template .inner .meta-status.status-0,
  div.document main#mobilization .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-1,
  div.document main#pad .inner .meta-status.status-1,
  div.document main#reference .inner .meta-status.status-1,
  div.document main#template .inner .meta-status.status-1,
  div.document main#mobilization .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document main .inner .meta-status.status-2,
  div.document main .inner .meta-status.status-3,
  div.document main#pad .inner .meta-status.status-2,
  div.document main#pad .inner .meta-status.status-3,
  div.document main#reference .inner .meta-status.status-2,
  div.document main#reference .inner .meta-status.status-3,
  div.document main#template .inner .meta-status.status-2,
  div.document main#template .inner .meta-status.status-3,
  div.document main#mobilization .inner .meta-status.status-2,
  div.document main#mobilization .inner .meta-status.status-3 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.document main .inner .head,
  div.document main#pad .inner .head,
  div.document main#reference .inner .head,
  div.document main#template .inner .head,
  div.document main#mobilization .inner .head {
    position: relative;
    width: 100%;
    margin: 30px 0;
  }
  div.document main .inner .head .return,
  div.document main#pad .inner .head .return,
  div.document main#reference .inner .head .return,
  div.document main#template .inner .head .return,
  div.document main#mobilization .inner .head .return {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head i,
  div.document main#pad .inner .head i,
  div.document main#reference .inner .head i,
  div.document main#template .inner .head i,
  div.document main#mobilization .inner .head i {
    position: absolute;
    right: 100%;
  }
  div.document main .inner .head .title,
  div.document main#pad .inner .head .title,
  div.document main#reference .inner .head .title,
  div.document main#template .inner .head .title,
  div.document main#mobilization .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: 700;
  }
  div.document main .inner .head .title:focus,
  div.document main#pad .inner .head .title:focus,
  div.document main#reference .inner .head .title:focus,
  div.document main#template .inner .head .title:focus,
  div.document main#mobilization .inner .head .title:focus {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .head .contributor,
  div.document main#pad .inner .head .contributor,
  div.document main#reference .inner .head .contributor,
  div.document main#template .inner .head .contributor,
  div.document main#mobilization .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.document main .inner .head .meta-country,
  div.document main#pad .inner .head .meta-country,
  div.document main#reference .inner .head .meta-country,
  div.document main#template .inner .head .meta-country,
  div.document main#mobilization .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .meta-country::after,
  div.document main#pad .inner .head .meta-country::after,
  div.document main#reference .inner .head .meta-country::after,
  div.document main#template .inner .head .meta-country::after,
  div.document main#mobilization .inner .head .meta-country::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
  }
  div.document main .inner .head .meta-date,
  div.document main#pad .inner .head .meta-date,
  div.document main#reference .inner .head .meta-date,
  div.document main#template .inner .head .meta-date,
  div.document main#mobilization .inner .head .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.document main .inner .head .dropdown,
  div.document main#pad .inner .head .dropdown,
  div.document main#reference .inner .head .dropdown,
  div.document main#template .inner .head .dropdown,
  div.document main#mobilization .inner .head .dropdown {
    display: none;
  }
  div.document main .inner .body,
  div.document main#pad .inner .body,
  div.document main#reference .inner .body,
  div.document main#template .inner .body,
  div.document main#mobilization .inner .body {
    width: 100%;
    padding-bottom: 60px;
    /*transform: translateZ(0);*/
  }
  div.document main .inner .body .layout,
  div.document main#pad .inner .body .layout,
  div.document main#reference .inner .body .layout,
  div.document main#template .inner .body .layout,
  div.document main#mobilization .inner .body .layout {
    display: inline-block;
    clear: both;
    position: relative;
    width: 100%;
    margin: 15px 0 30px 0;
    transition: background-color 0.25s;
    /*.input-type {
    	display: block;
    	text-align: center;

    	label {
    		position: absolute;
    		bottom: 100%;
    		left: 0;
    		padding: 5px 10px;
    		outline: none;
    		background-color: $c-light-yellow;
    		font-size: $t-small;
    		line-height: 1.5em;
    		white-space: nowrap;
    	}
    }*/
    /*.media-container.slide {
    	position: absolute;
    	min-height: 100vh;
    	transform: translateX(0);
    	opacity: 1;
    	transition: transform 1s, opacity 1s;
    }
    .media-container.slide-next {
    	transform: translateX(100%);
    	opacity: 0;
    }
    .media-container.slide-prev {
    	transform: translateX(-100%);
    	opacity: 0;
    }*/
  }
  div.document main .inner .body .layout .section-header,
  div.document main#pad .inner .body .layout .section-header,
  div.document main#reference .inner .body .layout .section-header,
  div.document main#template .inner .body .layout .section-header,
  div.document main#mobilization .inner .body .layout .section-header {
    display: block;
  }
  div.document main .inner .body .layout .section-header h1,
  div.document main#pad .inner .body .layout .section-header h1,
  div.document main#reference .inner .body .layout .section-header h1,
  div.document main#template .inner .body .layout .section-header h1,
  div.document main#mobilization .inner .body .layout .section-header h1 {
    padding: 5px 0;
    outline: none;
    font-size: 24px;
    line-height: 1.5em;
    color: #0468b1;
    font-weight: normal;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .section-header h1:focus,
  div.document main#pad .inner .body .layout .section-header h1:focus,
  div.document main#reference .inner .body .layout .section-header h1:focus,
  div.document main#template .inner .body .layout .section-header h1:focus,
  div.document main#mobilization .inner .body .layout .section-header h1:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .placement-opts,
  div.document main#pad .inner .body .layout .placement-opts,
  div.document main#reference .inner .body .layout .placement-opts,
  div.document main#template .inner .body .layout .placement-opts,
  div.document main#mobilization .inner .body .layout .placement-opts {
    position: absolute;
    display: none;
    top: calc(-24px);
    right: 100%;
    height: 100%;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .placement-opts .opt,
  div.document main#pad .inner .body .layout .placement-opts .opt,
  div.document main#reference .inner .body .layout .placement-opts .opt,
  div.document main#template .inner .body .layout .placement-opts .opt,
  div.document main#mobilization .inner .body .layout .placement-opts .opt {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
  }
  div.document main .inner .body .layout .placement-opts .opt i,
  div.document main#pad .inner .body .layout .placement-opts .opt i,
  div.document main#reference .inner .body .layout .placement-opts .opt i,
  div.document main#template .inner .body .layout .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .placement-opts .opt i {
    font-size: 24px;
    line-height: 1.5em;
    /*line-height: 30px;*/
  }
  div.document main .inner .body .layout .required,
  div.document main#pad .inner .body .layout .required,
  div.document main#reference .inner .body .layout .required,
  div.document main#template .inner .body .layout .required,
  div.document main#mobilization .inner .body .layout .required {
    position: absolute;
    left: -45px;
    top: 35px;
    width: 30px;
    text-align: center;
  }
  div.document main .inner .body .layout .required input,
  div.document main#pad .inner .body .layout .required input,
  div.document main#reference .inner .body .layout .required input,
  div.document main#template .inner .body .layout .required input,
  div.document main#mobilization .inner .body .layout .required input {
    display: none;
  }
  div.document main .inner .body .layout .required label,
  div.document main#pad .inner .body .layout .required label,
  div.document main#reference .inner .body .layout .required label,
  div.document main#template .inner .body .layout .required label,
  div.document main#mobilization .inner .body .layout .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .required input:checked + label,
  div.document main .inner .body .layout .required label.active,
  div.document main#pad .inner .body .layout .required input:checked + label,
  div.document main#pad .inner .body .layout .required label.active,
  div.document main#reference .inner .body .layout .required input:checked + label,
  div.document main#reference .inner .body .layout .required label.active,
  div.document main#template .inner .body .layout .required input:checked + label,
  div.document main#template .inner .body .layout .required label.active,
  div.document main#mobilization .inner .body .layout .required input:checked + label,
  div.document main#mobilization .inner .body .layout .required label.active {
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container,
  div.document main .inner .body .layout .meta-container,
  div.document main#pad .inner .body .layout .media-container,
  div.document main#pad .inner .body .layout .meta-container,
  div.document main#reference .inner .body .layout .media-container,
  div.document main#reference .inner .body .layout .meta-container,
  div.document main#template .inner .body .layout .media-container,
  div.document main#template .inner .body .layout .meta-container,
  div.document main#mobilization .inner .body .layout .media-container,
  div.document main#mobilization .inner .body .layout .meta-container {
    clear: both;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .media-container .opts,
  div.document main .inner .body .layout .meta-container .opts,
  div.document main#pad .inner .body .layout .media-container .opts,
  div.document main#pad .inner .body .layout .meta-container .opts,
  div.document main#reference .inner .body .layout .media-container .opts,
  div.document main#reference .inner .body .layout .meta-container .opts,
  div.document main#template .inner .body .layout .media-container .opts,
  div.document main#template .inner .body .layout .meta-container .opts,
  div.document main#mobilization .inner .body .layout .media-container .opts,
  div.document main#mobilization .inner .body .layout .meta-container .opts {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group,
  div.document main .inner .body .layout .meta-container .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group,
  div.document main#template .inner .body .layout .media-container .opts .opt-group,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group {
    display: none;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt {
    position: relative;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt i,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt .repeat,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt .constraint,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt .repeat,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt .constraint,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt .repeat {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.5em;
    /*color: $c-mid-1;*/
    color: #a51e41;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 0px;
    /*border-top: 1px solid $c-light-yellow;*/
    border-top: 1px solid #e5e5e5;
    outline: none;
    /*transform: translateY(5px);*/
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size::-moz-range-thumb,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #005687;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label {
    display: none;
    top: 40px;
    z-index: 1000;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size + label span,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size + label span {
    font-weight: bold;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.brush-size:hover + label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.brush-size:hover + label {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.color,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.color,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.color {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 15px;
    transform: translateY(-3px);
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt:last-child {
    margin-right: 0;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.active,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.active,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.active {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#template .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group .opt.color.active::after,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group .opt.color.active::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    outline: 1px solid #969696;
  }
  div.document main .inner .body .layout .media-container .opts .opt-group label,
  div.document main .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#pad .inner .body .layout .media-container .opts .opt-group label,
  div.document main#pad .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#reference .inner .body .layout .media-container .opts .opt-group label,
  div.document main#reference .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#template .inner .body .layout .media-container .opts .opt-group label,
  div.document main#template .inner .body .layout .meta-container .opts .opt-group label,
  div.document main#mobilization .inner .body .layout .media-container .opts .opt-group label,
  div.document main#mobilization .inner .body .layout .meta-container .opts .opt-group label {
    position: absolute;
    left: 0;
    height: 30px;
    padding: 0 10px;
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts,
  div.document main .inner .body .layout .meta-container .placement-opts,
  div.document main#pad .inner .body .layout .media-container .placement-opts,
  div.document main#pad .inner .body .layout .meta-container .placement-opts,
  div.document main#reference .inner .body .layout .media-container .placement-opts,
  div.document main#reference .inner .body .layout .meta-container .placement-opts,
  div.document main#template .inner .body .layout .media-container .placement-opts,
  div.document main#template .inner .body .layout .meta-container .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container .placement-opts {
    top: 0;
    /*color: $c-mid-yellow;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .placement-opts .opt i,
  div.document main .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#template .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .placement-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .placement-opts .opt i {
    font-size: 16px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .align-opts .opt i,
  div.document main .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .align-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .align-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#template .inner .body .layout .media-container .align-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .align-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .align-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .align-opts .opt i {
    transform: rotate(90deg);
  }
  div.document main .inner .body .layout .media-container .add-opt,
  div.document main .inner .body .layout .meta-container .add-opt,
  div.document main#pad .inner .body .layout .media-container .add-opt,
  div.document main#pad .inner .body .layout .meta-container .add-opt,
  div.document main#reference .inner .body .layout .media-container .add-opt,
  div.document main#reference .inner .body .layout .meta-container .add-opt,
  div.document main#template .inner .body .layout .media-container .add-opt,
  div.document main#template .inner .body .layout .meta-container .add-opt,
  div.document main#mobilization .inner .body .layout .media-container .add-opt,
  div.document main#mobilization .inner .body .layout .meta-container .add-opt {
    height: 30px;
    padding: 0 5px;
    color: #969696;
  }
  div.document main .inner .body .layout .media-container .add-opt i,
  div.document main .inner .body .layout .meta-container .add-opt i,
  div.document main#pad .inner .body .layout .media-container .add-opt i,
  div.document main#pad .inner .body .layout .meta-container .add-opt i,
  div.document main#reference .inner .body .layout .media-container .add-opt i,
  div.document main#reference .inner .body .layout .meta-container .add-opt i,
  div.document main#template .inner .body .layout .media-container .add-opt i,
  div.document main#template .inner .body .layout .meta-container .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container .add-opt i {
    display: none;
    line-height: 30px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container div.instruction,
  div.document main .inner .body .layout .meta-container div.instruction,
  div.document main#pad .inner .body .layout .media-container div.instruction,
  div.document main#pad .inner .body .layout .meta-container div.instruction,
  div.document main#reference .inner .body .layout .media-container div.instruction,
  div.document main#reference .inner .body .layout .meta-container div.instruction,
  div.document main#template .inner .body .layout .media-container div.instruction,
  div.document main#template .inner .body .layout .meta-container div.instruction,
  div.document main#mobilization .inner .body .layout .media-container div.instruction,
  div.document main#mobilization .inner .body .layout .meta-container div.instruction {
    padding: 5px 0 5px 10px;
    margin-bottom: 5px;
    border-left: 1px dotted #969696;
    color: #969696;
    font-size: 14px;
    line-height: 1.5em;
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#pad .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#pad .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#reference .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#reference .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#template .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#template .inner .body .layout .meta-container div.instruction p:not(:last-child),
  div.document main#mobilization .inner .body .layout .media-container div.instruction p:not(:last-child),
  div.document main#mobilization .inner .body .layout .meta-container div.instruction p:not(:last-child) {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media,
  div.document main .inner .body .layout .media-container .meta,
  div.document main .inner .body .layout .meta-container .media,
  div.document main .inner .body .layout .meta-container .meta,
  div.document main#pad .inner .body .layout .media-container .media,
  div.document main#pad .inner .body .layout .media-container .meta,
  div.document main#pad .inner .body .layout .meta-container .media,
  div.document main#pad .inner .body .layout .meta-container .meta,
  div.document main#reference .inner .body .layout .media-container .media,
  div.document main#reference .inner .body .layout .media-container .meta,
  div.document main#reference .inner .body .layout .meta-container .media,
  div.document main#reference .inner .body .layout .meta-container .meta,
  div.document main#template .inner .body .layout .media-container .media,
  div.document main#template .inner .body .layout .media-container .meta,
  div.document main#template .inner .body .layout .meta-container .media,
  div.document main#template .inner .body .layout .meta-container .meta,
  div.document main#mobilization .inner .body .layout .media-container .media,
  div.document main#mobilization .inner .body .layout .media-container .meta,
  div.document main#mobilization .inner .body .layout .meta-container .media,
  div.document main#mobilization .inner .body .layout .meta-container .meta {
    clear: both;
    position: relative;
    outline: none;
    color: #000000;
  }
  div.document main .inner .body .layout .media-container .media-title,
  div.document main .inner .body .layout .meta-container .media-title,
  div.document main#pad .inner .body .layout .media-container .media-title,
  div.document main#pad .inner .body .layout .meta-container .media-title,
  div.document main#reference .inner .body .layout .media-container .media-title,
  div.document main#reference .inner .body .layout .meta-container .media-title,
  div.document main#template .inner .body .layout .media-container .media-title,
  div.document main#template .inner .body .layout .meta-container .media-title,
  div.document main#mobilization .inner .body .layout .media-container .media-title,
  div.document main#mobilization .inner .body .layout .meta-container .media-title {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-lead,
  div.document main .inner .body .layout .media-container .media-lead.focus,
  div.document main .inner .body .layout .meta-container .media-lead,
  div.document main .inner .body .layout .meta-container .media-lead.focus,
  div.document main#pad .inner .body .layout .media-container .media-lead,
  div.document main#pad .inner .body .layout .media-container .media-lead.focus,
  div.document main#pad .inner .body .layout .meta-container .media-lead,
  div.document main#pad .inner .body .layout .meta-container .media-lead.focus,
  div.document main#reference .inner .body .layout .media-container .media-lead,
  div.document main#reference .inner .body .layout .media-container .media-lead.focus,
  div.document main#reference .inner .body .layout .meta-container .media-lead,
  div.document main#reference .inner .body .layout .meta-container .media-lead.focus,
  div.document main#template .inner .body .layout .media-container .media-lead,
  div.document main#template .inner .body .layout .media-container .media-lead.focus,
  div.document main#template .inner .body .layout .meta-container .media-lead,
  div.document main#template .inner .body .layout .meta-container .media-lead.focus,
  div.document main#mobilization .inner .body .layout .media-container .media-lead,
  div.document main#mobilization .inner .body .layout .media-container .media-lead.focus,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead.focus {
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 1.5em;
    border-top: none;
    color: #005687;
    border-bottom: 1px solid transparent;
  }
  div.document main .inner .body .layout .media-container .media-lead:focus,
  div.document main .inner .body .layout .meta-container .media-lead:focus,
  div.document main#pad .inner .body .layout .media-container .media-lead:focus,
  div.document main#pad .inner .body .layout .meta-container .media-lead:focus,
  div.document main#reference .inner .body .layout .media-container .media-lead:focus,
  div.document main#reference .inner .body .layout .meta-container .media-lead:focus,
  div.document main#template .inner .body .layout .media-container .media-lead:focus,
  div.document main#template .inner .body .layout .meta-container .media-lead:focus,
  div.document main#mobilization .inner .body .layout .media-container .media-lead:focus,
  div.document main#mobilization .inner .body .layout .meta-container .media-lead:focus {
    /*border-bottom-color: $c-mid-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-txt,
  div.document main .inner .body .layout .meta-container .media-txt,
  div.document main#pad .inner .body .layout .media-container .media-txt,
  div.document main#pad .inner .body .layout .meta-container .media-txt,
  div.document main#reference .inner .body .layout .media-container .media-txt,
  div.document main#reference .inner .body .layout .meta-container .media-txt,
  div.document main#template .inner .body .layout .media-container .media-txt,
  div.document main#template .inner .body .layout .meta-container .media-txt,
  div.document main#mobilization .inner .body .layout .media-container .media-txt,
  div.document main#mobilization .inner .body .layout .meta-container .media-txt {
    white-space: pre-line;
  }
  div.document main .inner .body .layout .media-container .media-txt p,
  div.document main .inner .body .layout .meta-container .media-txt p,
  div.document main#pad .inner .body .layout .media-container .media-txt p,
  div.document main#pad .inner .body .layout .meta-container .media-txt p,
  div.document main#reference .inner .body .layout .media-container .media-txt p,
  div.document main#reference .inner .body .layout .meta-container .media-txt p,
  div.document main#template .inner .body .layout .media-container .media-txt p,
  div.document main#template .inner .body .layout .meta-container .media-txt p,
  div.document main#mobilization .inner .body .layout .media-container .media-txt p,
  div.document main#mobilization .inner .body .layout .meta-container .media-txt p {
    margin-bottom: 1em;
  }
  div.document main .inner .body .layout .media-container .media-img,
  div.document main .inner .body .layout .meta-container .media-img,
  div.document main#pad .inner .body .layout .media-container .media-img,
  div.document main#pad .inner .body .layout .meta-container .media-img,
  div.document main#reference .inner .body .layout .media-container .media-img,
  div.document main#reference .inner .body .layout .meta-container .media-img,
  div.document main#template .inner .body .layout .media-container .media-img,
  div.document main#template .inner .body .layout .meta-container .media-img,
  div.document main#mobilization .inner .body .layout .media-container .media-img,
  div.document main#mobilization .inner .body .layout .meta-container .media-img {
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-img img,
  div.document main .inner .body .layout .meta-container .media-img img,
  div.document main#pad .inner .body .layout .media-container .media-img img,
  div.document main#pad .inner .body .layout .meta-container .media-img img,
  div.document main#reference .inner .body .layout .media-container .media-img img,
  div.document main#reference .inner .body .layout .meta-container .media-img img,
  div.document main#template .inner .body .layout .media-container .media-img img,
  div.document main#template .inner .body .layout .meta-container .media-img img,
  div.document main#mobilization .inner .body .layout .media-container .media-img img,
  div.document main#mobilization .inner .body .layout .meta-container .media-img img {
    vertical-align: bottom;
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-img img.cover,
  div.document main .inner .body .layout .meta-container .media-img img.cover,
  div.document main#pad .inner .body .layout .media-container .media-img img.cover,
  div.document main#pad .inner .body .layout .meta-container .media-img img.cover,
  div.document main#reference .inner .body .layout .media-container .media-img img.cover,
  div.document main#reference .inner .body .layout .meta-container .media-img img.cover,
  div.document main#template .inner .body .layout .media-container .media-img img.cover,
  div.document main#template .inner .body .layout .meta-container .media-img img.cover,
  div.document main#mobilization .inner .body .layout .media-container .media-img img.cover,
  div.document main#mobilization .inner .body .layout .meta-container .media-img img.cover {
    width: 100%;
    width: auto\9 ;
    height: auto;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-img.template,
  div.document main .inner .body .layout .meta-container .media-img.template,
  div.document main#pad .inner .body .layout .media-container .media-img.template,
  div.document main#pad .inner .body .layout .meta-container .media-img.template,
  div.document main#reference .inner .body .layout .media-container .media-img.template,
  div.document main#reference .inner .body .layout .meta-container .media-img.template,
  div.document main#template .inner .body .layout .media-container .media-img.template,
  div.document main#template .inner .body .layout .meta-container .media-img.template,
  div.document main#mobilization .inner .body .layout .media-container .media-img.template,
  div.document main#mobilization .inner .body .layout .meta-container .media-img.template {
    min-height: initial;
  }
  div.document main .inner .body .layout .media-container .media-mosaic,
  div.document main .inner .body .layout .meta-container .media-mosaic,
  div.document main#pad .inner .body .layout .media-container .media-mosaic,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic,
  div.document main#reference .inner .body .layout .media-container .media-mosaic,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic,
  div.document main#template .inner .body .layout .media-container .media-mosaic,
  div.document main#template .inner .body .layout .meta-container .media-mosaic,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item {
    position: relative;
    line-height: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item img,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item img,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic .mosaic-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic .mosaic-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-mosaic.x2,
  div.document main .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#pad .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#pad .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#reference .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#reference .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#template .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#template .inner .body .layout .meta-container .media-mosaic.x2,
  div.document main#mobilization .inner .body .layout .media-container .media-mosaic.x2,
  div.document main#mobilization .inner .body .layout .meta-container .media-mosaic.x2 {
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files,
  div.document main .inner .body .layout .meta-container .media-files,
  div.document main#pad .inner .body .layout .media-container .media-files,
  div.document main#pad .inner .body .layout .meta-container .media-files,
  div.document main#reference .inner .body .layout .media-container .media-files,
  div.document main#reference .inner .body .layout .meta-container .media-files,
  div.document main#template .inner .body .layout .media-container .media-files,
  div.document main#template .inner .body .layout .meta-container .media-files,
  div.document main#mobilization .inner .body .layout .media-container .media-files,
  div.document main#mobilization .inner .body .layout .meta-container .media-files {
    align-items: center;
    min-height: 125px;
  }
  div.document main .inner .body .layout .media-container .media-files.x2,
  div.document main .inner .body .layout .meta-container .media-files.x2,
  div.document main#pad .inner .body .layout .media-container .media-files.x2,
  div.document main#pad .inner .body .layout .meta-container .media-files.x2,
  div.document main#reference .inner .body .layout .media-container .media-files.x2,
  div.document main#reference .inner .body .layout .meta-container .media-files.x2,
  div.document main#template .inner .body .layout .media-container .media-files.x2,
  div.document main#template .inner .body .layout .meta-container .media-files.x2,
  div.document main#mobilization .inner .body .layout .media-container .media-files.x2,
  div.document main#mobilization .inner .body .layout .meta-container .media-files.x2 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files.x3,
  div.document main .inner .body .layout .meta-container .media-files.x3,
  div.document main#pad .inner .body .layout .media-container .media-files.x3,
  div.document main#pad .inner .body .layout .meta-container .media-files.x3,
  div.document main#reference .inner .body .layout .media-container .media-files.x3,
  div.document main#reference .inner .body .layout .meta-container .media-files.x3,
  div.document main#template .inner .body .layout .media-container .media-files.x3,
  div.document main#template .inner .body .layout .meta-container .media-files.x3,
  div.document main#mobilization .inner .body .layout .media-container .media-files.x3,
  div.document main#mobilization .inner .body .layout .meta-container .media-files.x3 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  div.document main .inner .body .layout .media-container .media-files .files-item,
  div.document main .inner .body .layout .meta-container .media-files .files-item,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item,
  div.document main#template .inner .body .layout .media-container .media-files .files-item,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item {
    position: relative;
    line-height: 0;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a,
  div.document main .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item a,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item a,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#template .inner .body .layout .media-container .media-files .files-item a,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item a,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item a,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item a {
    text-decoration: none !important;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item a img,
  div.document main .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#template .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item a img,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item a img,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item a img {
    position: relative;
    width: 100%;
    width: auto\9 ;
    height: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts {
    position: absolute;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    top: calc(50% - 15px);
    left: 0;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts .opt {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#template .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item .index-opts .opt i,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item .index-opts .opt i {
    font-size: 16px;
    line-height: 30px;
    /*line-height: 30px;*/
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#template .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item:hover .index-opts,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item:hover .index-opts {
    display: flex;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item:hover .index-opts .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item:hover .index-opts .opt {
    /*background-color: $c-light-yellow;*/
    background-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#template .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item.default-icon img,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item.default-icon img,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item.default-icon img {
    display: block;
    max-width: 150px;
    margin: auto;
  }
  div.document main .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#pad .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#pad .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#reference .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#reference .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#template .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#template .inner .body .layout .meta-container .media-files .files-item.default-icon label,
  div.document main#mobilization .inner .body .layout .media-container .media-files .files-item.default-icon label,
  div.document main#mobilization .inner .body .layout .meta-container .media-files .files-item.default-icon label {
    max-width: 200px;
    padding: 5px 10px;
    text-align: left;
    font-size: 12px;
    line-height: 1.3em;
    border: 1px solid #969696;
    border-left: 5px solid #969696;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#pad .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#pad .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#reference .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#reference .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#template .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#template .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#mobilization .inner .body .layout .media-container .media-files:not(.x2):not(.x3) .files-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-files:not(.x2):not(.x3) .files-item {
    display: inline-block;
  }
  div.document main .inner .body .layout .media-container .media-drawing,
  div.document main .inner .body .layout .meta-container .media-drawing,
  div.document main#pad .inner .body .layout .media-container .media-drawing,
  div.document main#pad .inner .body .layout .meta-container .media-drawing,
  div.document main#reference .inner .body .layout .media-container .media-drawing,
  div.document main#reference .inner .body .layout .meta-container .media-drawing,
  div.document main#template .inner .body .layout .media-container .media-drawing,
  div.document main#template .inner .body .layout .meta-container .media-drawing,
  div.document main#mobilization .inner .body .layout .media-container .media-drawing,
  div.document main#mobilization .inner .body .layout .meta-container .media-drawing {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .media-drawing canvas,
  div.document main .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#pad .inner .body .layout .media-container .media-drawing canvas,
  div.document main#pad .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#reference .inner .body .layout .media-container .media-drawing canvas,
  div.document main#reference .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#template .inner .body .layout .media-container .media-drawing canvas,
  div.document main#template .inner .body .layout .meta-container .media-drawing canvas,
  div.document main#mobilization .inner .body .layout .media-container .media-drawing canvas,
  div.document main#mobilization .inner .body .layout .meta-container .media-drawing canvas {
    margin: 10px auto;
    background-color: #fff;
    border: 1px solid transparent;
    cursor: crosshair;
  }
  div.document main .inner .body .layout .media-container .media-embed,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .media-embed,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .media-embed,
  div.document main#pad .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .media-embed,
  div.document main#pad .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .media-embed,
  div.document main#reference .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .media-embed,
  div.document main#reference .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .media-embed,
  div.document main#template .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .media-embed,
  div.document main#template .inner .body .layout .meta-container .media-embed:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .media-embed,
  div.document main#mobilization .inner .body .layout .media-container .media-embed:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed:empty:not(:focus):before {
    font-family: Lucida Console, monospace;
  }
  div.document main .inner .body .layout .media-container .media-embed img,
  div.document main .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main .inner .body .layout .meta-container .media-embed img,
  div.document main .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#pad .inner .body .layout .media-container .media-embed img,
  div.document main#pad .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#pad .inner .body .layout .meta-container .media-embed img,
  div.document main#pad .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#reference .inner .body .layout .media-container .media-embed img,
  div.document main#reference .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#reference .inner .body .layout .meta-container .media-embed img,
  div.document main#reference .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#template .inner .body .layout .media-container .media-embed img,
  div.document main#template .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#template .inner .body .layout .meta-container .media-embed img,
  div.document main#template .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed:empty:not(:focus):before img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed:empty:not(:focus):before img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded,
  div.document main .inner .body .layout .meta-container .media-embed.padded,
  div.document main#pad .inner .body .layout .media-container .media-embed.padded,
  div.document main#pad .inner .body .layout .meta-container .media-embed.padded,
  div.document main#reference .inner .body .layout .media-container .media-embed.padded,
  div.document main#reference .inner .body .layout .meta-container .media-embed.padded,
  div.document main#template .inner .body .layout .media-container .media-embed.padded,
  div.document main#template .inner .body .layout .meta-container .media-embed.padded,
  div.document main#mobilization .inner .body .layout .media-container .media-embed.padded,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed.padded {
    padding: 5px 10px;
  }
  div.document main .inner .body .layout .media-container .media-embed.padded img,
  div.document main .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#pad .inner .body .layout .media-container .media-embed.padded img,
  div.document main#pad .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#reference .inner .body .layout .media-container .media-embed.padded img,
  div.document main#reference .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#template .inner .body .layout .media-container .media-embed.padded img,
  div.document main#template .inner .body .layout .meta-container .media-embed.padded img,
  div.document main#mobilization .inner .body .layout .media-container .media-embed.padded img,
  div.document main#mobilization .inner .body .layout .meta-container .media-embed.padded img {
    max-width: 100%;
  }
  div.document main .inner .body .layout .media-container .media-checklist,
  div.document main .inner .body .layout .media-container .media-radiolist,
  div.document main .inner .body .layout .media-container .meta-checklist,
  div.document main .inner .body .layout .media-container .meta-radiolist,
  div.document main .inner .body .layout .meta-container .media-checklist,
  div.document main .inner .body .layout .meta-container .media-radiolist,
  div.document main .inner .body .layout .meta-container .meta-checklist,
  div.document main .inner .body .layout .meta-container .meta-radiolist,
  div.document main#pad .inner .body .layout .media-container .media-checklist,
  div.document main#pad .inner .body .layout .media-container .media-radiolist,
  div.document main#pad .inner .body .layout .media-container .meta-checklist,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist,
  div.document main#pad .inner .body .layout .meta-container .media-checklist,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist,
  div.document main#reference .inner .body .layout .media-container .media-checklist,
  div.document main#reference .inner .body .layout .media-container .media-radiolist,
  div.document main#reference .inner .body .layout .media-container .meta-checklist,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist,
  div.document main#reference .inner .body .layout .meta-container .media-checklist,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist,
  div.document main#template .inner .body .layout .media-container .media-checklist,
  div.document main#template .inner .body .layout .media-container .media-radiolist,
  div.document main#template .inner .body .layout .media-container .meta-checklist,
  div.document main#template .inner .body .layout .media-container .meta-radiolist,
  div.document main#template .inner .body .layout .meta-container .media-checklist,
  div.document main#template .inner .body .layout .meta-container .media-radiolist,
  div.document main#template .inner .body .layout .meta-container .meta-checklist,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist {
    width: 100%;
    outline: none;
    white-space: pre-wrap;
  }
  div.document main .inner .body .layout .media-container .media-checklist .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#pad .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#pad .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#reference .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#reference .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#template .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#template .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#template .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#template .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#template .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#template .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist .instruction {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol,
  div.document main .inner .body .layout .media-container .media-radiolist ol,
  div.document main .inner .body .layout .media-container .meta-checklist ol,
  div.document main .inner .body .layout .media-container .meta-radiolist ol,
  div.document main .inner .body .layout .meta-container .media-checklist ol,
  div.document main .inner .body .layout .meta-container .media-radiolist ol,
  div.document main .inner .body .layout .meta-container .meta-checklist ol,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#template .inner .body .layout .media-container .media-checklist ol,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol {
    display: block;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt {
    /* CHANGE THE .option CLASS IN TEMPLATE TO STANDARDIZE TO .opt (ALREADY DONE IN pad.js) */
    display: flex;
    align-items: center;
    margin: 0;
    /*margin: 10px 0;*/
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div {
    padding: 0 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt div:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt div:last-child {
    margin-right: 5px;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .rm {
    /*color: $c-light-1;*/
    color: #969696;
    pointer-events: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .rm i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .checkbox i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .radio i,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .rm i {
    font-size: 24px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .grow {
    flex-grow: 1;
    align-self: center;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt .grow .list-item,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt .grow .list-item {
    display: block;
    width: 100%;
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt:last-child,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt:last-child {
    margin-bottom: 0;
  }
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist ol .opt.valid .rm,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .checkbox,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .radio,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist ol .opt.valid .rm {
    color: #005687;
    pointer-events: all;
  }
  div.document main .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#pad .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#pad .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#reference .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#reference .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#template .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#template .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#template .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#template .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#template .inner .body .layout .meta-container .meta-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .media-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .media-container .meta-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .media-radiolist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-checklist.template .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .meta-radiolist.template .instruction {
    color: #000000;
    font-size: 16px;
  }
  div.document main .inner .body .layout .media-container .meta-location,
  div.document main .inner .body .layout .meta-container .meta-location,
  div.document main#pad .inner .body .layout .media-container .meta-location,
  div.document main#pad .inner .body .layout .meta-container .meta-location,
  div.document main#reference .inner .body .layout .media-container .meta-location,
  div.document main#reference .inner .body .layout .meta-container .meta-location,
  div.document main#template .inner .body .layout .media-container .meta-location,
  div.document main#template .inner .body .layout .meta-container .meta-location,
  div.document main#mobilization .inner .body .layout .media-container .meta-location,
  div.document main#mobilization .inner .body .layout .meta-container .meta-location {
    width: 100%;
  }
  div.document main .inner .body .layout .media-container .meta-location #map,
  div.document main .inner .body .layout .meta-container .meta-location #map,
  div.document main#pad .inner .body .layout .media-container .meta-location #map,
  div.document main#pad .inner .body .layout .meta-container .meta-location #map,
  div.document main#reference .inner .body .layout .media-container .meta-location #map,
  div.document main#reference .inner .body .layout .meta-container .meta-location #map,
  div.document main#template .inner .body .layout .media-container .meta-location #map,
  div.document main#template .inner .body .layout .meta-container .meta-location #map,
  div.document main#mobilization .inner .body .layout .media-container .meta-location #map,
  div.document main#mobilization .inner .body .layout .meta-container .meta-location #map {
    min-height: 300px;
  }
  div.document main .inner .body .layout .media-container .meta-index,
  div.document main .inner .body .layout .media-container .meta-sdgs,
  div.document main .inner .body .layout .meta-container .meta-index,
  div.document main .inner .body .layout .meta-container .meta-sdgs,
  div.document main#pad .inner .body .layout .media-container .meta-index,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs,
  div.document main#pad .inner .body .layout .meta-container .meta-index,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs,
  div.document main#reference .inner .body .layout .media-container .meta-index,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs,
  div.document main#reference .inner .body .layout .meta-container .meta-index,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs,
  div.document main#template .inner .body .layout .media-container .meta-index,
  div.document main#template .inner .body .layout .media-container .meta-sdgs,
  div.document main#template .inner .body .layout .meta-container .meta-index,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .meta-index,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs {
    width: 100%;
    min-height: 120px;
    line-height: 120px;
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-index img,
  div.document main .inner .body .layout .media-container .meta-sdgs img,
  div.document main .inner .body .layout .meta-container .meta-index img,
  div.document main .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#pad .inner .body .layout .media-container .meta-index img,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs img,
  div.document main#pad .inner .body .layout .meta-container .meta-index img,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#reference .inner .body .layout .media-container .meta-index img,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs img,
  div.document main#reference .inner .body .layout .meta-container .meta-index img,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#template .inner .body .layout .media-container .meta-index img,
  div.document main#template .inner .body .layout .media-container .meta-sdgs img,
  div.document main#template .inner .body .layout .meta-container .meta-index img,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs img,
  div.document main#mobilization .inner .body .layout .media-container .meta-index img,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs img {
    width: 120px;
    height: 120px;
    margin: 0 10px;
    vertical-align: top;
  }
  div.document main .inner .body .layout .media-container .meta-index.template,
  div.document main .inner .body .layout .media-container .meta-sdgs.template,
  div.document main .inner .body .layout .meta-container .meta-index.template,
  div.document main .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#pad .inner .body .layout .media-container .meta-index.template,
  div.document main#pad .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#pad .inner .body .layout .meta-container .meta-index.template,
  div.document main#pad .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#reference .inner .body .layout .media-container .meta-index.template,
  div.document main#reference .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#reference .inner .body .layout .meta-container .meta-index.template,
  div.document main#reference .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#template .inner .body .layout .media-container .meta-index.template,
  div.document main#template .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#template .inner .body .layout .meta-container .meta-index.template,
  div.document main#template .inner .body .layout .meta-container .meta-sdgs.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-index.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-sdgs.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-index.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-sdgs.template {
    min-height: initial;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag,
  div.document main .inner .body .layout .media-container .meta-skills,
  div.document main .inner .body .layout .media-container .meta-methods,
  div.document main .inner .body .layout .media-container .meta-datasources,
  div.document main .inner .body .layout .meta-container .meta-tag,
  div.document main .inner .body .layout .meta-container .meta-skills,
  div.document main .inner .body .layout .meta-container .meta-methods,
  div.document main .inner .body .layout .meta-container .meta-datasources,
  div.document main#pad .inner .body .layout .media-container .meta-tag,
  div.document main#pad .inner .body .layout .media-container .meta-skills,
  div.document main#pad .inner .body .layout .media-container .meta-methods,
  div.document main#pad .inner .body .layout .media-container .meta-datasources,
  div.document main#pad .inner .body .layout .meta-container .meta-tag,
  div.document main#pad .inner .body .layout .meta-container .meta-skills,
  div.document main#pad .inner .body .layout .meta-container .meta-methods,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources,
  div.document main#reference .inner .body .layout .media-container .meta-tag,
  div.document main#reference .inner .body .layout .media-container .meta-skills,
  div.document main#reference .inner .body .layout .media-container .meta-methods,
  div.document main#reference .inner .body .layout .media-container .meta-datasources,
  div.document main#reference .inner .body .layout .meta-container .meta-tag,
  div.document main#reference .inner .body .layout .meta-container .meta-skills,
  div.document main#reference .inner .body .layout .meta-container .meta-methods,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources,
  div.document main#template .inner .body .layout .media-container .meta-tag,
  div.document main#template .inner .body .layout .media-container .meta-skills,
  div.document main#template .inner .body .layout .media-container .meta-methods,
  div.document main#template .inner .body .layout .media-container .meta-datasources,
  div.document main#template .inner .body .layout .meta-container .meta-tag,
  div.document main#template .inner .body .layout .meta-container .meta-skills,
  div.document main#template .inner .body .layout .meta-container .meta-methods,
  div.document main#template .inner .body .layout .meta-container .meta-datasources,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources {
    width: 100%;
    min-height: 31px;
    padding: 5px 0 10px 0;
    text-align: center;
    /*.tag {
    	display: inline-block;
    	color: $c-mid-blue;
    	font-size: $t-mid-small;
    	border: 1px solid $c-mid-blue;
    	padding: 5px 10px;
    	margin: 5px;

    	input {
    		display: none;
    	}
    	label {
    		cursor: pointer;
    	}
    }*/
    /*.tag:hover,*/
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag,
  div.document main .inner .body .layout .media-container .meta-skills .tag,
  div.document main .inner .body .layout .media-container .meta-methods .tag,
  div.document main .inner .body .layout .media-container .meta-datasources .tag,
  div.document main .inner .body .layout .meta-container .meta-tag .tag,
  div.document main .inner .body .layout .meta-container .meta-skills .tag,
  div.document main .inner .body .layout .meta-container .meta-methods .tag,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag {
    display: inline-block;
    border: none;
    padding: 0 15px;
    margin: 0 5px 5px 0;
    background-color: #e5e5e5;
    border-radius: calc(14px * 2);
    font-size: 14px;
    line-height: 2em;
    color: #646464;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag label,
  div.document main .inner .body .layout .media-container .meta-skills .tag label,
  div.document main .inner .body .layout .media-container .meta-methods .tag label,
  div.document main .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag label,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#pad .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#reference .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#template .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#template .inner .body .layout .meta-container .meta-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources .tag.selected {
    background-color: #005687;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources:empty:not(:focus):before {
    line-height: 31px;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template,
  div.document main .inner .body .layout .media-container .meta-skills.template,
  div.document main .inner .body .layout .media-container .meta-methods.template,
  div.document main .inner .body .layout .media-container .meta-datasources.template,
  div.document main .inner .body .layout .meta-container .meta-tag.template,
  div.document main .inner .body .layout .meta-container .meta-skills.template,
  div.document main .inner .body .layout .meta-container .meta-methods.template,
  div.document main .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#pad .inner .body .layout .media-container .meta-tag.template,
  div.document main#pad .inner .body .layout .media-container .meta-skills.template,
  div.document main#pad .inner .body .layout .media-container .meta-methods.template,
  div.document main#pad .inner .body .layout .media-container .meta-datasources.template,
  div.document main#pad .inner .body .layout .meta-container .meta-tag.template,
  div.document main#pad .inner .body .layout .meta-container .meta-skills.template,
  div.document main#pad .inner .body .layout .meta-container .meta-methods.template,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#reference .inner .body .layout .media-container .meta-tag.template,
  div.document main#reference .inner .body .layout .media-container .meta-skills.template,
  div.document main#reference .inner .body .layout .media-container .meta-methods.template,
  div.document main#reference .inner .body .layout .media-container .meta-datasources.template,
  div.document main#reference .inner .body .layout .meta-container .meta-tag.template,
  div.document main#reference .inner .body .layout .meta-container .meta-skills.template,
  div.document main#reference .inner .body .layout .meta-container .meta-methods.template,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#template .inner .body .layout .media-container .meta-tag.template,
  div.document main#template .inner .body .layout .media-container .meta-skills.template,
  div.document main#template .inner .body .layout .media-container .meta-methods.template,
  div.document main#template .inner .body .layout .media-container .meta-datasources.template,
  div.document main#template .inner .body .layout .meta-container .meta-tag.template,
  div.document main#template .inner .body .layout .meta-container .meta-skills.template,
  div.document main#template .inner .body .layout .meta-container .meta-methods.template,
  div.document main#template .inner .body .layout .meta-container .meta-datasources.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources.template {
    min-height: initial;
    padding: 0;
    line-height: inherit;
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#pad .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#reference .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#template .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-tag.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-skills.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-methods.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .media-container .meta-datasources.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-tag.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-skills.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-methods.template:empty:not(:focus):before,
  div.document main#mobilization .inner .body .layout .meta-container .meta-datasources.template:empty:not(:focus):before {
    line-height: initial;
  }
  div.document main .inner .body .layout .media-container .meta-attachment,
  div.document main .inner .body .layout .meta-container .meta-attachment,
  div.document main#pad .inner .body .layout .media-container .meta-attachment,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment,
  div.document main#reference .inner .body .layout .media-container .meta-attachment,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment,
  div.document main#template .inner .body .layout .media-container .meta-attachment,
  div.document main#template .inner .body .layout .meta-container .meta-attachment,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment {
    text-align: center;
  }
  div.document main .inner .body .layout .media-container .meta-attachment a img,
  div.document main .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#pad .inner .body .layout .media-container .meta-attachment a img,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#reference .inner .body .layout .media-container .meta-attachment a img,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#template .inner .body .layout .media-container .meta-attachment a img,
  div.document main#template .inner .body .layout .meta-container .meta-attachment a img,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment a img,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment a img {
    width: 120px;
    height: 120px;
  }
  div.document main .inner .body .layout .media-container .meta-attachment.template,
  div.document main .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#pad .inner .body .layout .media-container .meta-attachment.template,
  div.document main#pad .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#reference .inner .body .layout .media-container .meta-attachment.template,
  div.document main#reference .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#template .inner .body .layout .media-container .meta-attachment.template,
  div.document main#template .inner .body .layout .meta-container .meta-attachment.template,
  div.document main#mobilization .inner .body .layout .media-container .meta-attachment.template,
  div.document main#mobilization .inner .body .layout .meta-container .meta-attachment.template {
    text-align: left;
  }
  div.document main .inner .body .layout .media-container .media-repeat button,
  div.document main .inner .body .layout .meta-container .media-repeat button,
  div.document main#pad .inner .body .layout .media-container .media-repeat button,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button,
  div.document main#reference .inner .body .layout .media-container .media-repeat button,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button,
  div.document main#template .inner .body .layout .media-container .media-repeat button,
  div.document main#template .inner .body .layout .meta-container .media-repeat button,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    margin-top: 30px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    border-top: 1px solid #969696;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .media-repeat button div,
  div.document main .inner .body .layout .meta-container .media-repeat button div,
  div.document main#pad .inner .body .layout .media-container .media-repeat button div,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button div,
  div.document main#reference .inner .body .layout .media-container .media-repeat button div,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button div,
  div.document main#template .inner .body .layout .media-container .media-repeat button div,
  div.document main#template .inner .body .layout .meta-container .media-repeat button div,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button div,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button div {
    outline: none;
  }
  div.document main .inner .body .layout .media-container .media-repeat button::after,
  div.document main .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#pad .inner .body .layout .media-container .media-repeat button::after,
  div.document main#pad .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#reference .inner .body .layout .media-container .media-repeat button::after,
  div.document main#reference .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#template .inner .body .layout .media-container .media-repeat button::after,
  div.document main#template .inner .body .layout .meta-container .media-repeat button::after,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat button::after,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat button::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #969696;
    transform: translate(-4px, -8px);
  }
  div.document main .inner .body .layout .media-container .media-repeat.template button,
  div.document main .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#pad .inner .body .layout .media-container .media-repeat.template button,
  div.document main#pad .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#reference .inner .body .layout .media-container .media-repeat.template button,
  div.document main#reference .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#template .inner .body .layout .media-container .media-repeat.template button,
  div.document main#template .inner .body .layout .meta-container .media-repeat.template button,
  div.document main#mobilization .inner .body .layout .media-container .media-repeat.template button,
  div.document main#mobilization .inner .body .layout .meta-container .media-repeat.template button {
    cursor: text;
  }
  div.document main .inner .body .layout .media-container .inset,
  div.document main .inner .body .layout .meta-container .inset,
  div.document main#pad .inner .body .layout .media-container .inset,
  div.document main#pad .inner .body .layout .meta-container .inset,
  div.document main#reference .inner .body .layout .media-container .inset,
  div.document main#reference .inner .body .layout .meta-container .inset,
  div.document main#template .inner .body .layout .media-container .inset,
  div.document main#template .inner .body .layout .meta-container .inset,
  div.document main#mobilization .inner .body .layout .media-container .inset,
  div.document main#mobilization .inner .body .layout .meta-container .inset {
    width: 100%;
    max-height: 0;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    overflow: hidden;
    transition: max-height 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add,
  div.document main .inner .body .layout .media-container .inset .search,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main .inner .body .layout .meta-container .inset .search,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#pad .inner .body .layout .media-container .inset .search,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#pad .inner .body .layout .meta-container .inset .search,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#reference .inner .body .layout .media-container .inset .search,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#reference .inner .body .layout .meta-container .inset .search,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#template .inner .body .layout .media-container .inset .search,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#template .inner .body .layout .meta-container .inset .search,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add,
  div.document main#mobilization .inner .body .layout .media-container .inset .search,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search {
    position: relative;
    width: 100%;
    height: 75px;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .media-container .inset .search input[type=text],
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text],
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text],
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text],
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text],
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text] {
    width: calc(100% - 65px - 10px);
    height: 50px;
    margin: 15px 0 0 10px;
    border: none;
    /*border-bottom: 1px solid $c-dark-1;*/
    border-bottom: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    /*color: #FFF;*/
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text].has-value + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:focus + label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0px);
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#pad .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#reference .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#template .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .media-container .inset .search input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add input[type=text]:-webkit-autofill:active,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:focus,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search input[type=text]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #934a5f inset !important;
    -webkit-text-fill-color: #333d51 !important;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main .inner .body .layout .media-container .inset .search label,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main .inner .body .layout .meta-container .inset .search label,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#pad .inner .body .layout .media-container .inset .search label,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#pad .inner .body .layout .meta-container .inset .search label,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#reference .inner .body .layout .media-container .inset .search label,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#reference .inner .body .layout .meta-container .inset .search label,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#template .inner .body .layout .media-container .inset .search label,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#template .inner .body .layout .meta-container .inset .search label,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add label,
  div.document main#mobilization .inner .body .layout .media-container .inset .search label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search label {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 16px;
    line-height: 1.5em;
    /*color: #FFF;*/
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main .inner .body .layout .media-container .inset .search button,
  div.document main .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main .inner .body .layout .meta-container .inset .search button,
  div.document main#pad .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#pad .inner .body .layout .media-container .inset .search button,
  div.document main#pad .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#pad .inner .body .layout .meta-container .inset .search button,
  div.document main#reference .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#reference .inner .body .layout .media-container .inset .search button,
  div.document main#reference .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#reference .inner .body .layout .meta-container .inset .search button,
  div.document main#template .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#template .inner .body .layout .media-container .inset .search button,
  div.document main#template .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#template .inner .body .layout .meta-container .inset .search button,
  div.document main#mobilization .inner .body .layout .media-container .inset .filter-or-add button,
  div.document main#mobilization .inner .body .layout .media-container .inset .search button,
  div.document main#mobilization .inner .body .layout .meta-container .inset .filter-or-add button,
  div.document main#mobilization .inner .body .layout .meta-container .inset .search button {
    width: 65px;
    height: 65px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location,
  div.document main .inner .body .layout .meta-container .inset .inset-location,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location,
  div.document main#template .inner .body .layout .media-container .inset .inset-location,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location {
    max-height: 205px;
    padding: 0 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel {
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #e5e5e5;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt {
    padding: 0 10px;
    margin: 5px 0;
    color: #969696;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt:not(.selected):hover,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt:not(.selected):hover {
    background-color: #e5e5e5;
    color: #005687;
  }
  div.document main .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-location .panel .opt.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-location .panel .opt.selected {
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset .inset-index,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#template .inner .body .layout .media-container .inset .inset-index,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(6, 1fr);
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag {
    transition: background-color 0.25s;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag input[type=checkbox],
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag label {
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
  }
  div.document main .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#template .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-index .tag.selected img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-sdgs .tag.selected img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-index .tag.selected img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag:hover:not(.disabled) img,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-sdgs .tag.selected img {
    filter: brightness(300%);
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills,
  div.document main .inner .body .layout .media-container .inset .inset-methods,
  div.document main .inner .body .layout .media-container .inset .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset .inset-tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills,
  div.document main .inner .body .layout .meta-container .inset .inset-methods,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources {
    max-height: 205px;
    /*padding: 0 0 10px 10px;*/
    padding: 5px 10px 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag {
    display: inline-block;
    padding: 0 5px;
    margin: 0 2.5px 2.5px 0;
    border: 1px solid #969696;
    border-radius: calc(12px * 1.5);
    color: #969696;
    font-size: 12px;
    line-height: 1.5em;
    transition: background-color 0.1s;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag input,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag input,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag input {
    display: none;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag label,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag label,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag label {
    padding: 3px 5px;
    cursor: pointer;
  }
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#pad .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#reference .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#template .inner .body .layout .meta-container .inset .inset-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .media-container .inset .inset-datasources .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-tag .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-skills .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-methods .tag.selected,
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag:hover:not(.disabled),
  div.document main#mobilization .inner .body .layout .meta-container .inset .inset-datasources .tag.selected {
    /*background-color: $c-light-1;*/
    background-color: #969696;
    color: #fff;
  }
  div.document main .inner .body .layout .media-container .inset.template,
  div.document main .inner .body .layout .meta-container .inset.template,
  div.document main#pad .inner .body .layout .media-container .inset.template,
  div.document main#pad .inner .body .layout .meta-container .inset.template,
  div.document main#reference .inner .body .layout .media-container .inset.template,
  div.document main#reference .inner .body .layout .meta-container .inset.template,
  div.document main#template .inner .body .layout .media-container .inset.template,
  div.document main#template .inner .body .layout .meta-container .inset.template,
  div.document main#mobilization .inner .body .layout .media-container .inset.template,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template {
    /* THIS IS FOR TEMPLATES */
  }
  div.document main .inner .body .layout .media-container .inset.template div,
  div.document main .inner .body .layout .meta-container .inset.template div,
  div.document main#pad .inner .body .layout .media-container .inset.template div,
  div.document main#pad .inner .body .layout .meta-container .inset.template div,
  div.document main#reference .inner .body .layout .media-container .inset.template div,
  div.document main#reference .inner .body .layout .meta-container .inset.template div,
  div.document main#template .inner .body .layout .media-container .inset.template div,
  div.document main#template .inner .body .layout .meta-container .inset.template div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div {
    padding: 0 0 10px 10px;
    overflow: auto;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel,
  div.document main .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template div .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template div .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#template .inner .body .layout .media-container .inset.template div .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template div .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div .panel {
    /*border-left: 1px solid $c-light-1;*/
    border-left: 1px solid #969696;
    padding: 10px 10px 0 10px;
  }
  div.document main .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#pad .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#pad .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#reference .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#reference .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#template .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#template .inner .body .layout .meta-container .inset.template div .panel .instruction,
  div.document main#mobilization .inner .body .layout .media-container .inset.template div .panel .instruction,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template div .panel .instruction {
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources {
    display: block;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel {
    /*.opt:not(.selected):hover {
    	background-color: transparent;
    	color: $c-light-green;
    }*/
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    /*color: $c-light-1;*/
    color: #969696;
    cursor: initial;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt div,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt div,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt div {
    padding: 0 5px;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-index .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-index .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-sdgs .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods .panel .opt .grow,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources .panel .opt .grow {
    flex-grow: 1;
  }
  div.document main .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#pad .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#reference .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#template .inner .body .layout .meta-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .media-container .inset.template .inset-datasources,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-tag,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-skills,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-methods,
  div.document main#mobilization .inner .body .layout .meta-container .inset.template .inset-datasources {
    max-height: 300px;
  }
  div.document main .inner .body .layout .media-container figcaption,
  div.document main .inner .body .layout .meta-container figcaption,
  div.document main#pad .inner .body .layout .media-container figcaption,
  div.document main#pad .inner .body .layout .meta-container figcaption,
  div.document main#reference .inner .body .layout .media-container figcaption,
  div.document main#reference .inner .body .layout .meta-container figcaption,
  div.document main#template .inner .body .layout .media-container figcaption,
  div.document main#template .inner .body .layout .meta-container figcaption,
  div.document main#mobilization .inner .body .layout .media-container figcaption,
  div.document main#mobilization .inner .body .layout .meta-container figcaption {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .media-container .response.template,
  div.document main .inner .body .layout .meta-container .response.template,
  div.document main#pad .inner .body .layout .media-container .response.template,
  div.document main#pad .inner .body .layout .meta-container .response.template,
  div.document main#reference .inner .body .layout .media-container .response.template,
  div.document main#reference .inner .body .layout .meta-container .response.template,
  div.document main#template .inner .body .layout .media-container .response.template,
  div.document main#template .inner .body .layout .meta-container .response.template,
  div.document main#mobilization .inner .body .layout .media-container .response.template,
  div.document main#mobilization .inner .body .layout .meta-container .response.template {
    color: #969696;
    /*color: $c-mid-2;*/
    font-size: 12px;
    line-height: 1.5em;
  }
  div.document main .inner .body .layout .drawing-container .opts,
  div.document main#pad .inner .body .layout .drawing-container .opts,
  div.document main#reference .inner .body .layout .drawing-container .opts,
  div.document main#template .inner .body .layout .drawing-container .opts,
  div.document main#mobilization .inner .body .layout .drawing-container .opts {
    border-bottom: none;
  }
  div.document main .inner .body .layout .results-container .chart svg rect,
  div.document main#pad .inner .body .layout .results-container .chart svg rect,
  div.document main#reference .inner .body .layout .results-container .chart svg rect,
  div.document main#template .inner .body .layout .results-container .chart svg rect,
  div.document main#mobilization .inner .body .layout .results-container .chart svg rect {
    fill: #0468b1;
    cursor: pointer;
  }
  div.document main .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#pad .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#reference .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#template .inner .body .layout .results-container .chart svg rect:hover,
  div.document main#mobilization .inner .body .layout .results-container .chart svg rect:hover {
    fill: #005687;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#pad .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#reference .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#template .inner .body .layout .results-container .chart svg .x.axis text,
  div.document main#mobilization .inner .body .layout .results-container .chart svg .x.axis text {
    font-weight: bold;
  }
  div.document main .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#pad .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#reference .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#template .inner .body .layout .results-container .chart svg .x.axis path,
  div.document main#mobilization .inner .body .layout .results-container .chart svg .x.axis path {
    display: none;
  }
  div.document main .inner .body .layout .group-container,
  div.document main#pad .inner .body .layout .group-container,
  div.document main#reference .inner .body .layout .group-container,
  div.document main#template .inner .body .layout .group-container,
  div.document main#mobilization .inner .body .layout .group-container {
    position: relative;
    /*.media-group-items::before {
    	content: '';
    	position: absolute;
    	left: -30px;
    	top: -15px;
    	width: 100%;
    	height: 0;
    	border-top: 1px solid $c-mid-yellow;
    }*/
  }
  div.document main .inner .body .layout .group-container .media-group,
  div.document main#pad .inner .body .layout .group-container .media-group,
  div.document main#reference .inner .body .layout .group-container .media-group,
  div.document main#template .inner .body .layout .group-container .media-group,
  div.document main#mobilization .inner .body .layout .group-container .media-group {
    margin-bottom: 15px;
  }
  div.document main .inner .body .layout .group-container .media-group-items,
  div.document main#pad .inner .body .layout .group-container .media-group-items,
  div.document main#reference .inner .body .layout .group-container .media-group-items,
  div.document main#template .inner .body .layout .group-container .media-group-items,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items {
    width: calc(100% - 30px);
    margin: 15px 0 15px 30px;
  }
  div.document main .inner .body .layout .group-container .media-group-items::before,
  div.document main#pad .inner .body .layout .group-container .media-group-items::before,
  div.document main#reference .inner .body .layout .group-container .media-group-items::before,
  div.document main#template .inner .body .layout .group-container .media-group-items::before,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items::before {
    content: "";
    position: absolute;
    left: -30px;
    width: 0;
    height: 100%;
    /*border-left: 1px solid $c-mid-yellow;*/
    border-left: 1px solid #969696;
  }
  div.document main .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#pad .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#reference .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#template .inner .body .layout .group-container .media-group-items.animate-in,
  div.document main#mobilization .inner .body .layout .group-container .media-group-items.animate-in {
    opacity: 0;
    animation: slide-down 1s forwards;
  }
  div.document main .inner .body .layout .meta-container.template img,
  div.document main#pad .inner .body .layout .meta-container.template img,
  div.document main#reference .inner .body .layout .meta-container.template img,
  div.document main#template .inner .body .layout .meta-container.template img,
  div.document main#mobilization .inner .body .layout .meta-container.template img {
    width: 20px;
    height: 20px;
    margin: 5px 5px 0 0;
    vertical-align: text-bottom;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts),
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .opts:not(.index-opts) .opt-group,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .opts:not(.index-opts) .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .placement-opts,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .add-opt i,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover .media-embed,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus .media-embed,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus .media-embed,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover .media-embed {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#pad .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#pad .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#pad .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#reference .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#reference .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#reference .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#template .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#template .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#template .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#template .inner .body .layout .meta-container:not(.group-container):hover canvas,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container).focus canvas,
  div.document main#mobilization .inner .body .layout .media-container:not(.group-container):hover canvas,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container).focus canvas,
  div.document main#mobilization .inner .body .layout .meta-container:not(.group-container):hover canvas {
    /*border-color: $c-light-yellow;*/
    border-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#pad .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#reference .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#template .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#template .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container.focus .media-group-items:hover .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:hover .media-group-items:hover .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.focus .add-opt i,
  div.document main .inner .body .layout .media-container:hover .add-opt i,
  div.document main#pad .inner .body .layout .media-container.focus .add-opt i,
  div.document main#pad .inner .body .layout .media-container:hover .add-opt i,
  div.document main#reference .inner .body .layout .media-container.focus .add-opt i,
  div.document main#reference .inner .body .layout .media-container:hover .add-opt i,
  div.document main#template .inner .body .layout .media-container.focus .add-opt i,
  div.document main#template .inner .body .layout .media-container:hover .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container.focus .add-opt i,
  div.document main#mobilization .inner .body .layout .media-container:hover .add-opt i {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .opts,
  div.document main .inner .body .layout .media-container:hover > .opts,
  div.document main#pad .inner .body .layout .media-container.focus > .opts,
  div.document main#pad .inner .body .layout .media-container:hover > .opts,
  div.document main#reference .inner .body .layout .media-container.focus > .opts,
  div.document main#reference .inner .body .layout .media-container:hover > .opts,
  div.document main#template .inner .body .layout .media-container.focus > .opts,
  div.document main#template .inner .body .layout .media-container:hover > .opts,
  div.document main#mobilization .inner .body .layout .media-container.focus > .opts,
  div.document main#mobilization .inner .body .layout .media-container:hover > .opts {
    /*border-bottom-color: $c-light-yellow;*/
    border-bottom-color: #e5e5e5;
  }
  div.document main .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#pad .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#reference .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#template .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#template .inner .body .layout .media-container:hover > .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container.focus > .opts .opt-group,
  div.document main#mobilization .inner .body .layout .media-container:hover > .opts .opt-group {
    display: block;
  }
  div.document main .inner .body .layout .media-container.focus > .placement-opts,
  div.document main .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#pad .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#pad .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#reference .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#reference .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#template .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#template .inner .body .layout .media-container:hover > .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container.focus > .placement-opts,
  div.document main#mobilization .inner .body .layout .media-container:hover > .placement-opts {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  div.document main .inner .body .layout .media-container.move,
  div.document main .inner .body .layout .meta-container.move,
  div.document main#pad .inner .body .layout .media-container.move,
  div.document main#pad .inner .body .layout .meta-container.move,
  div.document main#reference .inner .body .layout .media-container.move,
  div.document main#reference .inner .body .layout .meta-container.move,
  div.document main#template .inner .body .layout .media-container.move,
  div.document main#template .inner .body .layout .meta-container.move,
  div.document main#mobilization .inner .body .layout .media-container.move,
  div.document main#mobilization .inner .body .layout .meta-container.move {
    transition: transform 0.75s;
  }
  div.document main .inner .body .layout:hover > .placement-opts,
  div.document main#pad .inner .body .layout:hover > .placement-opts,
  div.document main#reference .inner .body .layout:hover > .placement-opts,
  div.document main#template .inner .body .layout:hover > .placement-opts,
  div.document main#mobilization .inner .body .layout:hover > .placement-opts {
    display: block;
  }
  div.document main .inner .body .layout.focus,
  div.document main#pad .inner .body .layout.focus,
  div.document main#reference .inner .body .layout.focus,
  div.document main#template .inner .body .layout.focus,
  div.document main#mobilization .inner .body .layout.focus {
    background-color: rgb(239, 239, 239);
  }
  div.document main .inner .body .layout.view,
  div.document main#pad .inner .body .layout.view,
  div.document main#reference .inner .body .layout.view,
  div.document main#template .inner .body .layout.view,
  div.document main#mobilization .inner .body .layout.view {
    border-top: none;
  }
  div.document main .inner .body .layout.view .input-type,
  div.document main#pad .inner .body .layout.view .input-type,
  div.document main#reference .inner .body .layout.view .input-type,
  div.document main#template .inner .body .layout.view .input-type,
  div.document main#mobilization .inner .body .layout.view .input-type {
    display: none;
  }
  div.document main .inner .body .layout.view .media-container,
  div.document main .inner .body .layout.view .meta-container,
  div.document main#pad .inner .body .layout.view .media-container,
  div.document main#pad .inner .body .layout.view .meta-container,
  div.document main#reference .inner .body .layout.view .media-container,
  div.document main#reference .inner .body .layout.view .meta-container,
  div.document main#template .inner .body .layout.view .media-container,
  div.document main#template .inner .body .layout.view .meta-container,
  div.document main#mobilization .inner .body .layout.view .media-container,
  div.document main#mobilization .inner .body .layout.view .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.view .media-container .media,
  div.document main .inner .body .layout.view .media-container .meta,
  div.document main .inner .body .layout.view .meta-container .media,
  div.document main .inner .body .layout.view .meta-container .meta,
  div.document main#pad .inner .body .layout.view .media-container .media,
  div.document main#pad .inner .body .layout.view .media-container .meta,
  div.document main#pad .inner .body .layout.view .meta-container .media,
  div.document main#pad .inner .body .layout.view .meta-container .meta,
  div.document main#reference .inner .body .layout.view .media-container .media,
  div.document main#reference .inner .body .layout.view .media-container .meta,
  div.document main#reference .inner .body .layout.view .meta-container .media,
  div.document main#reference .inner .body .layout.view .meta-container .meta,
  div.document main#template .inner .body .layout.view .media-container .media,
  div.document main#template .inner .body .layout.view .media-container .meta,
  div.document main#template .inner .body .layout.view .meta-container .media,
  div.document main#template .inner .body .layout.view .meta-container .meta,
  div.document main#mobilization .inner .body .layout.view .media-container .media,
  div.document main#mobilization .inner .body .layout.view .media-container .meta,
  div.document main#mobilization .inner .body .layout.view .meta-container .media,
  div.document main#mobilization .inner .body .layout.view .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .description-layout,
  div.document main#pad .inner .body .description-layout,
  div.document main#reference .inner .body .description-layout,
  div.document main#template .inner .body .description-layout,
  div.document main#mobilization .inner .body .description-layout {
    margin-top: 10px;
    padding-bottom: 30px;
    clear: both;
    /*border-top-color: $c-light-yellow;*/
    border-top-color: #e5e5e5;
    border-bottom: 1px dotted #969696;
  }
  div.document main .inner .body .description-layout .media-container .media,
  div.document main .inner .body .description-layout .media-container .media.focus,
  div.document main#pad .inner .body .description-layout .media-container .media,
  div.document main#pad .inner .body .description-layout .media-container .media.focus,
  div.document main#reference .inner .body .description-layout .media-container .media,
  div.document main#reference .inner .body .description-layout .media-container .media.focus,
  div.document main#template .inner .body .description-layout .media-container .media,
  div.document main#template .inner .body .description-layout .media-container .media.focus,
  div.document main#mobilization .inner .body .description-layout .media-container .media,
  div.document main#mobilization .inner .body .description-layout .media-container .media.focus {
    border-top: none;
  }
  div.document main .inner .body .description-layout .media-container .media i,
  div.document main .inner .body .description-layout .media-container .media.focus i,
  div.document main#pad .inner .body .description-layout .media-container .media i,
  div.document main#pad .inner .body .description-layout .media-container .media.focus i,
  div.document main#reference .inner .body .description-layout .media-container .media i,
  div.document main#reference .inner .body .description-layout .media-container .media.focus i,
  div.document main#template .inner .body .description-layout .media-container .media i,
  div.document main#template .inner .body .description-layout .media-container .media.focus i,
  div.document main#mobilization .inner .body .description-layout .media-container .media i,
  div.document main#mobilization .inner .body .description-layout .media-container .media.focus i {
    color: #646464;
  }
  div.document main .inner .body .description-layout .meta-container,
  div.document main#pad .inner .body .description-layout .meta-container,
  div.document main#reference .inner .body .description-layout .meta-container,
  div.document main#template .inner .body .description-layout .meta-container,
  div.document main#mobilization .inner .body .description-layout .meta-container {
    margin: 0 0 5px 0;
    padding-top: 0;
  }
  div.document main .inner .body .description-layout .meta-container .meta-template,
  div.document main#pad .inner .body .description-layout .meta-container .meta-template,
  div.document main#reference .inner .body .description-layout .meta-container .meta-template,
  div.document main#template .inner .body .description-layout .meta-container .meta-template,
  div.document main#mobilization .inner .body .description-layout .meta-container .meta-template {
    font-size: 12px;
    line-height: 1.5em;
    display: inline-block;
    color: #969696;
  }
  div.document main .inner .body .description-layout .toc-container h1,
  div.document main#pad .inner .body .description-layout .toc-container h1,
  div.document main#reference .inner .body .description-layout .toc-container h1,
  div.document main#template .inner .body .description-layout .toc-container h1,
  div.document main#mobilization .inner .body .description-layout .toc-container h1 {
    font-size: 20px;
    line-height: 1.5em;
    color: #646464;
    font-weight: normal;
  }
  div.document main .inner .body .description-layout .toc-container li,
  div.document main#pad .inner .body .description-layout .toc-container li,
  div.document main#reference .inner .body .description-layout .toc-container li,
  div.document main#template .inner .body .description-layout .toc-container li,
  div.document main#mobilization .inner .body .description-layout .toc-container li {
    font-size: 16px;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
    cursor: pointer;
    list-style: initial;
    margin-left: 15px;
  }
  div.document main .inner .body .description-layout .toc-container li:hover,
  div.document main#pad .inner .body .description-layout .toc-container li:hover,
  div.document main#reference .inner .body .description-layout .toc-container li:hover,
  div.document main#template .inner .body .description-layout .toc-container li:hover,
  div.document main#mobilization .inner .body .description-layout .toc-container li:hover {
    text-decoration: underline;
  }
  div.document main .inner .body .description-layout .input-slideshow,
  div.document main#pad .inner .body .description-layout .input-slideshow,
  div.document main#reference .inner .body .description-layout .input-slideshow,
  div.document main#template .inner .body .description-layout .input-slideshow,
  div.document main#mobilization .inner .body .description-layout .input-slideshow {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 15px 0 0 0;
    font-size: 14px;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox],
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox] {
    display: none;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox] + label,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label {
    border-color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#pad .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#reference .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#template .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p,
  div.document main#mobilization .inner .body .description-layout .input-slideshow input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  div.document main .inner .body .description-layout .input-slideshow p,
  div.document main#pad .inner .body .description-layout .input-slideshow p,
  div.document main#reference .inner .body .description-layout .input-slideshow p,
  div.document main#template .inner .body .description-layout .input-slideshow p,
  div.document main#mobilization .inner .body .description-layout .input-slideshow p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  div.document main .inner .body .description-layout.view .media-container,
  div.document main .inner .body .description-layout.view .meta-container,
  div.document main#pad .inner .body .description-layout.view .media-container,
  div.document main#pad .inner .body .description-layout.view .meta-container,
  div.document main#reference .inner .body .description-layout.view .media-container,
  div.document main#reference .inner .body .description-layout.view .meta-container,
  div.document main#template .inner .body .description-layout.view .media-container,
  div.document main#template .inner .body .description-layout.view .meta-container,
  div.document main#mobilization .inner .body .description-layout.view .media-container,
  div.document main#mobilization .inner .body .description-layout.view .meta-container {
    padding-top: 0;
  }
  div.document main .inner .body .description-layout.view .media-container .media,
  div.document main .inner .body .description-layout.view .meta-container .media,
  div.document main#pad .inner .body .description-layout.view .media-container .media,
  div.document main#pad .inner .body .description-layout.view .meta-container .media,
  div.document main#reference .inner .body .description-layout.view .media-container .media,
  div.document main#reference .inner .body .description-layout.view .meta-container .media,
  div.document main#template .inner .body .description-layout.view .media-container .media,
  div.document main#template .inner .body .description-layout.view .meta-container .media,
  div.document main#mobilization .inner .body .description-layout.view .media-container .media,
  div.document main#mobilization .inner .body .description-layout.view .meta-container .media {
    color: #969696;
  }
  div.document main .inner .body .layout.preview .media-container,
  div.document main .inner .body .layout.preview .meta-container,
  div.document main#pad .inner .body .layout.preview .media-container,
  div.document main#pad .inner .body .layout.preview .meta-container,
  div.document main#reference .inner .body .layout.preview .media-container,
  div.document main#reference .inner .body .layout.preview .meta-container,
  div.document main#template .inner .body .layout.preview .media-container,
  div.document main#template .inner .body .layout.preview .meta-container,
  div.document main#mobilization .inner .body .layout.preview .media-container,
  div.document main#mobilization .inner .body .layout.preview .meta-container {
    padding-top: 30px;
  }
  div.document main .inner .body .layout.preview .media-container .media,
  div.document main .inner .body .layout.preview .media-container .meta,
  div.document main .inner .body .layout.preview .meta-container .media,
  div.document main .inner .body .layout.preview .meta-container .meta,
  div.document main#pad .inner .body .layout.preview .media-container .media,
  div.document main#pad .inner .body .layout.preview .media-container .meta,
  div.document main#pad .inner .body .layout.preview .meta-container .media,
  div.document main#pad .inner .body .layout.preview .meta-container .meta,
  div.document main#reference .inner .body .layout.preview .media-container .media,
  div.document main#reference .inner .body .layout.preview .media-container .meta,
  div.document main#reference .inner .body .layout.preview .meta-container .media,
  div.document main#reference .inner .body .layout.preview .meta-container .meta,
  div.document main#template .inner .body .layout.preview .media-container .media,
  div.document main#template .inner .body .layout.preview .media-container .meta,
  div.document main#template .inner .body .layout.preview .meta-container .media,
  div.document main#template .inner .body .layout.preview .meta-container .meta,
  div.document main#mobilization .inner .body .layout.preview .media-container .media,
  div.document main#mobilization .inner .body .layout.preview .media-container .meta,
  div.document main#mobilization .inner .body .layout.preview .meta-container .media,
  div.document main#mobilization .inner .body .layout.preview .meta-container .meta {
    border-top: none;
  }
  div.document main .inner .body .layout.preview .media-container .placement-opts,
  div.document main .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#pad .inner .body .layout.preview .media-container .placement-opts,
  div.document main#pad .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#reference .inner .body .layout.preview .media-container .placement-opts,
  div.document main#reference .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#template .inner .body .layout.preview .media-container .placement-opts,
  div.document main#template .inner .body .layout.preview .meta-container .placement-opts,
  div.document main#mobilization .inner .body .layout.preview .media-container .placement-opts,
  div.document main#mobilization .inner .body .layout.preview .meta-container .placement-opts {
    top: 15px;
  }
  div.document main .inner .body .layout.animate-in,
  div.document main#pad .inner .body .layout.animate-in,
  div.document main#reference .inner .body .layout.animate-in,
  div.document main#template .inner .body .layout.animate-in,
  div.document main#mobilization .inner .body .layout.animate-in {
    animation: slide-down 1s;
  }
  div.document main .inner .engagement-group,
  div.document main#pad .inner .engagement-group,
  div.document main#reference .inner .engagement-group,
  div.document main#template .inner .engagement-group,
  div.document main#mobilization .inner .engagement-group {
    margin: 10px 0 0 -7px;
  }
  div.document main .inner .engagement-group.page-stats,
  div.document main#pad .inner .engagement-group.page-stats,
  div.document main#reference .inner .engagement-group.page-stats,
  div.document main#template .inner .engagement-group.page-stats,
  div.document main#mobilization .inner .engagement-group.page-stats {
    margin-top: 0;
  }
  div.document main .inner .engagement-group .engagement,
  div.document main#pad .inner .engagement-group .engagement,
  div.document main#reference .inner .engagement-group .engagement,
  div.document main#template .inner .engagement-group .engagement,
  div.document main#mobilization .inner .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.document main .inner .engagement-group .engagement img,
  div.document main#pad .inner .engagement-group .engagement img,
  div.document main#reference .inner .engagement-group .engagement img,
  div.document main#template .inner .engagement-group .engagement img,
  div.document main#mobilization .inner .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.document main .inner .engagement-group .engagement span,
  div.document main#pad .inner .engagement-group .engagement span,
  div.document main#reference .inner .engagement-group .engagement span,
  div.document main#template .inner .engagement-group .engagement span,
  div.document main#mobilization .inner .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.document main .inner .engagement-group .engagement.engagement-reads,
  div.document main#pad .inner .engagement-group .engagement.engagement-reads,
  div.document main#reference .inner .engagement-group .engagement.engagement-reads,
  div.document main#template .inner .engagement-group .engagement.engagement-reads,
  div.document main#mobilization .inner .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.document main .inner .engagement-group .engagement:disabled img,
  div.document main#pad .inner .engagement-group .engagement:disabled img,
  div.document main#reference .inner .engagement-group .engagement:disabled img,
  div.document main#template .inner .engagement-group .engagement:disabled img,
  div.document main#mobilization .inner .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.document .media-input-group {
    position: fixed;
    top: 0;
    left: calc((100vw - 975px) / 2 + 900px + 1px);
    max-height: 80vh;
    transform: translateY(90px);
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;
  }
  div.document .media-input-group .inner {
    max-height: 80vh;
    overflow: hidden;
    background-color: #fff;
  }
  div.document .media-input-group .inner .btn-group {
    display: flex;
    flex-direction: column;
    outline: none;
    margin: 10px 0;
    background-color: #fff;
  }
  div.document .media-input-group .inner .btn-group input {
    display: none;
  }
  div.document .media-input-group .inner .btn-group label,
  div.document .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    float: left;
    width: 44px;
    height: 45px;
    margin: 0 7px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  div.document .media-input-group .inner .btn-group label label,
  div.document .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  div.document .media-input-group .inner .btn-group label label span,
  div.document .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  div.document .media-input-group .inner .btn-group label i,
  div.document .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  div.document .media-input-group .inner .btn-group label img,
  div.document .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  div.document .media-input-group .inner .btn-group label:hover,
  div.document .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  div.document .media-input-group .inner .btn-group label.highlight,
  div.document .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  div.document .media-input-group .inner .btn-group input:disabled,
  div.document .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  div.document .media-input-group .inner .btn-group input:disabled img,
  div.document .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  div.document .media-input-group .inner .btn-group .vertical-separator {
    width: 59px;
    height: 0px;
    /*border-top: 1px dotted $c-light-grey;*/
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  div.document .media-input-group button.scroll-up,
  div.document .media-input-group button.scroll-down {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  div.document .media-input-group button.scroll-up label,
  div.document .media-input-group button.scroll-down label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    transform-origin: center;
    cursor: pointer;
    color: #646464;
  }
  div.document .media-input-group button.scroll-up {
    top: 0px;
  }
  div.document .media-input-group button.scroll-up label {
    transform: rotate(-90deg);
  }
  div.document .media-input-group button.scroll-down {
    bottom: 0px;
  }
  div.document .media-input-group button.scroll-down label {
    transform: rotate(90deg);
  }
  div.document .input-group.overflowing .inner .btn-group {
    margin: 40px 0;
  }
  div.document .input-group.inline .inner .btn-group {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  div.document .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  div.document .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  div.document .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  div.document.slideshow {
    width: 100%;
    position: static;
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 30px);
    box-sizing: border-box;
  }
  div.document.slideshow main#pad {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.document.slideshow main#pad > .inner {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  div.document.slideshow main#pad > .inner .meta-info {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.prev {
    left: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav.next {
    right: 0;
  }
  div.document.slideshow main#pad > .inner button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.document.slideshow main#pad > .inner .slide {
    position: relative;
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    width: 100vw !important;
    min-height: 100vh;
    max-height: 100%;
    box-sizing: border-box;
    padding: 0 calc((100vw - 840px) / 2) 60px calc((100vw - 840px) / 2);
    scroll-snap-align: center;
    overflow-x: visible;
    overflow-y: scroll;
  }
  div.document.slideshow main#pad > .inner .slide div.required {
    left: calc((100vw - 840px) / 2 - 45px);
    top: 50%;
  }
  div.document.slideshow main#pad > .inner .slide .opts .opt-group label {
    left: calc((100vw - 840px) / 2) !important;
  }
  div.document.slideshow main#pad > .inner .description-layout.slide {
    border-bottom: none;
  }
  div.document.slideshow main#pad > .inner div.body {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  div.document.slideshow main#pad > .inner div.body section:not(.slide) {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    margin: 0;
  }
  div.document.slideshow main#pad > .inner div.body .media-input-group {
    left: auto;
    right: 60px;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide {
    display: flex;
    align-items: center;
    top: 0;
    height: 100%;
    margin: 0;
    z-index: 0;
  }
  div.document.slideshow main#pad > .inner div.meta-status.slide .btn-group {
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  main#reference {
    pointer-events: none;
  }
  footer {
    position: relative;
    width: 100%;
    clear: both;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #e5e5e5;
    z-index: 1000;
  }
  footer .inner {
    position: relative;
    display: block;
    width: 718px;
    margin: 0 auto;
    padding: 30px 60px 30px 60px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateX(1px);
    /* BELOW IS FOR THE COMMENTS MODULE */
  }
  footer .inner h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  footer .inner form {
    position: relative;
    margin: 15px 0 45px 0;
  }
  footer .inner form textarea {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    /*min-height: $t-main;*/
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 10px 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  footer .inner form label {
    position: absolute;
    left: 30px;
    top: 11px;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  footer .inner form label::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -35px;
    width: 30px;
    height: 30px;
    background: url("../imgs/icons/i-comment-outline.svg");
    filter: brightness(75%);
  }
  footer .inner form textarea + label {
    pointer-events: none;
  }
  footer .inner form textarea:focus + label,
  footer .inner form textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  footer .inner form .btn-group {
    border-top: 1px solid #646464;
  }
  footer .inner form .btn-group button {
    display: none;
    height: 30px;
    padding: 0 10px;
    border-radius: 0;
    /*background-color: $c-mid-yellow;*/
    background-color: #e5e5e5;
    font-size: 12px;
    color: #fff;
    float: right;
  }
  footer .inner form .btn-group button:disabled {
    background-color: #e5e5e5;
    color: #fff;
  }
  footer .inner form textarea:focus + label + .btn-group,
  footer .inner form textarea.has-value + label + .btn-group {
    /*border-color: $c-mid-yellow;*/
    border-color: #e5e5e5;
  }
  footer .inner form textarea:focus + label + .btn-group button,
  footer .inner form textarea.has-value + label + .btn-group button {
    display: block;
  }
  footer .inner ul.comments li {
    margin: 15px 0;
  }
  footer .inner ul.comments li .head .meta .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .head .meta .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  footer .inner ul.comments li .head .meta .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  footer .inner ul.comments li .body {
    font-size: 14px;
    line-height: 1.5em;
  }
  footer .inner ul.comments li .foot button.expand-collapsed {
    background-color: transparent;
    height: 15px;
    border: none;
    outline: none;
    color: #646464;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    cursor: pointer;
  }
  footer .inner ul.comments li .foot button.expand-collapsed.wide {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  footer .inner ul.comments li .foot .collapsed {
    position: relative;
    max-height: 0;
    padding-left: 30px;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  footer .inner ul.comments li .foot .collapsed ul.replies li {
    margin-top: 5px;
  }
  footer .inner ul.comments li .foot .collapsed form {
    margin-bottom: 30px;
  }
  footer .inner ul.comments li .foot .collapsed::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 7.5px;
    width: 0;
    height: calc(100% - 15px);
    border-left: 1px dotted #969696;
  }
  footer .inner button {
    height: 45px;
    background-color: #333d51;
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  footer .inner .approval-message {
    position: relative;
    width: 875px;
    margin: 0 auto;
    padding: 10px;
  }
  footer .inner .approval-message small {
    font-size: 12px;
    line-height: 1.5em;
    color: #c2b4d6;
  }
  footer .inner .approval-message p {
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  footer .inner .approval-message::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -11px;
    height: calc(100% + 15px);
    width: 1px;
    background-color: #c2b4d6;
  }
  footer .inner .approval-message::after {
    content: "“";
    position: absolute;
    /*top: calc(16px / 4);*/
    top: calc(10px + 16px);
    left: -11px;
    width: 10px;
    vertical-align: middle;
    background-color: rgb(239, 239, 239);
    border-top: 1px solid #c2b4d6;
    /*border-bottom: 1px solid $c-light-1;*/
    font-size: 36px;
    line-height: 1.5em;
    color: #c2b4d6;
    text-align: center;
  }
  .document.offset {
    padding-top: 50px;
  }
  .document.offset main .inner .meta-status {
    top: 50px !important;
  }
  .document.offset main .inner .media-input-group {
    top: 20px !important;
  }
  div.source-container,
  div#reviews {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    margin-top: 30px;
    /*
    height: 100vh;
    overflow: auto;
    vertical-align: top;
    filter: grayscale(1);

    main#reference {
    	width: 100%;
    	min-width: 0;
    	margin: 60px 0 0 0;

    	.inner {
    		.head {
    			a {
    				display: none;
    			}
    		}
    		.slide-nav,
    		.meta-status {
    			display: none !important;
    		}
    	}
    }
    .review {
    	position: relative;
    	width: 100%;
    }
    .review:not(:last-child) {
    	&::after {
    		content: '';
    		position: absolute;
    		left: -60px;
    		bottom: 0;
    		width: calc(100% + 120px);
    		height: 0;
    		border-bottom: 1px solid $c-light-grey;
    	}
    }
    */
  }
  .document.split-screen {
    width: 100%;
    height: 100vh;
    overflow: auto;
    border: none;
    box-sizing: border-box;
  }
  .document.split-screen main .inner .meta-status,
  .document.split-screen main#pad .inner .meta-status {
    top: 0;
  }
  .document.split-screen.right .media-input-group {
    left: auto !important;
    right: 0 !important;
  }
  .document.split-screen.right main .inner button.scroll-nav {
    width: 50% !important;
    left: 50% !important;
  }
  .document.split-screen.left {
    margin-left: 0;
  }
  .document.split-screen.left .media-input-group {
    left: auto !important;
    right: 50% !important;
  }
  div.display-option {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 1000000;
  }
  div.display-option a button {
    width: 100%;
    height: 20px;
    outline: none;
    border: none;
    padding: 0 10px;
    background-color: #969696;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    cursor: pointer;
    vertical-align: top;
    transition: background-color 0.25s;
  }
  div.display-option a button:hover {
    background-color: #646464;
  }
  div.display-option.split-screen {
    pointer-events: none;
  }
  div.display-option.split-screen a {
    pointer-events: all;
  }
  div.display-option.split-screen a button {
    width: 50%;
  }
  div.display-option.split-screen.right {
    text-align: right;
  }
  .media-input-group {
    position: sticky;
    top: 90px;
    width: 60px;
    max-height: 80vh;
    margin-left: -61px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1000;
  }
  .media-input-group .inner {
    max-height: 80vh;
    overflow: hidden;
    background-color: #fff;
  }
  .media-input-group .inner .btn-group {
    display: flex;
    flex-direction: column;
    outline: none;
    margin: 10px 0;
    background-color: #fff;
  }
  .media-input-group .inner .btn-group input {
    display: none;
  }
  .media-input-group .inner .btn-group label,
  .media-input-group .inner .btn-group button {
    position: relative;
    display: block;
    float: left;
    width: 44px;
    height: 45px;
    margin: 0 7px;
    outline: none;
    border: none;
    border-radius: 45px;
    background-color: transparent;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #646464;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  .media-input-group .inner .btn-group label label,
  .media-input-group .inner .btn-group button label {
    content: attr(title);
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 45px;
    width: 0;
    margin: 0 0 0 7.5px;
    background-color: #e5e5e5;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    transition: padding 0.25s, width 0.25s;
  }
  .media-input-group .inner .btn-group label label span,
  .media-input-group .inner .btn-group button label span {
    padding: 0 10px;
  }
  .media-input-group .inner .btn-group label i,
  .media-input-group .inner .btn-group button i {
    font-size: 20px;
    line-height: 45px;
  }
  .media-input-group .inner .btn-group label img,
  .media-input-group .inner .btn-group button img {
    width: 20px;
    vertical-align: middle;
  }
  .media-input-group .inner .btn-group label:hover,
  .media-input-group .inner .btn-group button:hover {
    background-color: #e5e5e5;
  }
  .media-input-group .inner .btn-group label.highlight,
  .media-input-group .inner .btn-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  .media-input-group .inner .btn-group input:disabled,
  .media-input-group .inner .btn-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  .media-input-group .inner .btn-group input:disabled img,
  .media-input-group .inner .btn-group button:disabled img {
    filter: brightness(2);
  }
  .media-input-group .inner .btn-group .vertical-separator {
    width: 59px;
    height: 0px;
    /*border-top: 1px dotted $c-light-grey;*/
    border-top: 1px solid #e5e5e5;
    margin: 10px 0;
  }
  .media-input-group button.scroll-up,
  .media-input-group button.scroll-down {
    position: absolute;
    display: block;
    height: 30px;
    width: 100%;
    border-radius: 0;
    margin: 0;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  .media-input-group button.scroll-up label,
  .media-input-group button.scroll-down label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
    line-height: 26px;
    text-align: center;
    font-size: 20px;
    transform-origin: center;
    cursor: pointer;
    color: #646464;
  }
  .media-input-group button.scroll-up {
    top: 0px;
  }
  .media-input-group button.scroll-up label {
    transform: rotate(-90deg);
  }
  .media-input-group button.scroll-down {
    bottom: 0px;
  }
  .media-input-group button.scroll-down label {
    transform: rotate(90deg);
  }
  .input-group.overflowing .inner .btn-group {
    margin: 40px 0;
  }
  .input-group.inline .inner .btn-group {
    position: static;
    margin-top: 10px;
    padding-bottom: 0;
  }
  .input-group.inline .inner .btn-group .vertical-separator {
    margin: 5px 15px;
  }
  .input-group.fixed .inner .btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
    z-index: 100;
  }
  .input-group.fixed .inner .btn-group label {
    pointer-events: all;
  }
  .fact-sheet {
    position: relative;
    display: block;
    width: 840px;
    padding: 30px 60px 0 60px;
    background-color: #fff;
    min-height: calc(100vh - 30px);
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .fact-sheet main#profile .inner .meta-status {
    position: sticky;
    top: 30px;
    width: calc(100% + 120px);
    margin: 0 0 30px -60px;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button.save {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  .fact-sheet main#profile .inner .meta-status .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  .fact-sheet main#profile .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .head {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  .fact-sheet main#profile .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  .fact-sheet main#profile .inner .head i {
    position: absolute;
    right: 100%;
  }
  .fact-sheet main#profile .inner .head .title {
    width: 100%;
    outline: none;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  .fact-sheet main#profile .inner .body form button.expand-collapsed {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 10px;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #005687;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
    /*
    &::after {
    	content: '';
    	position: absolute;
    	top: 0;
    	width: 0;
    	height: 0;
    	border-left: 6px solid transparent;
    	border-right: 6px solid transparent;
    	border-bottom: 8px solid $c-light-grey;
    	transform: translate(-4px, -8px);
    }
    */
  }
  .fact-sheet main#profile .inner .body form div.info {
    margin: 30px 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li {
    position: relative;
    min-height: 45px;
    margin: 5px 0;
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -45px;
    width: 30px;
    top: -5px;
    height: 100%;
    margin: 5px 0;
    text-align: center;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required label {
    font-size: 20px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .required input:checked + label,
  .fact-sheet main#profile .inner .body form div.info ul li .required label.active {
    color: #a51e41;
  }
  .fact-sheet main#profile .inner .body form div.info ul li label.instruction {
    display: inline-block;
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    /*margin-bottom: 5px;*/
    border-left: 1px dotted #969696;
    font-size: 14px;
    line-height: 1.5em;
    vertical-align: middle;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group {
    display: inline-block;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .input-group input.toggle + label {
    margin: 0;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group {
    display: inline-block;
    position: relative;
    width: 30%;
    margin: 0 auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    box-sizing: border-box;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group.margin-left {
    margin-left: calc(30% + 30px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard {
    /*display: flex;
    justify-content: flex-start;
    align-items: top;*/
    width: 100%;
    min-height: 45px;
    margin-top: 10px;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins {
    display: flex;
    margin: auto 0;
    flex-wrap: wrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin {
    display: inline-block;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    line-height: 30px;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin label {
    vertical-align: top;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .name {
    flex-grow: 1;
    margin: 0 10px 0 5px;
    white-space: nowrap;
    font-weight: normal;
  }
  .fact-sheet main#profile .inner .body form div.info ul li .pinboard-group .pinboard .pins .pin .close {
    display: inline-block;
    width: 30px;
    background-color: #969696;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email],
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    border: none;
    outline: none;
    padding: 15px 15px 0 15px;
    background-color: transparent;
    font-size: 14px;
    color: #005687;
    border-bottom: 1px solid #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:disabled,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:disabled {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email] + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password] + label {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(13.5px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=text].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email].has-value + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password]:focus + label,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-2px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li input[type=email]:invalid,
  .fact-sheet main#profile .inner .body form div.info ul li input[type=password].error {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select input[type=text] + label::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url("../imgs/icons/i-search-sm.svg");
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown {
    position: absolute;
    width: calc(100% + 30px);
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu {
    width: 100%;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input {
    display: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li input:disabled + label {
    color: #969696;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add button {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 15px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text]:focus ~ button,
  .fact-sheet main#profile .inner .body form div.info ul li div.select.add input[type=text].has-value ~ button {
    display: block;
  }
  .fact-sheet main#profile .inner .body form div.info ul li button.add-info {
    min-height: 45px;
    /*width: 100%;*/
    border: none;
    outline: none;
    background-color: transparent;
    color: #969696;
    cursor: pointer;
    /*background: repeating-linear-gradient(
    	45deg,
    	transparent,
    	transparent 3px,
    	rgba(150, 150, 150, .1) 3px,
    	rgba(150, 150, 150, .1) 6px
    );*/
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
  }
  .fact-sheet main#profile .inner .body form div.info.collapsed button.expand-collapsed {
    margin-top: 15px;
  }
  .fact-sheet main#profile .inner div.foot {
    padding-bottom: 60px;
  }
  .fact-sheet main#profile .inner div.foot .api-token form {
    display: flex;
  }
  .fact-sheet main#profile .inner div.foot .api-token form button.request-token {
    width: 30%;
    color: #969696;
    padding: 5px 0 5px 10px;
    border: 1px solid #969696;
    /*border-left: 1px dotted $c-light-grey;*/
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group {
    display: flex;
    position: relative;
    width: 50%;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group input[type=text] {
    flex-grow: 1;
    padding: 5px 0 5px 15px;
    border: 1px solid #969696;
    border-left: 0;
    border-right: 0;
    outline: none;
    font-size: 14px;
    line-height: 1.5em;
    cursor: copy;
  }
  .fact-sheet main#profile .inner div.foot .api-token form .input-group button.copy {
    width: 60px;
    background-color: #32bee1;
    border: none;
    color: #fff;
    cursor: pointer;
  }
  .main-content.import {
    display: grid;
    grid-gap: 0;
  }
  div.table {
    display: block;
    width: 960px;
    padding: 30px 0 0 0;
    background-color: #fff;
    min-height: calc(100vh - 60px);
  }
  div.table main {
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
  }
  div.table main .inner .head {
    position: fixed;
    top: 30px;
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
    margin: 0;
    background-color: #fff;
    z-index: 100;
  }
  div.table main .inner .head .btn-group {
    height: 30px;
    padding: 15px 10px 15px 0;
    margin: 0 0 0 auto;
    text-align: right;
    z-index: 100;
  }
  div.table main .inner .head .btn-group form {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  div.table main .inner .head .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.table main .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.table main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.table main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.table main .inner .body {
    margin-top: 60px;
    overflow: auto;
  }
  div.table main .inner .body .input-group {
    position: relative;
    display: flex;
    width: 100%;
    min-height: calc(100vh - 180px);
    overflow: hidden;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(100, 100, 100, 0.1) 3px, rgba(100, 100, 100, 0.1) 6px);
  }
  div.table main .inner .body .input-group .drop-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 30px;
    border: 2px dotted #32bee1;
    transition: margin 0.25s;
  }
  div.table main .inner .body .input-group .drop-zone input {
    display: none;
  }
  div.table main .inner .body .input-group .drop-zone button {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
  div.table main .inner .body .input-group .drop-zone button label {
    display: block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .body .input-group.accept {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px) !important;
  }
  div.table main .inner .body .input-group.accept .drop-zone {
    margin: 45px;
    border-color: #32bee1 !important;
  }
  div.table main .inner .body .input-group.reject {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.table main .inner .body .input-group.reject .drop-zone {
    border-color: #a51e41;
  }
  div.table main .inner .body .btn-group {
    position: fixed;
    display: flex;
    justify-content: center;
    top: 0;
    /*left: calc((100vw - (300px * 3 + 15px * 4)) / 2);*/
    width: calc(100vw - (100vw - 960px) / 2 - 120px);
    padding-top: 120px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 10;
  }
  div.table main .inner .body .btn-group form {
    border-top: 1px solid #e5e5e5;
    /*border-bottom: 1px solid $c-light-2;*/
    background-color: #fff;
  }
  div.table main .inner .body .btn-group form button {
    height: 60px;
    width: 60px;
    outline: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #646464;
    cursor: pointer;
  }
  div.table main .inner .body .btn-group form button i {
    font-size: 20px;
  }
  div.table main .inner .body .btn-group form button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.table main .inner .body .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.table main .inner .body .btn-group form:first-child {
    border-left: 1px solid #e5e5e5;
  }
  div.table main .inner .body .btn-group form:last-child {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  div.table main .inner .body .table-container table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 12px;
  }
  div.table main .inner .body .table-container table thead {
    /*position: sticky;
    top: 90px;*/
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgb(239, 239, 239) 3px, rgb(239, 239, 239) 6px);
    z-index: 1000;
  }
  div.table main .inner .body .table-container table thead th {
    position: relative;
    padding: 5px 10px;
    font-weight: 400;
  }
  div.table main .inner .body .table-container table thead th.selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: calc(100% - 1px);
    border: 1px solid transparent;
  }
  div.table main .inner .body .table-container table thead th.selected.top::after {
    border-top: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.left::after {
    border-left: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.right::after {
    border-right: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead th.selected.bottom::after {
    border-bottom: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table thead .column-selection {
    height: 30px;
    background-color: #fff;
  }
  div.table main .inner .body .table-container table thead .column-selection th {
    border: none;
    padding: 0 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection {
    color: #646464;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection i {
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .column-selection .selection.selected {
    background-color: #fff32a;
    /*color: #FFF;*/
  }
  div.table main .inner .body .table-container table thead .column-names {
    background-color: #fff;
  }
  div.table main .inner .body .table-container table thead .column-names th {
    border: none;
    font-weight: bold;
  }
  div.table main .inner .body .table-container table thead .column-names th:focus {
    outline: 1px solid #fff32a;
  }
  div.table main .inner .body .table-container table thead .data-types {
    height: 30px;
    /*border-left: 1px dotted $c-light-grey;
    border-right: 1px dotted $c-light-grey;
    border-top: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .data-types th {
    padding: 0 10px;
    font-style: italic;
    color: #646464;
  }
  div.table main .inner .body .table-container table thead .data-types th button {
    vertical-align: middle;
    border: none;
    outline: none;
    margin-left: 15px;
    background-color: transparent;
    color: #646464;
  }
  div.table main .inner .body .table-container table thead .data-types th button i {
    margin-top: 5px;
    font-size: 20px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table thead .media-types {
    /*border-left: 1px dotted $c-light-grey;*/
    /*border-bottom: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .media-types th {
    /*border-right: 1px dotted $c-light-grey;*/
  }
  div.table main .inner .body .table-container table thead .media-types th select {
    width: 100%;
  }
  div.table main .inner .body .table-container table tbody td {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    color: #000000;
  }
  div.table main .inner .body .table-container table tbody td.selected::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: calc(100% - 1px);
    border: 1px solid transparent;
  }
  div.table main .inner .body .table-container table tbody td.selected.top::after {
    border-top: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.left::after {
    border-left: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.right::after {
    border-right: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody td.selected.bottom::after {
    border-bottom: 1px solid #ffc10e;
  }
  div.table main .inner .body .table-container table tbody .column-values {
    position: relative;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(100, 100, 100, 0.1);
    /*background-color: rgba(229,229,229,.75);*/
    color: #005687;
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview span {
    padding: 0 5px;
    background-color: #fff32a;
    color: #000000;
  }
  div.table main .inner .body .table-container table tbody .column-values .preview i {
    font-size: 16px;
    cursor: pointer;
  }
  div.table main .inner .foot {
    height: 30px;
  }
  div.table main .inner .foot .summary {
    font-size: 12px;
    color: #969696;
  }
  .table-sidebar {
    position: relative;
    z-index: 1000;
    pointer-events: none;
  }
  .table-sidebar > .inner {
    width: 120px;
    float: right;
    background-color: #fff;
  }
  .table-sidebar > .inner .media-input-group {
    pointer-events: all;
    top: calc(50% - 60px);
  }
  .modal.pad-preview {
    align-self: flex-start;
    width: auto;
    margin: 0;
  }
  .modal.pad-preview .close {
    position: sticky;
    top: 0px;
  }
  .modal.pad-preview .document {
    float: none;
    height: calc(100vh - 30px);
    margin: auto;
    overflow: auto;
    box-sizing: border-box;
  }
  .modal.pad-preview .document main {
    padding: 0;
    margin: 0 auto;
  }
  .modal.pad-preview .document main .inner {
    border-top: 0;
    box-shadow: none;
    max-height: none;
    overflow-y: unset;
  }
  div.public-page-header {
    min-height: 100vh;
  }
  div.public-page-header div.carousel {
    position: relative;
    width: 100%;
    min-height: 100vh;
    left: 0;
  }
  div.public-page-header div.carousel.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.carousel div.slides {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    scroll-snap-type: x mandatory;
    height: 100vh;
    width: 100%;
    padding: 60px 0 120px 0;
    overflow: auto;
    box-sizing: border-box;
  }
  div.public-page-header div.carousel div.slides div.slide {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex: none;
    scroll-snap-align: center;
  }
  div.public-page-header div.carousel div.slides div.slide a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt {
    align-self: center;
    position: absolute;
    width: 615px;
    color: #005687;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
    color: #fff;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt .country {
    color: #b4dc28;
  }
  div.public-page-header div.carousel div.slides div.slide a .media-txt h1 {
    font-size: 24px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 0 15px 0;
  }
  div.public-page-header div.carousel div.slides div.slide a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
    transition: opacity 0.5s;
  }
  div.public-page-header div.carousel div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.carousel div.slides div.slide:hover img {
    opacity: 0.25;
  }
  div.public-page-header div.carousel div.slides div.slide:hover .media-txt {
    opacity: 1;
  }
  div.public-page-header div.carousel div.slides div.slide:hover::after {
    opacity: 0.75;
  }
  div.public-page-header div.carousel div.dots {
    position: absolute;
    bottom: 90px;
    width: 100%;
    height: 15px;
    line-height: 15px;
    text-align: center;
  }
  div.public-page-header div.carousel div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  div.public-page-header div.carousel div.dots .highlight {
    background-color: #61b233;
  }
  div.public-page-header div.mosaic {
    /*position: absolute;*/
    width: 100%;
    min-height: 100vh;
    left: 0;
    /* INSPIRED BY: https://medium.com/cloudaper/how-to-create-a-flexible-square-grid-with-css-grid-layout-ea48baf038f3 */
  }
  div.public-page-header div.mosaic.expand {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  div.public-page-header div.mosaic div.slides {
    display: grid;
    grid-template-columns: repeat(10, 150px);
    grid-auto-rows: 1fr;
    grid-gap: 5px;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    width: calc(100% - 5px);
    height: 100%;
    margin: 35px 0;
  }
  div.public-page-header div.mosaic div.slides::before {
    content: "";
    width: 0;
    padding-bottom: 100%;
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header div.mosaic div.slides div.blank-area {
    grid-area: 1/1/3/3;
  }
  div.public-page-header div.mosaic div.slides div.blank-area.sidebar {
    grid-area: 1/1/6/3;
  }
  div.public-page-header div.mosaic div.slides div.slide {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.5s;
    overflow: hidden;
    aspect-ratio: 1;
    counter-increment: my-counter;
  }
  div.public-page-header div.mosaic div.slides div.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0);
  }
  div.public-page-header div.mosaic div.slides div.slide img.img-ready {
    transition: filter 1s, transform 1s;
    animation: animate-mosaic-in 0.5s ease-out;
    animation-fill-mode: forwards;
  }
  @keyframes animate-mosaic-in {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    transform: translateY(100%);
    transition: transform 0.5s;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt .country {
    font-size: 14px;
    color: #b4dc28;
  }
  div.public-page-header div.mosaic div.slides div.slide .media-txt h1 {
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
    margin: 0;
    color: #fff;
    font-weight: normal;
  }
  div.public-page-header div.mosaic div.slides div.slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0468b1;
    opacity: 0.9;
    transform: translateY(100%);
    transition: transform 0.25s;
    pointer-events: none;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(1n) img {
    animation-delay: 0.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(2n) img {
    animation-delay: 0.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(3n) img {
    animation-delay: 0.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(4n) img {
    animation-delay: 0.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(5n) img {
    animation-delay: 0.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(6n) img {
    animation-delay: 0.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(7n) img {
    animation-delay: 0.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(8n) img {
    animation-delay: 0.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(9n) img {
    animation-delay: 0.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(10n) img {
    animation-delay: 0.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(11n) img {
    animation-delay: 0.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(12n) img {
    animation-delay: 0.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(13n) img {
    animation-delay: 0.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(14n) img {
    animation-delay: 0.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(15n) img {
    animation-delay: 0.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(16n) img {
    animation-delay: 0.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(17n) img {
    animation-delay: 0.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(18n) img {
    animation-delay: 0.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(19n) img {
    animation-delay: 0.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(20n) img {
    animation-delay: 1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(21n) img {
    animation-delay: 1.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(22n) img {
    animation-delay: 1.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(23n) img {
    animation-delay: 1.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(24n) img {
    animation-delay: 1.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(25n) img {
    animation-delay: 1.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(26n) img {
    animation-delay: 1.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(27n) img {
    animation-delay: 1.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(28n) img {
    animation-delay: 1.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(29n) img {
    animation-delay: 1.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(30n) img {
    animation-delay: 1.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(31n) img {
    animation-delay: 1.55s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(32n) img {
    animation-delay: 1.6s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(33n) img {
    animation-delay: 1.65s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(34n) img {
    animation-delay: 1.7s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(35n) img {
    animation-delay: 1.75s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(36n) img {
    animation-delay: 1.8s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(37n) img {
    animation-delay: 1.85s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(38n) img {
    animation-delay: 1.9s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(39n) img {
    animation-delay: 1.95s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(40n) img {
    animation-delay: 2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(41n) img {
    animation-delay: 2.05s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(42n) img {
    animation-delay: 2.1s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(43n) img {
    animation-delay: 2.15s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(44n) img {
    animation-delay: 2.2s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(45n) img {
    animation-delay: 2.25s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(46n) img {
    animation-delay: 2.3s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(47n) img {
    animation-delay: 2.35s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(48n) img {
    animation-delay: 2.4s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(49n) img {
    animation-delay: 2.45s;
  }
  div.public-page-header div.mosaic div.slides div.slide:nth-child(50n) img {
    animation-delay: 2.5s;
  }
  div.public-page-header div.mosaic div.slides div.slide:hover .media-txt, div.public-page-header div.mosaic div.slides div.slide:hover::after {
    transform: translateY(0);
  }
  div.public-page-header div.mosaic div.slides > *:first-child {
    grid-row: 1/1;
    grid-column: 1/1;
  }
  div.public-page-header button.scroll-nav {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.public-page-header button.scroll-nav label.rotate {
    display: block;
    transform: rotate(90deg);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    cursor: pointer;
  }
  div.public-page-header button.scroll-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.public-page-header h1 {
    margin: 60px 60px 45px 60px;
    text-align: center;
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-header h2 {
    margin: 15px 60px 60px 60px;
    text-align: center;
    line-height: 1.5em;
    color: #32bee1;
    font-weight: normal;
  }
  div.public-page-header p.lead {
    width: 930px;
    margin: auto;
    font-size: 20px;
    line-height: 1.5em;
  }
  div.public-page-panel {
    width: 100%;
    min-height: 90px;
    padding: 90px 0;
  }
  div.public-page-panel.blue {
    width: 100vw;
    padding: 90px 0;
    margin-left: calc((100% - 100vw) / 2);
    background-color: #0468b1;
    color: #fff;
  }
  div.public-page-panel.blue > .inner {
    width: 960px;
  }
  div.public-page-panel.blue a {
    color: #b4dc28;
  }
  div.public-page-panel > .inner {
    position: relative;
    width: 100%;
    margin: auto;
  }
  div.public-page-panel > .inner h1.site-title {
    font-size: 60px;
    line-height: 1.2em;
    color: #0468b1;
    text-align: center;
    margin-bottom: 90px;
  }
  div.public-page-panel > .inner h1.site-title.map-overlay {
    position: absolute;
    right: 0;
    top: 0;
    margin: calc(-60px * 1.2) 0 1em 0;
    z-index: 1000;
    text-align: left;
  }
  div.public-page-panel > .inner h3 {
    margin-bottom: 1em;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner .lead {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 1em;
  }
  div.public-page-panel > .inner blockquote {
    font-size: 24px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner blockquote + p {
    margin-top: 1em;
  }
  div.public-page-panel > .inner .description {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 1em;
    color: #969696;
  }
  div.public-page-panel > .inner #statistics {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 3fr 7fr;
    margin: 30px 0;
    /*
    .stat-group:nth-child(2) {
      border-left: 1px dotted $c-light-grey;
    }
    */
  }
  div.public-page-panel > .inner #statistics .stat-group {
    display: grid;
    grid-gap: 30px;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic {
    text-align: center;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h1 {
    font-size: 60px;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  div.public-page-panel > .inner #statistics .stat-group .statistic h2 {
    font-size: 36px;
    line-height: 1.2em;
  }
  div.public-page-panel > .inner .map-container {
    width: calc(100% + (100vw - 100%) / 2);
    margin-left: calc((100% - 100vw) / 4);
    margin-top: 90px;
  }
  div.public-page-panel > .inner .map-container #map {
    min-height: 60vh;
  }
  div.public-page-panel > .inner nav.enter {
    text-align: center;
    margin: 60px 0;
  }
  div.public-page-panel > .inner nav.enter a:hover {
    text-decoration: none;
  }
  div.public-page-panel > .inner nav.enter button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.public-page-panel > .inner nav.enter button.highlight {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.public-page-panel > .inner ul.columns {
    display: grid;
    align-items: center;
    grid-gap: 15px;
    grid-template-columns: repeat(4, 1fr);
  }
  div.public-page-panel > .inner ul.columns li {
    font-size: 16px;
    line-height: 1.3em;
  }
  div.public-page-panel > .inner ul.columns li small {
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    color: #969696;
  }
  div.lesser-padding div.public-page-panel {
    padding-top: 55px;
  }
  div.main-content {
    display: grid;
    grid-template-columns: 1fr 960px 1fr;
    min-height: 100vh;
  }
  div.browse {
    display: block;
    padding: 0 15px;
    background-color: #fff;
    min-height: calc(100vh - 120px);
  }
  div.browse:not(.home) {
    padding-top: 120px;
  }
  div.browse.public, div.browse.instance {
    padding-top: 90px;
  }
  div.browse h1.instance-title {
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
  }
  div.browse nav#search-and-filter {
    padding: 0 14px 15px 14px;
    border: 1px dotted #969696;
  }
  div.browse nav#search-and-filter.anchor-bottom {
    position: fixed;
    width: 100%;
    max-height: calc(100vh - 30px);
    min-height: 180px;
    left: 0;
    bottom: 0;
    margin: 0;
    z-index: 100;
    background-color: #fff;
    border: none;
    border-top: 1px solid #646464;
    box-sizing: border-box;
    overflow: visible;
  }
  div.browse nav#search-and-filter .search-type-menu {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    border-bottom: 1px dotted #969696;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm {
    position: relative;
    color: #969696;
    border-right: 1px dotted #969696;
    cursor: pointer;
    padding: 5px 15px;
    user-select: none;
  }
  div.browse nav#search-and-filter .search-type-menu .stm:not(.stm-select):hover {
    color: #646464;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select {
    color: #005687;
    font-weight: bold;
    cursor: auto;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-select::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hint {
    display: inline-block;
    position: absolute;
    transform: translate(-3px, -15px);
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    color: #000000;
    background-color: #ffc10e;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter .search-type-menu .stm-hidden {
    display: none;
  }
  div.browse nav#search-and-filter form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  div.browse nav#search-and-filter form .search,
  div.browse nav#search-and-filter form .filter:not(.add) {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #969696;
  }
  div.browse nav#search-and-filter form .search input[type=text],
  div.browse nav#search-and-filter form .search input[type=list],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text],
  div.browse nav#search-and-filter form .filter:not(.add) input[type=list] {
    float: left;
    position: relative;
    width: calc(100% - 15px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 24px;
    line-height: 1.5em;
    color: #005687;
  }
  div.browse nav#search-and-filter form .search label,
  div.browse nav#search-and-filter form .filter:not(.add) label {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(calc(16px));
    transition: transform 0.25s, font-size 0.25s;
  }
  div.browse nav#search-and-filter form .search input[type=text] + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text] + label {
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .search input[type=text]:focus + label,
  div.browse nav#search-and-filter form .search input[type=text].has-value + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filter:not(.add) input[type=text].has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .search input:-webkit-autofill,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .search input:-webkit-autofill:active,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:hover,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:focus,
  div.browse nav#search-and-filter form .filter:not(.add) input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.browse nav#search-and-filter form .search button,
  div.browse nav#search-and-filter form .filter:not(.add) button {
    float: left;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #005687;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .search img,
  div.browse nav#search-and-filter form .filter:not(.add) img {
    width: 30px;
    height: 30px;
    margin: auto;
  }
  div.browse nav#search-and-filter form .status {
    display: inline-block;
  }
  div.browse nav#search-and-filter form .status menu li p {
    margin: 5px 0;
  }
  div.browse nav#search-and-filter form .global-actions {
    min-width: 50%;
  }
  div.browse nav#search-and-filter form .global-actions .add {
    display: inline-block;
    position: relative;
    width: 300px;
    margin-right: 15px;
    border-bottom: 1px dotted #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text] {
    position: relative;
    width: calc(100% - 30px);
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse nav#search-and-filter form .global-actions .add button {
    display: none;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add.svg");
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus + label,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse nav#search-and-filter form .global-actions .add input[type=text]:focus ~ button,
  div.browse nav#search-and-filter form .global-actions .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input[type=radio] {
    display: none;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse nav#search-and-filter form .global-actions .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .global-actions button.download {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters {
    position: relative;
    vertical-align: middle;
    float: right;
    width: 30px;
    height: 30px;
    margin: 15px 15px 0 auto;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
  }
  div.browse nav#search-and-filter form .expand-filters .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #969696;
    transition: transform 0.25s, width 0.25s;
  }
  div.browse nav#search-and-filter form .expand-filters .l1 {
    width: 20px;
    transform: translate(5px, 7.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters .l2 {
    width: 15px;
    transform: translate(7.5px, 12.5px) rotate(0deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters .l3 {
    width: 10px;
    transform: translate(10px, 17.5px) rotate(0deg);
    transform-origin: center;
    transition-delay: 0.1s;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l1 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .expand-filters.close .l2 {
    width: 0;
    transform: translate(15px, 12.5px) rotate(0deg);
  }
  div.browse nav#search-and-filter form .expand-filters.close .l3 {
    width: 25px;
    transform: translate(2.5px, 15px) rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 15px);
    max-height: 0;
    padding: 0 7.5px;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    transition: max-height 0.25s ease-out;
    /*section:nth-child(odd):not(:last-child) {
    	margin-right: 15px;
    }*/
  }
  div.browse nav#search-and-filter form .filters section {
    flex: 1 1;
    margin-top: 15px;
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters section .filter {
    position: relative;
    width: 100%;
    height: 45px;
    background-color: #fff;
    margin-bottom: 15px;
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text] {
    width: calc(100% - 30px);
    height: 30px;
    margin-left: 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .filter label {
    left: 15px;
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(10px);
  }
  div.browse nav#search-and-filter form .filters section .filter input[type=text]:focus + label,
  div.browse nav#search-and-filter form .filters section .filter input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(0);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 100;
    transition: max-height 0.25s ease-out;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu {
    width: 100%;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li {
    width: 100%;
    margin: 0;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input {
    display: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label {
    display: block;
    position: static;
    width: calc(100% - 35px);
    padding: 5px 20px 5px 15px;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    transform: none;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li label .count {
    float: right;
    color: #969696;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label {
    background-color: #32bee1;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li input:checked + label .count {
    color: #fff;
  }
  div.browse nav#search-and-filter form .filters section .filter .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse nav#search-and-filter form .filters section .filter:last-child {
    margin-bottom: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters {
    margin: -15px auto 15px auto;
    padding: 10px 15px;
    border: 1px dotted #969696;
    border-top: none;
    width: calc(100% - 30px);
    box-sizing: border-box;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag {
    display: inline-block;
    height: calc(12px * 1.5);
    padding: 0;
    margin: 2.5px;
    font-size: 12px;
    line-height: 1.5em;
    border: 1px solid #969696;
    color: #969696;
    white-space: nowrap;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag label {
    cursor: pointer;
    vertical-align: top;
    position: static;
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .name {
    margin: 0 5px 0 5px;
    white-space: nowrap;
    color: #000000;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close {
    display: inline-block;
    position: relative;
    width: calc(12px * 1.5);
    height: calc(12px * 1.5);
    background-color: #969696;
    padding: 0;
    float: none;
    transform: none;
    top: 0;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters section .active-filters .tag .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse nav#search-and-filter form .filters .break {
    flex-basis: 100%;
    width: 0;
  }
  div.browse nav#search-and-filter form .filters .order {
    padding: 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters .order menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    /*input.toggle:checked + label {
    	background-color: #FFF;
    }*/
  }
  div.browse nav#search-and-filter form .filters .order menu li input.toggle + label {
    display: inline-block;
    margin-top: 0;
  }
  div.browse nav#search-and-filter form .filters .order menu li p {
    display: inline-block;
    margin: 0 0 0 7.5px;
  }
  div.browse nav#search-and-filter form .filters button.submit-filters {
    width: calc(100% - 15px);
    height: 30px;
    padding: 0 10px;
    margin: 15px 0 15px 7.5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) {
    width: 100%;
    margin: 0 0 30px -15px;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li {
    display: inline-block;
    margin: 0 15px 0 0;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button {
    height: 45px;
    padding: 0 10px 0 30px;
    border: none;
    outline: none;
    border-radius: 45px;
    border: 1px solid #0468b1;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
    cursor: pointer;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li a button .count {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #0468b1;
    border-radius: 30px;
    margin: -1px 0 0 10px;
    line-height: 30px;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button {
    background-color: #0468b1;
    color: #fff;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) menu li.active a button .count,
  div.browse nav:not(.tabs):not(.pinboard-sections) ul li.active a button .count {
    background-color: #fff;
    color: #0468b1;
  }
  div.browse nav:not(.tabs):not(.pinboard-sections) p {
    margin: 15px 0 0 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main {
    padding-bottom: 60px;
  }
  div.browse main .inner small.no-results {
    font-size: 12px;
    color: #969696;
  }
  div.browse main .inner .meta-status {
    top: 30px;
    width: 100%;
    min-height: 60px;
    margin: -15px 0 30px -15px;
    padding: 15px;
    z-index: 100;
  }
  div.browse main .inner .meta-status form {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-gap: 15px;
  }
  div.browse main .inner .meta-status form .opts {
    list-style: none;
  }
  div.browse main .inner .meta-status form .opts li {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px dotted #969696;
  }
  div.browse main .inner .meta-status form .opts li p {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .meta-status form .opts li p.disabled {
    color: #e5e5e5;
  }
  div.browse main .inner .meta-status form .opts li input.toggle + label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  div.browse main .inner .meta-status form .opts li ul li {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
  }
  div.browse main .inner .meta-status form .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    min-height: 30px;
    margin: 0 0 0 auto;
    justify-content: right;
  }
  div.browse main .inner .meta-status form .btn-group button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
  }
  div.browse main .inner .meta-status form .btn-group button.publish {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner .meta-status form .btn-group button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner .meta-status.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner .meta-status.status-2 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner .head {
    position: relative;
    width: 100%;
    margin: 25px 0 15px 0;
  }
  div.browse main .inner .head .return {
    display: block;
    margin-bottom: 15px;
  }
  div.browse main .inner .head .title {
    width: 100%;
    outline: none;
    margin-bottom: 15px;
    border-bottom: 1px solid transparent;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 700;
  }
  div.browse main .inner .head .title:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .head .contributor {
    margin-top: 12.5px;
    color: #969696;
  }
  div.browse main .inner .head .meta-country {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #969696;
  }
  div.browse main .inner .head .description {
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-top: none;
    outline: none;
    color: #005687;
    border-bottom: 1px solid transparent;
    white-space: pre-line;
  }
  div.browse main .inner .head .description.lead {
    font-size: 20px;
    line-height: 1.3em;
  }
  div.browse main .inner .head .description:focus {
    border-bottom-color: #fff32a;
  }
  div.browse main .inner .meta-status + .head {
    margin: 0 0 15px 0;
  }
  div.browse main .outer {
    /* margin-top: 30px;*/
    margin-top: 0px;
    color: #969696;
    font-size: 14px;
  }
  div.browse main .outer .nav-info {
    animation: wobble 2s ease infinite;
  }
  @keyframes wobble {
    0% {
      transform: translateX(0);
    }
    15% {
      transform: translateX(-25px);
    }
    30% {
      transform: translateX(20px);
    }
    45% {
      transform: translateX(-10px);
    }
    60% {
      transform: translateX(5px);
    }
    75% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(0);
    }
  }
  div.browse main .inner section,
  div.browse .public-page-panel .inner section {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout,
  div.browse .public-page-panel .inner section .layout {
    margin-top: 15px;
    /*article:not(.pad):not(.review):not(.contributor) {
    	padding-top: 15px;
    	padding-bottom: 15px;
    	margin-bottom: 30px;
    }*/
  }
  div.browse main .inner section .layout article,
  div.browse .public-page-panel .inner section .layout article {
    position: relative;
    display: flex;
    /*          padding: 15px 0 15px 15px;*/
    padding: 0 0 15px 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout article:hover,
  div.browse .public-page-panel .inner section .layout article:hover {
    background-color: transparent;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout article .inner,
  div.browse .public-page-panel .inner section .layout article .inner {
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 1fr 300px;
    width: 100%;
    transition: width 0.25s;
  }
  div.browse main .inner section .layout article .inner .head,
  div.browse .public-page-panel .inner section .layout article .inner .head {
    grid-column: 1/span 2;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 300px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data {
    margin-bottom: 0;
    padding-top: 15px;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor {
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .meta-data .meta-date,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group {
    display: grid;
    grid-gap: 5px;
    grid-auto-flow: column;
    /*margin: -16px -1px 0 auto;*/
    justify-content: right;
    /*                  transform: translateY(calc(-100% + 14px));*/
    align-items: start;
    margin: -1px -1px 0 auto;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.publish,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.share,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.active {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.delete.active,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form button:disabled,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    right: 0;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: left;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li button.highlight {
    background-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled),
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:hover button.highlight {
    background-color: #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button.highlight {
    border-color: #fff;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:first-child,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout article .inner .head .meta-group .btn-group form:last-child,
  div.browse .public-page-panel .inner section .layout article .inner .head .meta-group .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta,
  div.browse main .inner section .layout article .inner .body .media,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta,
  div.browse .public-page-panel .inner section .layout article .inner .body .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title {
    margin-top: 10px;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .media-title a,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: bold;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 span,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 span {
    word-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .media-txt,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3em;
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a {
    color: #000000;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a .read-more,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a .read-more {
    color: #32bee1;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .media-txt a:hover .read-more,
  div.browse .public-page-panel .inner section .layout article .inner .body .media-txt a:hover .read-more {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-template {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree {
    display: flex;
    align-items: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree {
    margin-right: 10px;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a img,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a img {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .meta-tree .meta-versiontree a small,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-tree .meta-versiontree a small {
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    color: #969696;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse main .inner section .layout article .inner .body .meta-template,
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-child {
    color: #969696;
    margin-top: 0;
    margin-bottom: 0;
  }
  div.browse main .inner section .layout article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-mobilization {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .meta-followup,
  div.browse main .inner section .layout article .inner .body .meta-forward,
  div.browse main .inner section .layout article .inner .body .meta-public,
  div.browse main .inner section .layout article .inner .body .meta-copy,
  div.browse main .inner section .layout article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout article .inner .body .meta-child {
    width: 100%;
    /*margin: 10px 0 0 0;*/
    margin: 0;
  }
  div.browse main .inner section .layout article .inner .body .create,
  div.browse .public-page-panel .inner section .layout article .inner .body .create {
    position: relative;
    display: inline-block;
    margin: 5px 10px 10px 0;
  }
  div.browse main .inner section .layout article .inner .body .create button,
  div.browse .public-page-panel .inner section .layout article .inner .body .create button {
    padding: 0 5px;
    border: 1px solid #32bee1;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    line-height: 1.5em;
    color: #fff;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown {
    position: absolute;
    min-width: 100%;
    width: 300px;
    max-height: 0;
    left: 0;
    top: 100%;
    margin-top: -2px;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
    white-space: pre;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li a button,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li a button {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
    background-color: transparent;
    border: none;
    color: #000000;
    text-align: left;
  }
  div.browse main .inner section .layout article .inner .body .create .dropdown menu li:hover,
  div.browse .public-page-panel .inner section .layout article .inner .body .create .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .body.full-width,
  div.browse .public-page-panel .inner section .layout article .inner .body.full-width {
    grid-column: 1/span 2;
  }
  div.browse main .inner section .layout article .inner .body.full-width .media-title,
  div.browse .public-page-panel .inner section .layout article .inner .body.full-width .media-title {
    width: calc(100% - 330px);
  }
  div.browse main .inner section .layout article .inner .foot,
  div.browse .public-page-panel .inner section .layout article .inner .foot {
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-grow: 1;
  }
  div.browse main .inner section .layout article .inner .foot .media-img,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img {
    position: relative;
    width: 300px;
    height: 200px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .media-img a img,
  div.browse .public-page-panel .inner section .layout article .inner .foot .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: 100%;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group {
    display: grid;
    grid-gap: 15px;
    grid-auto-flow: column;
    height: 100%;
    padding: 15px 15px 0 0;
    box-sizing: border-box;
    justify-content: right;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 {
    text-align: center;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small {
    font-size: 12px;
    line-height: 1.5em;
    display: block;
    font-weight: normal;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a h1 small.total {
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a:hover h1 small {
    text-decoration: underline;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled {
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small,
  div.browse .public-page-panel .inner section .layout article .inner .foot .meta-group .meta-stats a.disabled h1 small {
    text-decoration: none !important;
    font-weight: normal;
  }
  div.browse main .inner section .layout article .inner .pinboard-group,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group {
    grid-column: 1/span 2;
    margin-top: 5px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add {
    position: relative;
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text],
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text] {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 0;
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    border-bottom: 1px dotted transparent;
    font-size: 12px;
    color: #005687;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add label {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    transform: translateY(15px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add button {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 30px;
    margin-top: 10px;
    background: url("../imgs/icons/i-add-sm.svg") center no-repeat;
    border: none;
    outline: none;
    float: right;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text].has-value + label {
    font-size: 10px;
    line-height: 1.5em;
    transform: translateY(2.5px);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse main .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text]:focus ~ button,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add input[type=text].has-value ~ button {
    display: block;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown {
    position: absolute;
    width: 100%;
    max-height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 10;
    transition: max-height 0.25s ease-out;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown.dropup,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown.dropup {
    top: auto;
    bottom: 100%;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu {
    width: 100%;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li {
    display: inline-block;
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox],
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li input[type=checkbox] {
    display: none;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li label {
    display: flex;
    align-items: center;
    position: static;
    padding: 5px 20px 5px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5em;
    color: #000000;
    transform: none;
    pointer-events: all;
    cursor: pointer;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li label .count {
    margin-left: auto;
    padding-left: 10px;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li input:checked + label {
    background-color: #e5e5e5;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .add .dropdown menu li:hover {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin {
    display: inline-block;
    height: 15px;
    padding: 0;
    margin-right: 5px;
    font-size: 10px;
    line-height: 15px;
    border: 1px solid #969696;
    color: #969696;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin label,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin label {
    cursor: pointer;
    vertical-align: top;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .type,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .type {
    flex-shrink: 0;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .name,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .name {
    flex-grow: 1;
    margin: 0 5px 0 5px;
    white-space: nowrap;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    background-color: #969696;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::before,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .inner .pinboard-group .pin .close::after,
  div.browse .public-page-panel .inner section .layout article .inner .pinboard-group .pin .close::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }
  div.browse main .inner section .layout article .outer,
  div.browse .public-page-panel .inner section .layout article .outer {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer .inner,
  div.browse .public-page-panel .inner section .layout article .outer .inner {
    display: flex;
    position: relative;
    z-index: 1;
    width: 0;
    height: calc(100% + 30px);
    margin-top: -15px;
    transition: width 0.25s;
    overflow: hidden;
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  div.browse main .inner section .layout article .outer .inner form,
  div.browse .public-page-panel .inner section .layout article .outer .inner form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  div.browse main .inner section .layout article .outer .inner form button,
  div.browse .public-page-panel .inner section .layout article .outer .inner form button {
    width: calc(100% - 30px);
    height: 45px;
    margin: 5px 15px;
    border: none;
    outline: none;
    border: 1px solid #a51e41;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5em;
    color: #a51e41;
    cursor: pointer;
    overflow: hidden;
  }
  div.browse main .inner section .layout article .outer .inner form button.cancel,
  div.browse .public-page-panel .inner section .layout article .outer .inner form button.cancel {
    border-color: #646464;
    color: #646464;
  }
  div.browse main .inner section .layout article .outer::before,
  div.browse .public-page-panel .inner section .layout article .outer::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: -15px;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer::after,
  div.browse .public-page-panel .inner section .layout article .outer::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 15px;
    top: 100%;
    background-color: #fff;
  }
  div.browse main .inner section .layout article .outer.expand .inner,
  div.browse .public-page-panel .inner section .layout article .outer.expand .inner {
    width: 120px;
  }
  div.browse main .inner section .layout article.status--1,
  div.browse .public-page-panel .inner section .layout article.status--1 {
    filter: grayscale(1);
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-0,
  div.browse .public-page-panel .inner section .layout article.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-1,
  div.browse .public-page-panel .inner section .layout article.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse main .inner section .layout article.status-2,
  div.browse .public-page-panel .inner section .layout article.status-2 {
    margin-bottom: 30px;
  }
  div.browse main .inner section .layout article.mobilization.status-0,
  div.browse .public-page-panel .inner section .layout article.mobilization.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  div.browse main .inner section .layout .tag-group .meta-tags,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags {
    margin-left: -2px;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a {
    display: inline-block;
    color: #0468b1;
    /*.tag {
    	border: 1px solid $c-mid-blue;
    	padding: 0 10px;
    	margin-right: 5px;
    	font-size: $t-small;
    	line-height: 1.5em;

    	label {
    		cursor: pointer;
    	}
    }*/
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a .tag {
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(12px * 1.75);
    font-size: 12px;
    line-height: 1.75em;
    color: #646464;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a .tag label,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a .tag label {
    cursor: pointer;
  }
  div.browse main .inner section .layout .tag-group .meta-tags a:hover,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-tags a:hover {
    text-decoration: none;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs {
    font-size: 12px;
    line-height: 1.5em;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs span,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs span {
    margin-right: 5px;
    color: #969696;
  }
  div.browse main .inner section .layout .tag-group .meta-sdgs a,
  div.browse .public-page-panel .inner section .layout .tag-group .meta-sdgs a {
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: bold;
  }
  div.browse main .inner section .layout .engagement-group,
  div.browse .public-page-panel .inner section .layout .engagement-group {
    margin: 10px 0 0 -7px;
  }
  div.browse main .inner section .layout .engagement-group.page-stats,
  div.browse .public-page-panel .inner section .layout .engagement-group.page-stats {
    margin-top: 0;
  }
  div.browse main .inner section .layout .engagement-group .engagement,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement {
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
  }
  div.browse main .inner section .layout .engagement-group .engagement img,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  div.browse main .inner section .layout .engagement-group .engagement span,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    color: #969696;
    user-select: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement.engagement-reads,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement.engagement-reads {
    pointer-events: none;
  }
  div.browse main .inner section .layout .engagement-group .engagement:disabled img,
  div.browse .public-page-panel .inner section .layout .engagement-group .engagement:disabled img {
    cursor: initial;
    opacity: 0.5;
  }
  div.browse main .inner section .layout.columns,
  div.browse .public-page-panel .inner section .layout.columns {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    grid-gap: 30px 15px;
  }
  div.browse main .inner section .layout.columns article,
  div.browse .public-page-panel .inner section .layout.columns article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    vertical-align: top;
    grid-column: span 1;
    padding: 0 0 15px 0;
    border-bottom: none;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: box-shadow 0.25s;
  }
  div.browse main .inner section .layout.columns article:hover,
  div.browse .public-page-panel .inner section .layout.columns article:hover {
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #646464;
  }
  div.browse main .inner section .layout.columns article .inner,
  div.browse .public-page-panel .inner section .layout.columns article .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  div.browse main .inner section .layout.columns article .inner .head,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head {
    display: block;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group {
    text-align: left;
    margin: -1px 0 0 -1px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: left;
    width: calc(100% + 2px);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form {
    position: relative;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button {
    min-height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #969696;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 1.5em;
    color: #969696;
    cursor: pointer;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.accept,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.publish,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.share,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.accept {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.delete.active,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button.unpublish.active {
    border-color: #a51e41;
    background-color: #a51e41;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form button:disabled,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form button:disabled {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown {
    position: absolute;
    min-width: 100%;
    max-height: 0;
    left: 50%;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 10;
    transition: max-height 0.15s ease-out;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu {
    width: 100%;
    border-top: 1px solid #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li {
    width: 100%;
    margin: 0;
    list-style: none;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li button {
    width: 100%;
    padding: 5px 10px;
    border: none;
    text-align: center;
    white-space: nowrap;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled),
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:hover button:not(:disabled) {
    background-color: rgb(239, 239, 239);
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button {
    border-bottom: 1px dotted #969696;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form .dropdown menu li:not(:last-child) button:disabled {
    border-color: #e5e5e5;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:first-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form:first-child {
    margin-left: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group form:last-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group form:last-child {
    margin-right: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .btn-group:empty,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .btn-group:empty {
    margin: 0;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img {
    position: relative;
    width: 298px;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
  }
  div.browse main .inner section .layout.columns article .inner .head .media-img a img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .head .media-img a img {
    display: block;
    width: 100%;
    background-color: #e5e5e5;
    height: auto;
    min-height: 200px;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 200px;
    text-align: center;
  }
  div.browse main .inner section .layout.columns article .inner .body,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body {
    display: block;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data {
    margin: 0 0 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-contributor::after {
    content: ", ";
    font-size: 14px;
    line-height: 1.5em;
    color: #32bee1;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-data .meta-date,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-data .meta-date {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: #0468b1;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .media-title a h1 {
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
    text-align: left;
  }
  div.browse main .inner section .layout.columns article .inner .body .media-title a h1 img,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .media-title a h1 img {
    vertical-align: text-bottom;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse main .inner section .layout.columns article .inner .body .meta-template,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-mobilization,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-template {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
  }
  div.browse main .inner section .layout.columns article .inner .body .meta-followup,
  div.browse main .inner section .layout.columns article .inner .body .meta-forward,
  div.browse main .inner section .layout.columns article .inner .body .meta-public,
  div.browse main .inner section .layout.columns article .inner .body .meta-copy,
  div.browse main .inner section .layout.columns article .inner .body .meta-child,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-followup,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-forward,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-public,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-copy,
  div.browse .public-page-panel .inner section .layout.columns article .inner .body .meta-child {
    margin: 10px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot {
    justify-content: end;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta,
  div.browse main .inner section .layout.columns article .inner .foot .media,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .media {
    margin: 5px 0;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta-group {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  div.browse main .inner section .layout.columns article .inner .foot .meta-group .meta-stats,
  div.browse .public-page-panel .inner section .layout.columns article .inner .foot .meta-group .meta-stats {
    width: 25%;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text],
  div.browse .public-page-panel .inner section .layout.columns article .inner .pinboard-group .add input[type=text] {
    border-bottom-color: transparent;
  }
  div.browse main .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus,
  div.browse .public-page-panel .inner section .layout.columns article .inner .pinboard-group .add input[type=text]:focus {
    border-bottom-color: #969696;
  }
  div.browse main .inner section .layout.columns article .outer,
  div.browse .public-page-panel .inner section .layout.columns article .outer {
    top: 15px;
    height: 0;
    transition: height 0.25s;
    overflow: hidden;
    margin-top: 0;
  }
  div.browse main .inner section .layout.columns article .outer .inner,
  div.browse .public-page-panel .inner section .layout.columns article .outer .inner {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 15px 0;
  }
  div.browse main .inner section .layout.columns article .outer::before,
  div.browse .public-page-panel .inner section .layout.columns article .outer::before {
    height: 0;
    top: 0;
  }
  div.browse main .inner section .layout.columns article .outer::after,
  div.browse .public-page-panel .inner section .layout.columns article .outer::after {
    height: 0;
  }
  div.browse main .inner section .layout.columns article .outer.expand,
  div.browse .public-page-panel .inner section .layout.columns article .outer.expand {
    height: 140px;
  }
  div.browse main .inner section .layout.columns .engagement-group,
  div.browse .public-page-panel .inner section .layout.columns .engagement-group {
    /*					margin: 10px 0 0 -2px;*/
    margin: 0 0 0 -2px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  div.browse main .inner section .layout.columns .pinboard-group,
  div.browse .public-page-panel .inner section .layout.columns .pinboard-group {
    padding: 0 15px;
    box-sizing: border-box;
  }
  div.browse.slideshow {
    padding: 0 15px;
    margin: 0;
    border: none;
    min-height: 0;
    height: calc(100vh - 30px);
  }
  div.browse.slideshow nav.tabs {
    left: calc((100vw - 930px) / 2);
  }
  div.browse.slideshow button.slide-nav {
    position: fixed;
    top: 0;
    width: 60px;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
    border: none;
    outline: none;
    color: #969696;
    font-size: 60px;
    line-height: 1.5em;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 1001;
  }
  div.browse.slideshow button.slide-nav.prev {
    left: 0;
  }
  div.browse.slideshow button.slide-nav.next {
    right: 0;
  }
  div.browse.slideshow button.slide-nav:hover {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  div.browse.slideshow main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-bottom: 0;
  }
  div.browse.slideshow main .inner {
    height: 100%;
  }
  div.browse.slideshow main .inner .blurb {
    display: none;
  }
  div.browse.slideshow main .inner section {
    height: 100%;
  }
  div.browse.slideshow main .inner section .layout {
    display: grid;
    grid-gap: 0;
    grid-auto-flow: column;
    position: relative;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow: auto;
    margin-top: 0;
  }
  div.browse.slideshow main .inner section .layout article {
    position: relative;
    width: 100vw;
    height: 100vh;
    scroll-snap-align: center;
    padding: 0;
    border: none;
  }
  div.browse.slideshow main .inner section .layout article .inner {
    display: flex;
    justify-content: center;
    flex-flow: unset;
    flex-direction: column;
    flex: none;
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    padding: 0 calc((100vw - 615px) / 2) 0 calc((100vw - 615px) / 2);
  }
  div.browse.slideshow main .inner section .layout article .inner .head {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    position: relative;
    z-index: 10;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group {
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-contributor a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .meta-group .meta-data .meta-date {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 30px);
    z-index: 0;
    overflow: hidden;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005687;
    pointer-events: none;
  }
  div.browse.slideshow main .inner section .layout article .inner .head .media-img a img {
    display: block;
    max-width: calc(100% - 120px);
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 1.5em;
    line-height: 75vh;
    text-align: center;
    object-fit: contain;
  }
  div.browse.slideshow main .inner section .layout article .inner .body {
    position: relative;
    flex: unset;
    margin-bottom: 0;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 {
    color: #fff;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a h1 img,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a h1 img {
    filter: brightness(2);
  }
  div.browse.slideshow main .inner section .layout article .inner .body .media-title a .read-more,
  div.browse.slideshow main .inner section .layout article .inner .body .media-txt a .read-more {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs span {
    color: #61b233;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-sdgs a {
    color: #b4dc28;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags {
    margin-left: -5px;
  }
  div.browse.slideshow main .inner section .layout article .inner .body .tag-group .meta-tags a .tag {
    margin: 0 5px;
    background-color: #fff;
    color: #005687;
  }
  div.browse.slideshow main .inner section .layout article .inner .foot {
    flex: unset;
    position: static;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered {
    justify-content: center;
  }
  div.browse.slideshow main .inner section .layout article .inner.centered .body {
    margin-bottom: 0;
  }
  div.browse.slideshow main .inner section .layout article .outer {
    display: none;
  }
  div.browse.slideshow main .inner section .layout article::after {
    content: "";
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 120px);
    height: 100%;
    opacity: 0;
    background-color: #0468b1;
    transition: opacity 0.5s;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .meta-group {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .head .media-img {
    opacity: 0.25;
  }
  div.browse.slideshow main .inner section .layout article:hover .inner .body {
    opacity: 1;
  }
  div.browse.slideshow main .inner section .layout article:hover::after {
    opacity: 0.75;
  }
  footer.slideshow {
    position: fixed;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
  }
  footer.slideshow .inner {
    border: none;
    width: 100%;
    box-sizing: border-box;
  }
  footer.slideshow .inner div.dots {
    width: 100%;
    text-align: center;
  }
  footer.slideshow .inner div.dots .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.25s ease;
    cursor: pointer;
  }
  footer.slideshow .inner div.dots .highlight {
    background-color: #61b233;
  }
  footer {
    border: none;
  }
  /*.engagement-reads {
  	padding-left: 15px;
  	flex-grow: 1;
  }
  .engagement-reads-icon {
  	max-width: 20px;
  	height: 20px;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  .engagement-reads-count {
  	margin-left: 5px;
  	font-size: 0.9em;
  	color: $c-mid-grey;
  	vertical-align: middle;
  	user-select: none;
  	pointer-events: none;
  }
  */
  main#mobilize-new {
    /* THIS MIMICS THE div.document IN pad.ejs  */
    display: block;
    float: left;
    width: 960px; /* THE SECOND 15*2 IS TO ACCOUNT FOR PADDING IN THE OTHER PAGES */
    padding-top: 30px;
    height: calc(100vh - 30px);
  }
  main#mobilize-new form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  main#mobilize-new form .modal {
    width: calc(100% - 120px);
    padding: 30px 60px 15px 60px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 100;
  }
  main#mobilize-new form .modal .inner {
    position: relative;
    padding: 0;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .head {
    display: flex;
    width: calc(100% + 120px);
    margin: -30px 0 15px -60px;
    font-size: 16px;
  }
  main#mobilize-new form .modal .inner .head .btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 15px 10px 0 10px;
    margin-bottom: 15px;
  }
  main#mobilize-new form .modal .inner .head .btn-group button {
    height: 30px;
    padding: 0 10px;
    margin: 0 5px;
    border: 1px solid #005687;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .head .btn-group button label {
    cursor: pointer;
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group button.next {
    background-color: #32bee1;
    border-color: #32bee1;
    color: #fff;
  }
  main#mobilize-new form .modal .inner .head .btn-group button:disabled {
    background-color: transparent;
    border-color: #e5e5e5;
    color: #e5e5e5;
    pointer-events: none;
    cursor: default;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title {
    font-weight: 700;
  }
  main#mobilize-new form .modal .inner .head .btn-group .title i {
    vertical-align: middle;
    transform: rotate(90deg);
  }
  main#mobilize-new form .modal .inner .head .btn-group .contributor-count {
    flex-grow: 1;
    text-align: center;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt {
    padding: 0 7px 0 5px;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt input {
    display: none;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt label {
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .head .btn-group .global-opt:hover label {
    text-decoration: underline;
  }
  main#mobilize-new form .modal .inner .head.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .head.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body {
    position: relative;
    min-height: 65px;
  }
  main#mobilize-new form .modal .inner .body h1 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.3em;
  }
  main#mobilize-new form .modal .inner .body .input {
    position: relative;
    border-bottom: 1px solid #969696;
  }
  main#mobilize-new form .modal .inner .body .input label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body .filter {
    position: relative;
  }
  main#mobilize-new form .modal .inner .body .filter label {
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu {
    max-height: 300px;
    overflow: auto;
    box-shadow: inset 0 5px 5px rgba(100, 100, 100, 0.1);
    border-top: 1px solid #969696;
    overflow: auto;
  }
  main#mobilize-new form .modal .inner .body menu li {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: space-around;
    color: #e5e5e5;
    padding: 0 20px 0 15px;
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li div {
    padding: 0 5px;
    text-align: left;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li div label {
    /* THE FOLLOWING IS TO COMPENSATE FOR var.lg.css */
    position: static;
    padding: 5px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .preview {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body menu li .preview i {
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body menu li .main label {
    color: #000000;
  }
  main#mobilize-new form .modal .inner .body menu li .grow {
    flex-grow: 1;
    padding: 0 10px;
    text-align: left;
    word-break: break-word;
  }
  main#mobilize-new form .modal .inner .body menu li .grow label {
    display: inline-block;
    width: 100%;
    transform: translateY(0);
  }
  main#mobilize-new form .modal .inner .body menu li .count,
  main#mobilize-new form .modal .inner .body menu li .position,
  main#mobilize-new form .modal .inner .body menu li .country {
    vertical-align: baseline;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body menu li .count label,
  main#mobilize-new form .modal .inner .body menu li .position label,
  main#mobilize-new form .modal .inner .body menu li .country label {
    font-size: 12px;
  }
  main#mobilize-new form .modal .inner .body menu li.status-0 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 193, 14, 0.1) 3px, rgba(255, 193, 14, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.status-1 {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(50, 190, 225, 0.1) 3px, rgba(50, 190, 225, 0.1) 6px);
  }
  main#mobilize-new form .modal .inner .body menu li.checked {
    background-color: #32bee1;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .preview i {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked div label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li.checked .count label,
  main#mobilize-new form .modal .inner .body menu li.checked .position label,
  main#mobilize-new form .modal .inner .body menu li.checked .country label {
    color: #fff;
  }
  main#mobilize-new form .modal .inner .body menu li:not(.checked):hover {
    background-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body input[type=text] {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    margin: 15px 0 0 0;
    background-color: transparent;
    font-size: 24px;
  }
  main#mobilize-new form .modal .inner .body label {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    transform: translateY(26px);
    transition: transform 0.25s, font-size 0.25s;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label {
    position: static;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox] + label + p {
    font-size: 14px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .body input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body input[type=text] + label {
    pointer-events: none;
  }
  main#mobilize-new form .modal .inner .body input[type=text]:focus + label,
  main#mobilize-new form .modal .inner .body input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(0px);
  }
  main#mobilize-new form .modal .inner .body input:-webkit-autofill,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:hover,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:focus,
  main#mobilize-new form .modal .inner .body input:-webkit-autofill:active {
    /*-webkit-box-shadow: 0 0 0 40px $c-mid-1 inset !important;*/
    -webkit-text-fill-color: #005687 !important;
  }
  main#mobilize-new form .modal .inner .body textarea {
    position: relative;
    display: block;
    width: 100%;
    min-height: calc(16px * 1.5);
    height: 1px;
    padding: 15px 0 15px 0;
    margin-top: 15px;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    overflow: hidden;
    resize: none;
  }
  main#mobilize-new form .modal .inner .body textarea + label {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #646464;
    transform: translateY(0);
    transition: transform 0.25s, font-size 0.25s;
  }
  main#mobilize-new form .modal .inner .body textarea:focus + label,
  main#mobilize-new form .modal .inner .body textarea.has-value + label {
    font-size: 12px;
    line-height: 1.5em;
    transform: translateY(-20px);
  }
  main#mobilize-new form .modal .inner .body label.inline {
    position: relative;
    display: block;
    color: #969696;
    transform: none;
  }
  main#mobilize-new form .modal .inner .body label.small {
    font-size: 12px;
    line-height: 1.5em;
  }
  main#mobilize-new form .modal .inner .body label[for=pad-limit] {
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number] {
    /*						width: calc(36px * 3);*/
    border: none;
    outline: none;
    margin: 15px 0 0 10px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5em;
    color: #005687;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body input[type=number]:disabled {
    color: #969696;
    background-color: transparent;
  }
  main#mobilize-new form .modal .inner .body .cron-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option {
    display: flex;
    align-items: center;
    margin: 15px 0;
  }
  main#mobilize-new form .modal .inner .body .cron-option .toggle-option,
  main#mobilize-new form .modal .inner .body .pad-limit-option .toggle-option {
    width: 150px;
    padding: 0 30px;
    text-align: center;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date],
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date] {
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #969696;
    outline: none;
    font-size: 16px;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]::before,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]::before {
    content: none;
  }
  main#mobilize-new form .modal .inner .body .cron-option input[type=date]:disabled,
  main#mobilize-new form .modal .inner .body .pad-limit-option input[type=date]:disabled {
    color: #969696;
    background-color: transparent;
    border-color: #e5e5e5;
  }
  main#mobilize-new form .modal .inner .body.center {
    text-align: center;
    /*margin: 30px 0 15px 0;*/
  }
  main#mobilize-new form .modal .inner .foot {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] {
    display: none;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox] + label {
    display: block;
    margin: 15px 0;
    cursor: pointer;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked:not(:disabled) + label {
    border-color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:checked + label + p {
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot input[type=checkbox]:disabled + label + p {
    color: #e5e5e5 !important;
  }
  main#mobilize-new form .modal .inner .foot .contributor-count {
    margin: 15px 0;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot button {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #32bee1;
    border-radius: 0;
    outline: none;
    background-color: #32bee1;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: none;
  }
  main#mobilize-new form .modal .inner .foot .global-opt.active button {
    border-color: #005687;
    background-color: transparent;
    color: #005687;
  }
  main#mobilize-new form .modal .inner .foot p {
    justify-self: start;
    margin-left: 15px;
    color: #969696;
  }
  main#mobilize-new form .modal .inner .foot.stretch {
    justify-content: space-between;
  }
  .modal.template-preview {
    align-self: flex-start;
    width: auto;
    margin: 0 auto 30px auto;
  }
  .modal.template-preview main#template {
    padding: 0;
    margin: 0 auto;
  }
  .modal.template-preview main#template .inner {
    padding: 60px;
  }
  main#mobilize-existing {
    width: 1245px;
    margin: 125px auto 0 auto;
    padding: 60px 0 0 0;
  }
  main#mobilize-existing .inner {
    position: relative;
  }
  main#mobilize-existing .inner .new {
    position: fixed;
    top: 30px;
    margin-left: -45px;
    z-index: 10000;
    text-align: center;
  }
  main#mobilize-existing .inner .new a button {
    width: 90px;
    height: 90px;
    border: none;
    outline: none;
    background-color: #f03c8c;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    transform: rotate(45deg);
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .new a button div {
    transform: rotate(-45deg);
  }
  main#mobilize-existing .inner .new a button:hover {
    background-color: #a51e41;
  }
  main#mobilize-existing .inner .overview .summary-statistics {
    width: 100%;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic {
    position: relative;
    width: 100%;
    text-align: center;
    color: #57648c;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 {
    font-size: 60px;
    line-height: 16px;
    white-space: nowrap;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h1 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 {
    font-size: 36px;
    line-height: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic h2 small {
    font-size: 16px;
  }
  main#mobilize-existing .inner .overview .summary-statistics .statistic:first-child {
    grid-column-start: 3;
  }
  main#mobilize-existing .inner .mobilizations-container {
    clear: both;
    position: relative;
    margin: 60px 0 60px 0;
    border-top: 1px solid #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  main#mobilize-existing .inner .mobilizations-container .pub-status label {
    position: absolute;
    bottom: 100%;
    left: 0;
    white-space: nowrap;
    padding: 5px 10px;
    background-color: #57648c;
    font-size: 12px;
    /*color: #FFF;*/
  }
  main#mobilize-existing .inner .mobilizations-container .input-group {
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: -30px 0 30px 0;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button {
    border: none;
    outline: none;
    height: 45px;
    background-color: transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 30px 0 20px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.25s;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button i {
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:hover {
    background-color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button.highlight {
    background-color: #333d51;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .input-group button:disabled {
    pointer-events: none;
    color: #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin-bottom: 15px;
    border-left: 1px solid #e5e5e5;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner {
    position: relative;
    /*a {
    text-decoration: none;*/
    /*}*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body {
    display: flex;
    padding: 0 10px 10px 10px;
    /*.meta.row-1 {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	margin-top: 5px;

    	.meta-sdgs {
    		font-size: $t-small;
    		margin-top: 5px;

    		span {
    			margin-right: 3px;
    			color: $c-light-1;
    		}
    		a {
    			margin: 0 3px;
    			color: $c-mid-1;
    			font-weight: 700;
    			text-decoration: none;
    		}
    		a:hover {
    			text-decoration: underline;
    		}
    	}
    	.meta-engagement {
    		button {
    			position: relative;
    			width: 30px;
    			height: 30px;
    			border: none;
    			border-radius: 30px;
    			outline: none;
    			margin: 0 0 0 10px;
    			background-color: transparent;
    			color: $c-light-1;
    			transition: background-color .25s;

    			i {
    				font-size: $t-mid;
    				line-height: 30px;
    				font-style: normal;
    				cursor: pointer;
    			}
    		}
    		button:hover {
    			background-color: $c-light-2;
    		}
    		button.active {
    			color: $c-mid-1;
    		}
    		button::after {
    			content: attr(data-count);
    			position: absolute;
    			left: 0;
    			top: calc(100% - 7px);
    			width: 100%;
    			text-align: center;
    			font-size: $t-xsmall;
    			font-weight: 700;
    			pointer-events: none;
    		}
    	}
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head {
    flex-shrink: 0;
    width: 300px;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags {
    margin-top: 5px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 3px 5px;
    background-color: transparent;
    border: 1px solid #934a5f;
    border-radius: 5px;
    color: #934a5f;
    font-size: 12px;
    transition: background-color 0.25s;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags a .tag label {
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-tags .tag:hover {
    background-color: #934a5f;
    color: #fff;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor {
    margin: 5px 0 10px 0;
    font-size: 12px;
    color: #c2b4d6;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .meta-contributor a:hover {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .head .media-title {
    overflow-wrap: break-word;
    margin-top: 10px;
    /*padding: 0 20px;*/
    font-size: 16px;
    line-height: 1.5em;
    color: #333d51;
    font-weight: 700;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content {
    flex-grow: 1;
    display: flex;
    position: relative;
    margin-right: 15px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt {
    flex-grow: 1;
    overflow-wrap: break-word;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5em;
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .media-txt small {
    font-style: italic;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats {
    align-self: center;
    flex-shrink: 0;
    width: 150px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 {
    margin-top: 10px;
    text-align: center;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a h1 small {
    font-size: 12px;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a.disabled h1 {
    color: #57648c;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:hover {
    text-decoration: none;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover {
    /*h1 {
    	text-decoration: none;
    }*/
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .meta-stats a:not(.disabled):hover small {
    text-decoration: underline;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group {
    display: none;
    position: absolute;
    bottom: 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form {
    display: inline-block;
    margin: 10px 5px 0 0;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization .inner .body .content .btn-group form .btn-overlay {
    padding: 5px;
    background-color: #57648c;
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover .inner .body .content .btn-group {
    display: block;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0;
    mix-blend-mode: multiply;
    pointer-events: none;
    transition: opacity 0.25s;
    z-index: 10;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilizations-layout .mobilization:hover::after {
    opacity: 1;
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.unpublished .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(211, 172, 43, 0.1) 10px, rgba(211, 172, 43, 0.1) 20px);
  }
  main#mobilize-existing .inner .mobilizations-container .mobilization-layout.publishable .mobilization {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(163, 198, 196, 0.15) 10px, rgba(163, 198, 196, 0.15) 20px);
  }
  table.stats {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 60px;
    border-spacing: 0;
  }
  table.stats thead tr {
    font-size: 20px;
  }
  table.stats thead tr th {
    padding: 15px 30px;
  }
  table.stats tbody {
    color: #646464;
  }
  table.stats tbody tr.top-level td {
    cursor: pointer;
  }
  table.stats tbody tr:hover {
    background-color: rgb(239, 239, 239);
  }
  table.stats tbody tr.open {
    color: #000000;
  }
  table.stats tbody tr.open td {
    border-bottom: 1px solid #969696;
  }
  table.stats tbody tr.small {
    font-size: 14px;
  }
  table.stats tbody tr.small > td {
    padding: 5px 30px;
  }
  table.stats tbody tr.small:nth-child(even) {
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.small:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(150, 150, 150, 0.1) 3px, rgba(150, 150, 150, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(even) {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr.error:nth-child(odd) {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, rgba(165, 30, 65, 0.1) 3px, rgba(165, 30, 65, 0.1) 6px);
  }
  table.stats tbody tr td {
    padding: 5px 15px;
  }
  table.stats tbody tr td.center {
    text-align: center;
  }
  .org-footer {
    position: relative;
    background-color: #0468b1;
    background: linear-gradient(180deg, #005687 0%, #0468b1 30%, #e5e5e5 100%);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    z-index: 10000;
  }
  .org-footer .footer-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
  }
  .org-footer .footer-row .footer-column .footer-img {
    max-width: 100%;
    height: auto;
  }
  .org-footer .footer-row .footer-column h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 22px 0 0 0;
    text-transform: uppercase;
  }
  .org-footer .footer-row .footer-column .outer .logo {
    display: block;
    height: 125px;
    margin: 0 auto 15px auto;
  }
  .org-footer .footer-row .footer-column .outer small {
    display: block;
    font-size: 12px;
    text-align: center;
  }
  .org-footer .footer-row .footer-column .inner {
    padding: 45px 45px 0px 45px;
  }
  .org-footer .footer-row .footer-column .inner ul {
    margin: 15px 0 0 0;
    padding: 0;
  }
  .org-footer .footer-row .footer-column .inner ul li {
    font-size: 14px;
    list-style: none;
    margin-bottom: 0.5em;
  }
  .org-footer .footer-row .footer-column .inner a {
    color: #fff;
    font-weight: normal;
  }
  .org-footer .footer-row .footer-column .inner .social-media-links li {
    display: inline-block;
    font-size: 20px;
    margin: 0 10px 0 0;
    color: #fff;
  }
  .org-footer .footer-row .footer-column:not(.center) {
    flex: 1 1;
  }
  .org-footer .footer-row .footer-column.left .inner {
    padding-top: 30px;
  }
  .org-footer .footer-row .footer-column.center {
    flex: 930px 0 0;
    /*padding: 0 15px;*/
  }
  .org-footer .footer-row.signature {
    padding: 0 45px;
  }
  .org-footer .footer-row.signature .inner p {
    color: #005687;
  }
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
  .document.print {
    border: none;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
  }
  .document.print article.card {
    display: inline-block;
    position: relative;
    width: 300px;
    padding: 0 15px 30px 15px;
    margin: 30px 15px;
    /*border: 1px solid $c-light-2;*/
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: top;
  }
  .document.print article.card img {
    width: 300px;
    margin-left: -15px;
  }
  .document.print article.card .meta {
    margin: 5px 0;
  }
  .document.print article.card .media-source {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    color: #969696;
    font-size: 8pt;
    line-height: 1.3em;
    background-color: #fff;
  }
  .document.print article.card .media-title {
    font-size: 18pt;
    line-height: 1.2em;
    margin: 10px 0 0 0;
    text-align: left;
  }
  .document.print article.card .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #32bee1;
  }
  .document.print article.card .meta-contributor::after {
    content: ", ";
  }
  .document.print article.card .meta-date {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #0468b1;
  }
  .document.print article.card .tag-group .meta-tags {
    margin-left: -2px;
  }
  .document.print article.card .tag-group .meta-tags .tag {
    display: inline-block;
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(9pt * 1.75);
    font-size: 9pt;
    line-height: 1.75em;
    color: #646464;
  }
  .document.print article.card .tag-group .meta-tags .tag label {
    cursor: pointer;
  }
  .document.print article.card .tag-group .meta-sdgs {
    font-size: 9pt;
    line-height: 1.5em;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg-label {
    margin-right: 5px;
    color: #969696;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg {
    display: inline-block;
    margin: 0 5px;
    font-size: 10pt;
    line-height: 1.2em;
    font-weight: bold;
    color: #32bee1;
  }
  .document.print article.card .media-txt {
    margin: 10px 0;
  }
  .document.print article.card .meta-source {
    display: block;
    font-size: 8pt;
    line-height: 1.3em;
    color: #969696;
  }
  .exploration-info p,
  .exploration-info h2 {
    padding: 5px;
  }
  div.exploration {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 2px solid #32bee1;
  }
  div.exploration input[type=text] {
    float: left;
    position: relative;
    width: calc(100% - 30px - 65px);
    height: 50px;
    margin: 15px 0 0 15px;
    border: none;
    /*border-bottom: 1px solid #FFF;*/
    outline: none;
    background-color: transparent;
    font-size: 24px;
    color: #005687;
  }
  div.exploration label[for=exploration-main] {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 16px;
    color: #969696;
    transform: translateY(16px);
    transition: transform 0.25s, font-size 0.25s;
    pointer-events: none;
  }
  div.exploration input[type=text]:focus + label,
  div.exploration input[type=text]:active + label,
  div.exploration input[type=text].has-value + label {
    font-size: 12px;
    transform: translateY(5px);
  }
  div.exploration input:-webkit-autofill,
  div.exploration input:-webkit-autofill:hover,
  div.exploration input:-webkit-autofill:focus,
  div.exploration input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #005687 !important;
  }
  div.exploration a {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    font-size: 26px;
    float: right;
    width: 65px;
    height: 60px;
    margin-top: 5px;
    line-height: 60px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #969696;
    cursor: pointer;
    text-decoration: none;
  }
  div.exploration a:hover {
    color: rgba(4, 104, 177, 0.75);
    text-decoration: none;
  }
  div.exploration a:active {
    color: #0468b1;
    text-decoration: none;
  }
  .exploration-article-inactive {
    filter: opacity(0.4) !important;
  }
  .exploration-btn-active {
    background-color: #32bee1 !important;
  }
  .exploration-btn-active:hover {
    background-color: rgba(4, 104, 177, 0.75) !important;
  }
  .exploration-btn-active:active {
    background-color: #0468b1 !important;
  }
  .exploration-doc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 51px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .exploration-doc * {
    font-size: 12px;
  }
  .exploration-doc button {
    display: inline-block;
    cursor: pointer;
    padding: 0.25em 10px;
    margin: 0 2px 0 0;
    border: 1px solid #32bee1;
    background-color: transparent;
  }
  .exploration-doc button:hover {
    background-color: #ddd;
  }
  .exploration-doc button:active {
    background-color: #ccc;
  }
  .exploration-doc select {
    width: 100%;
    height: 24px;
    box-sizing: border-box;
  }
  .exploration-big {
    flex-direction: row;
    justify-content: start;
    height: 26px;
    vertical-align: middle;
  }
  .exploration-big span {
    line-height: 24px;
    margin-right: 5px;
  }
  .exploration-big select {
    width: auto;
    margin-right: 5px;
  }
  .exploration-local {
    padding-left: 15px;
  }
}
@media print {
  /*$c-dark-blue: #0A4C73;*/
  /*$c-dark-1: $c-dark-blue;
  $c-mid-1: $c-dark-red;
  $c-mid-2: $c-light-green;
  $c-mid-2-light: rgba(87,100,140,.25);
  $c-mid-3: #F4ED6E;
  $c-light-1: $c-light-red;
  $c-light-2: #E5E5E5;
  $c-light-3: #F0F0F0;*/
}
@media print {
  html,
  body {
    font-size: 11pt;
    line-height: 1.5em;
  }
  .xs,
  .sm,
  .m {
    display: none;
  }
  .no-bg {
    background-color: transparent !important;
  }
  .add-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 20px;
    background-color: #969696;
    color: #fff;
    font-size: 14pt;
    line-height: 19px;
    text-align: center;
    vertical-align: text-top;
  }
  /*.pagedjs_page {
  	margin: auto;
  }*/
  .document.print {
    border: none;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
  }
  .document.print article.card {
    display: inline-block;
    position: relative;
    width: 300px;
    padding: 0 15px 30px 15px;
    margin: 30px 15px;
    /*border: 1px solid $c-light-2;*/
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: top;
  }
  .document.print article.card img {
    width: 300px;
    margin-left: -15px;
  }
  .document.print article.card .meta {
    margin: 5px 0;
  }
  .document.print article.card .media-source {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    color: #969696;
    font-size: 8pt;
    line-height: 1.3em;
    background-color: #fff;
  }
  .document.print article.card .media-title {
    font-size: 18pt;
    line-height: 1.2em;
    margin: 10px 0 0 0;
    text-align: left;
  }
  .document.print article.card .meta-contributor {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #32bee1;
  }
  .document.print article.card .meta-contributor::after {
    content: ", ";
  }
  .document.print article.card .meta-date {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 10pt;
    line-height: 1.5em;
    color: #0468b1;
  }
  .document.print article.card .tag-group .meta-tags {
    margin-left: -2px;
  }
  .document.print article.card .tag-group .meta-tags .tag {
    display: inline-block;
    border: none;
    padding: 0 10px;
    margin: 0 2.5px 2.5px 0;
    background-color: #e5e5e5;
    border-radius: calc(9pt * 1.75);
    font-size: 9pt;
    line-height: 1.75em;
    color: #646464;
  }
  .document.print article.card .tag-group .meta-tags .tag label {
    cursor: pointer;
  }
  .document.print article.card .tag-group .meta-sdgs {
    font-size: 9pt;
    line-height: 1.5em;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg-label {
    margin-right: 5px;
    color: #969696;
  }
  .document.print article.card .tag-group .meta-sdgs span.sdg {
    display: inline-block;
    margin: 0 5px;
    font-size: 10pt;
    line-height: 1.2em;
    font-weight: bold;
    color: #32bee1;
  }
  .document.print article.card .media-txt {
    margin: 10px 0;
  }
  .document.print article.card .meta-source {
    display: block;
    font-size: 8pt;
    line-height: 1.3em;
    color: #969696;
  }
  .exploration-info p,
  .exploration-info h2 {
    padding: 5px;
  }
  .exploration-doc {
    display: none;
  }
  @page {
    size: A4 portrait;
    margin: 20mm 30mm;
    @bottom-center {
      content: counter(page);
      text-align: center;
      font-size: 9pt;
      color: #646464;
    }
    @top-center {
      content: string(title);
      text-align: center;
      font-size: 9pt;
      color: #646464;
    }
  }
  a::after {
    content: " (" attr(href) ")";
  }
  nav#languages {
    display: none;
  }
  button#expand-nav {
    display: none;
  }
  header {
    display: none;
  }
  div.document {
    border: none !important;
    width: 100% !important;
    min-height: unset !important;
    padding: 0;
  }
  div.document *:not(img):empty,
  div.document *:empty:before {
    display: none;
  }
  div.document article {
    break-before: page;
  }
  div.document article .title {
    string-set: title content(text);
    line-height: 1.2em;
  }
  div.document article section {
    margin: 24pt 0;
  }
  div.document article section p {
    margin: 6pt 0 12pt 0;
    color: #000000;
  }
  div.document article section p.instruction {
    margin-bottom: 6pt;
    color: #969696;
    font-size: 10pt;
    line-height: 1.5em;
  }
  div.document article section ol,
  div.document article section ul {
    margin: 6pt 0 12pt 15mm;
  }
  div.document article section ol li.checked,
  div.document article section ul li.checked {
    font-weight: bold;
  }
  div.document article section ol.indexes {
    margin: 12pt 0;
    text-align: center;
  }
  div.document article section ol.indexes li {
    display: inline;
    list-style: none;
  }
  div.document article section ol.indexes li img {
    width: 30mm;
  }
  div.document article section ul.tags {
    margin: 6pt 0 12pt 0;
    text-align: left;
    /*display: grid;
    grid-gap: 6pt;
    grid-template-columns: repeat(6,1fr);
    align-items: top;
    justify-content: center;*/
  }
  div.document article section ul.tags li.tag {
    display: inline-block;
    background-image: url("../imgs/icons/i-generic-tag-btn.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 13pt;
    padding: 0 6pt 0 18pt;
    margin: 0 1mm;
    font-size: 10pt;
    line-height: 1.5em;
    color: #646464;
  }
  div.document article section ul.locations {
    margin-left: 0;
    margin-bottom: 0;
  }
  div.document article section ul.locations li {
    background-image: url("../imgs/icons/i-locations-btn.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14pt;
    padding-left: 18pt;
    font-size: 10pt;
    color: #646464;
  }
  div.document article section p.caption {
    font-size: 9pt;
    line-height: 1.5em;
    color: #969696;
  }
  div.document article section img {
    margin: 6pt auto 12pt auto;
    max-width: 100%;
    max-height: 100%;
  }
  div.document article section div.mosaic {
    display: grid;
    grid-gap: 6pt;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
  }
  div.document article section div.mosaic.x2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .meta-info.mobilization-info,
  .scroll-nav {
    display: none !important;
  }
  .head a.return {
    display: none;
  }
  .input-toolbox {
    display: none;
  }
  .opts {
    display: none !important;
  }
  footer {
    display: none;
  }
}

/*# sourceMappingURL=dispatch.css.map */