@font-face {
  font-family: 'FUCXEDCAPS';
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/FUCXEDCAPS-v2.otf) format('opentype');
}
@font-face {
  font-family: 'OpenSans';
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/Open_Sans/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: bold;
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/Open_Sans/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/Open_Sans/OpenSans-RegularItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: bold;
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/Open_Sans/OpenSans-BoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: bold;
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/Montserrat/Montserrat-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: bold;
  src: url(https://xrhub.extinctionrebellion.es/assets/fonts/Montserrat/Montserrat-BoldItalic.ttf) format('truetype');
}
#main-menu {
  display: inline-block;
  width: 100%;
}
#main-menu > ul, #main-menu > ul > li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
#main-menu > ul > a, #main-menu > ul > li > a {
  display: inline-block;
  padding: 10px 15px;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 3px;
}
#main-menu > ul > a.active, #main-menu > ul > li > a.active {
  font-weight: bold;
  background: black;
  color: white;
  font-weight: bold;
}
.menu.folding {
  position: relative;
  z-index: 10;
  font-size: 13px;
  display: inline-block;
}
.menu.folding .folded {
  text-align: left;
  display: none;
  position: absolute;
  min-width: 160px;
  background: white;
  top: 100%;
  margin-top: 4px;
  margin-bottom: 10px;
  border: 2px solid #777;
  box-shadow: 0px 9px 10px -9px #999;
  border-radius: 4px;
  line-height: 20px;
}
.menu.folding .folded .menu-lookup {
  display: block;
  border-bottom: 1px solid #ddd;
}
.menu.folding .folded .menu-lookup input {
  line-height: 20px;
  padding: 10px 14px;
  width: 100%;
  border: none !important;
}
.menu.folding .folded .menu-lookup i {
  position: absolute;
  right: 7px;
  top: 13px;
  color: #aaa;
  pointer-events: none;
}
.menu.folding .folded .menu-items {
  overflow: auto;
  overflow-y: auto;
  overflow-x: visible;
}
.menu.folding .folded .menu-items, .menu.folding .folded .menu-items li, .menu.folding .folded .menu-items li span {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.menu.folding .folded .menu-items a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  white-space: nowrap;
  color: inherit;
}
.menu.folding .folded .menu-items a.action-id-delete {
  color: #ff1414;
}
.menu.folding .folded .menu-items a.action-id-delete:hover {
  background: #ff1414;
  color: #ffffff;
}
.menu.folding .folded .menu-items a i {
  width: 24px;
}
.menu.folding .folded .menu-items a.hover {
  background: #eee;
  color: inherit;
}
.menu.folding .folded .menu-items li {
  border-bottom: 1px solid #ddd;
}
.menu.folding .folded .menu-items li.last {
  border-bottom: none;
}
.menu.folding .folded .menu-items li.selected a {
  font-weight: bold;
}
.menu.folding.menu-align-right .folded {
  right: -5px;
}
.menu.folding.open {
  z-index: 99;
}
.menu.folding.open .handle button.button-secondary, .menu.folding.open .handle button.button-secondary:focus, .menu.folding.open .handle button.button-secondary:active, .menu.folding.open .handle .button.button-secondary, .menu.folding.open .handle .button.button-secondary:focus, .menu.folding.open .handle .button.button-secondary:active, .menu.folding.open .handle submit.button-secondary, .menu.folding.open .handle submit.button-secondary:focus, .menu.folding.open .handle submit.button-secondary:active, .menu.folding.open .handle input[type="button"].button-secondary, .menu.folding.open .handle input[type="button"].button-secondary:focus, .menu.folding.open .handle input[type="button"].button-secondary:active, .menu.folding.open .handle input[type="submit"].button-secondary, .menu.folding.open .handle input[type="submit"].button-secondary:focus, .menu.folding.open .handle input[type="submit"].button-secondary:active {
  border: 2px solid #ccc;
}
.menu.folding.open .folded {
  display: block;
}
.action-menu > .handle {
  color: #aaa;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 7px;
  box-sizing: border-box;
  margin-top: -4px;
}
.action-menu.open > .handle, .action-menu > .handle:hover {
  color: #000000;
  opacity: 1 !important;
}
html.notouch .action-menu > .handle {
  opacity: 0;
}
.select-field-menu .model-add-button {
  display: block;
  margin: 4px;
  white-space: nowrap;
}
.main-box {
  max-width: 600px;
  display: block;
  margin: 40px auto 0;
  padding: 0px 35px 25px;
  box-shadow: 0px 1px 13px -5px #333;
  background: white;
  border: 1px solid #999;
  border-radius: 0px;
}
.main-box:hover {
  background: #fafafa;
}
main form {
  display: block;
}
main form > .field {
  margin: 4px 0 24px;
}
main form > .field > label {
  margin-bottom: 8px;
  display: block;
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
}
main form > .field .field-inner input, main form > .field .field-inner textarea {
  width: 100%;
}
main form > .field .field-inner textarea {
  min-height: 130px;
  resize: vertical;
}
main form > .field .field-inner input[type="number"] {
  padding-right: 0;
}
.message {
  padding: 10px 12px;
  font-weight: bold;
}
.message:first-child {
  margin-top: 15px;
}
.message.message-success {
  background: #14aa37;
  border: 1px solid #14aa37;
  color: #ffffff;
}
.message.message-error {
  background: #ff1414;
  border: 1px solid #ff1414;
  color: #ffffff;
}
.upload-button-wrap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.upload-button-wrap button {
  pointer-events: none;
}
.upload-button-wrap input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  border: none;
  height: 100%;
  width: 100%;
  bottom: 0;
  cursor: pointer;
  opacity: 0;
}
.icon-field-inner {
  position: relative;
}
.icon-field-inner .icon-field-inner-main {
  display: grid;
  grid-template-columns: auto 1fr;
}
.icon-field-inner.icon-field-empty .action-li-id-delete {
  display: none !important;
}
.icon-field-inner.icon-field-empty .action-li-id-icon {
  border-bottom: none !important;
}
.icon-field-inner.icon-field-empty .icon-field-inner-input > div {
  display: none;
}
.icon-field-inner .icon-field-preview-type-icon {
  position: relative;
}
.icon-field-inner .icon-field-preview-type-icon .icon-field-selector {
  font-size: 20px;
  display: inline-block;
  position: relative;
  padding: 5px;
  background: white;
  border: 1px solid #999;
  border-radius: 4px;
}
.icon-field-inner .icon-field-preview-type-icon .icon-field-selector i {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  padding: 4px 0 0;
  border: 1px solid #ddd;
  cursor: pointer;
  border-radius: 0px;
  box-sizing: border-box;
}
.icon-field-inner .icon-field-preview-type-icon .icon-field-selector i:hover {
  background: #fafafa;
}
.icon-field-inner .icon-field-preview-type-icon .icon-field-selector-preview {
  font-size: 70px;
  background: white;
  width: 100px;
  height: 100px;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
  border: 2px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.icon-field-inner .icon-field-preview-hover {
  position: absolute;
  z-index: 10;
  height: 84px;
  width: 84px;
  text-align: center;
  background: white;
  padding: 17px 0 0;
  margin: -90px 0 0 30px;
  border: 1px solid #999;
  border-radius: 4px;
  box-shadow: 0px 1px 13px -5px #333;
  box-sizing: border-box;
}
.icon-field-inner .icon-field-preview-hover i {
  font-size: 50px;
}
.icon-field-inner .icon-field-preview-type-upload > div, .icon-field-inner .icon-field-preview-type-url > div {
  text-align: center;
  background: white;
  display: inline-block;
  vertical-align: top;
  border: 2px solid #ccc;
  border-radius: 4px;
}
.icon-field-inner .icon-field-preview-type-upload > div img, .icon-field-inner .icon-field-preview-type-url > div img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  max-height: 260px;
  padding: 0;
  margin: 0;
  border: none;
}
.icon-field-inner .icon-field-preview-type-url img {
  cursor: pointer;
}
.select-field-menu.menu.folding {
  display: inline-block;
}
.select-field-menu.menu.folding.menu-lookup-focused .folded {
  border: 2px solid #777;
}
.select-field-menu.menu.folding.menu-lookup-focused .folded > .arrow {
  border-bottom-color: #777;
}
.select-field-menu.menu.folding .handle button {
  padding-left: 20px;
  padding-right: 14px;
  white-space: nowrap;
}
.select-field-menu.menu.folding .handle button i {
  font-size: 80%;
  color: #b3b3b3;
  margin-left: 8px;
}
.select-field-menu.menu.folding .handle button:active i, .select-field-menu.menu.folding .handle button:focus i {
  color: #777;
}
.select-field-menu.menu.folding.select-is-empty .select-field-clear {
  display: none;
}
.select-field-menu.menu.folding .select-field-clear:hover i {
  color: #ff1414;
}
.icon-field-inner-menu {
  position: relative;
}
.icon-field-inner-menu > .menu, .icon-field-inner-menu > .menu .handle, .icon-field-inner-menu > .menu .handle button {
  display: inline-block;
}
.repeater .actions {
  padding: 0;
}
.repeater .repeater-buttons {
  display: none;
}
.repeater.empty .repeater-buttons {
  display: block;
}
html {
  height: 100%;
}
html, body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  background-color: #14aa37;
  color: #000000;
  min-height: 100%;
  line-height: 20px;
}
* {
  box-sizing: border-box;
}
#wrap {
  text-align: center;
}
body, input, select, button, .button, submit, input[type="button"], input[type="submit"], textarea {
  font-family: 'Montserrat';
  font-size: 15px;
}
input, select, button, .button, submit, input[type="button"], input[type="submit"], textarea {
  line-height: 30px;
  outline: none;
  box-shadow: none;
}
input:invalid, select:invalid, button:invalid, .button:invalid, submit:invalid, input[type="button"]:invalid, input[type="submit"]:invalid, textarea:invalid {
  border: 2px solid #ccc;
  /*
		$input-invalid-border;
*/
}
.button-primary, submit, button[type="submit"], input[type="submit"] {
  font-family: 'FUCXEDCAPS';
}
.button, button, submit, input[type="button"], input[type="submit"] {
  display: inline-block;
  padding: 6px 20px;
  background: #000000;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  color: white;
  border-radius: 0;
}
.button.button-secondary, .button.button-secondary:hover, button.button-secondary, button.button-secondary:hover, submit.button-secondary, submit.button-secondary:hover, input[type="button"].button-secondary, input[type="button"].button-secondary:hover, input[type="submit"].button-secondary, input[type="submit"].button-secondary:hover {
  background: #ffffff;
  border: 2px solid #ccc;
  border-radius: 4px;
}
.button.button-secondary, .button.button-secondary:hover, .button.button-secondary:active, .button.button-secondary:focus, button.button-secondary, button.button-secondary:hover, button.button-secondary:active, button.button-secondary:focus, submit.button-secondary, submit.button-secondary:hover, submit.button-secondary:active, submit.button-secondary:focus, input[type="button"].button-secondary, input[type="button"].button-secondary:hover, input[type="button"].button-secondary:active, input[type="button"].button-secondary:focus, input[type="submit"].button-secondary, input[type="submit"].button-secondary:hover, input[type="submit"].button-secondary:active, input[type="submit"].button-secondary:focus {
  color: #000000;
}
.button.button-delete, button.button-delete, submit.button-delete, input[type="button"].button-delete, input[type="submit"].button-delete {
  background: red;
  color: white;
}
.button:focus, .button:hover, button:focus, button:hover, submit:focus, submit:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
  color: white;
}
.button.delete-button-full, button.delete-button-full, submit.delete-button-full, input[type="button"].delete-button-full, input[type="submit"].delete-button-full {
  float: right;
  background: transparent;
  border-color: transparent;
  color: #ff1414;
}
.button.delete-button-full:hover, .button.delete-button-full:focus, .button.delete-button-full:active, button.delete-button-full:hover, button.delete-button-full:focus, button.delete-button-full:active, submit.delete-button-full:hover, submit.delete-button-full:focus, submit.delete-button-full:active, input[type="button"].delete-button-full:hover, input[type="button"].delete-button-full:focus, input[type="button"].delete-button-full:active, input[type="submit"].delete-button-full:hover, input[type="submit"].delete-button-full:focus, input[type="submit"].delete-button-full:active {
  background: #ff1414;
  border-color: #ff1414;
  color: #ffffff;
}
.buttons.align-left .button, .buttons.align-left button, .buttons.align-left submit, .buttons.align-left input[type="button"], .buttons.align-left input[type="submit"] {
  margin-right: 5px;
}
.buttons.align-right .button, .buttons.align-right button, .buttons.align-right submit, .buttons.align-right input[type="button"], .buttons.align-right input[type="submit"] {
  margin-left: 5px;
}
select, button.select-button, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], textarea {
  padding: 6px 20px;
  border: 2px solid #ccc;
  background: #ffffff;
  color: #000000;
  border-radius: 4px;
}
select::-webkit-input-placeholder, button.select-button::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #999;
}
select:-moz-placeholder, button.select-button:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  font-style: italic;
  color: #999;
}
select::-moz-placeholder, button.select-button::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  font-style: italic;
  color: #999;
}
select:-ms-input-placeholder, button.select-button:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-style: italic;
  color: #999;
}
select:hover, button.select-button:hover, input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover {
  border: 2px solid #bbb;
}
select:focus, select:focus:hover, select:active, select:active:hover, button.select-button:focus, button.select-button:focus:hover, button.select-button:active, button.select-button:active:hover, input[type="text"]:focus, input[type="text"]:focus:hover, input[type="text"]:active, input[type="text"]:active:hover, input[type="number"]:focus, input[type="number"]:focus:hover, input[type="number"]:active, input[type="number"]:active:hover, input[type="email"]:focus, input[type="email"]:focus:hover, input[type="email"]:active, input[type="email"]:active:hover, input[type="tel"]:focus, input[type="tel"]:focus:hover, input[type="tel"]:active, input[type="tel"]:active:hover, textarea:focus, textarea:focus:hover, textarea:active, textarea:active:hover {
  border: 2px solid #777;
}
select:focus::-webkit-input-placeholder, select:focus:hover::-webkit-input-placeholder, select:active::-webkit-input-placeholder, select:active:hover::-webkit-input-placeholder, button.select-button:focus::-webkit-input-placeholder, button.select-button:focus:hover::-webkit-input-placeholder, button.select-button:active::-webkit-input-placeholder, button.select-button:active:hover::-webkit-input-placeholder, input[type="text"]:focus::-webkit-input-placeholder, input[type="text"]:focus:hover::-webkit-input-placeholder, input[type="text"]:active::-webkit-input-placeholder, input[type="text"]:active:hover::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, input[type="number"]:focus:hover::-webkit-input-placeholder, input[type="number"]:active::-webkit-input-placeholder, input[type="number"]:active:hover::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="email"]:focus:hover::-webkit-input-placeholder, input[type="email"]:active::-webkit-input-placeholder, input[type="email"]:active:hover::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, input[type="tel"]:focus:hover::-webkit-input-placeholder, input[type="tel"]:active::-webkit-input-placeholder, input[type="tel"]:active:hover::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, textarea:focus:hover::-webkit-input-placeholder, textarea:active::-webkit-input-placeholder, textarea:active:hover::-webkit-input-placeholder {
  color: #ccc;
}
select:focus:-moz-placeholder, select:focus:hover:-moz-placeholder, select:active:-moz-placeholder, select:active:hover:-moz-placeholder, button.select-button:focus:-moz-placeholder, button.select-button:focus:hover:-moz-placeholder, button.select-button:active:-moz-placeholder, button.select-button:active:hover:-moz-placeholder, input[type="text"]:focus:-moz-placeholder, input[type="text"]:focus:hover:-moz-placeholder, input[type="text"]:active:-moz-placeholder, input[type="text"]:active:hover:-moz-placeholder, input[type="number"]:focus:-moz-placeholder, input[type="number"]:focus:hover:-moz-placeholder, input[type="number"]:active:-moz-placeholder, input[type="number"]:active:hover:-moz-placeholder, input[type="email"]:focus:-moz-placeholder, input[type="email"]:focus:hover:-moz-placeholder, input[type="email"]:active:-moz-placeholder, input[type="email"]:active:hover:-moz-placeholder, input[type="tel"]:focus:-moz-placeholder, input[type="tel"]:focus:hover:-moz-placeholder, input[type="tel"]:active:-moz-placeholder, input[type="tel"]:active:hover:-moz-placeholder, textarea:focus:-moz-placeholder, textarea:focus:hover:-moz-placeholder, textarea:active:-moz-placeholder, textarea:active:hover:-moz-placeholder {
  opacity: 1;
  color: #ccc;
}
select:focus::-moz-placeholder, select:focus:hover::-moz-placeholder, select:active::-moz-placeholder, select:active:hover::-moz-placeholder, button.select-button:focus::-moz-placeholder, button.select-button:focus:hover::-moz-placeholder, button.select-button:active::-moz-placeholder, button.select-button:active:hover::-moz-placeholder, input[type="text"]:focus::-moz-placeholder, input[type="text"]:focus:hover::-moz-placeholder, input[type="text"]:active::-moz-placeholder, input[type="text"]:active:hover::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, input[type="number"]:focus:hover::-moz-placeholder, input[type="number"]:active::-moz-placeholder, input[type="number"]:active:hover::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="email"]:focus:hover::-moz-placeholder, input[type="email"]:active::-moz-placeholder, input[type="email"]:active:hover::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, input[type="tel"]:focus:hover::-moz-placeholder, input[type="tel"]:active::-moz-placeholder, input[type="tel"]:active:hover::-moz-placeholder, textarea:focus::-moz-placeholder, textarea:focus:hover::-moz-placeholder, textarea:active::-moz-placeholder, textarea:active:hover::-moz-placeholder {
  opacity: 1;
  color: #ccc;
}
select:focus:-ms-input-placeholder, select:focus:hover:-ms-input-placeholder, select:active:-ms-input-placeholder, select:active:hover:-ms-input-placeholder, button.select-button:focus:-ms-input-placeholder, button.select-button:focus:hover:-ms-input-placeholder, button.select-button:active:-ms-input-placeholder, button.select-button:active:hover:-ms-input-placeholder, input[type="text"]:focus:-ms-input-placeholder, input[type="text"]:focus:hover:-ms-input-placeholder, input[type="text"]:active:-ms-input-placeholder, input[type="text"]:active:hover:-ms-input-placeholder, input[type="number"]:focus:-ms-input-placeholder, input[type="number"]:focus:hover:-ms-input-placeholder, input[type="number"]:active:-ms-input-placeholder, input[type="number"]:active:hover:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, input[type="email"]:focus:hover:-ms-input-placeholder, input[type="email"]:active:-ms-input-placeholder, input[type="email"]:active:hover:-ms-input-placeholder, input[type="tel"]:focus:-ms-input-placeholder, input[type="tel"]:focus:hover:-ms-input-placeholder, input[type="tel"]:active:-ms-input-placeholder, input[type="tel"]:active:hover:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, textarea:focus:hover:-ms-input-placeholder, textarea:active:-ms-input-placeholder, textarea:active:hover:-ms-input-placeholder {
  color: #ccc;
}
.button, button, submit, input[type="button"], input[type="submit"] {
  text-align: center;
}
.button.button-secondary:focus, .button.button-secondary:active, button.button-secondary:focus, button.button-secondary:active, submit.button-secondary:focus, submit.button-secondary:active, input[type="button"].button-secondary:focus, input[type="button"].button-secondary:active, input[type="submit"].button-secondary:focus, input[type="submit"].button-secondary:active {
  border: 2px solid #777;
}
.button.button-secondary:focus::-webkit-input-placeholder, .button.button-secondary:active::-webkit-input-placeholder, button.button-secondary:focus::-webkit-input-placeholder, button.button-secondary:active::-webkit-input-placeholder, submit.button-secondary:focus::-webkit-input-placeholder, submit.button-secondary:active::-webkit-input-placeholder, input[type="button"].button-secondary:focus::-webkit-input-placeholder, input[type="button"].button-secondary:active::-webkit-input-placeholder, input[type="submit"].button-secondary:focus::-webkit-input-placeholder, input[type="submit"].button-secondary:active::-webkit-input-placeholder {
  color: #ccc;
}
.button.button-secondary:focus:-moz-placeholder, .button.button-secondary:active:-moz-placeholder, button.button-secondary:focus:-moz-placeholder, button.button-secondary:active:-moz-placeholder, submit.button-secondary:focus:-moz-placeholder, submit.button-secondary:active:-moz-placeholder, input[type="button"].button-secondary:focus:-moz-placeholder, input[type="button"].button-secondary:active:-moz-placeholder, input[type="submit"].button-secondary:focus:-moz-placeholder, input[type="submit"].button-secondary:active:-moz-placeholder {
  opacity: 1;
  color: #ccc;
}
.button.button-secondary:focus::-moz-placeholder, .button.button-secondary:active::-moz-placeholder, button.button-secondary:focus::-moz-placeholder, button.button-secondary:active::-moz-placeholder, submit.button-secondary:focus::-moz-placeholder, submit.button-secondary:active::-moz-placeholder, input[type="button"].button-secondary:focus::-moz-placeholder, input[type="button"].button-secondary:active::-moz-placeholder, input[type="submit"].button-secondary:focus::-moz-placeholder, input[type="submit"].button-secondary:active::-moz-placeholder {
  opacity: 1;
  color: #ccc;
}
.button.button-secondary:focus:-ms-input-placeholder, .button.button-secondary:active:-ms-input-placeholder, button.button-secondary:focus:-ms-input-placeholder, button.button-secondary:active:-ms-input-placeholder, submit.button-secondary:focus:-ms-input-placeholder, submit.button-secondary:active:-ms-input-placeholder, input[type="button"].button-secondary:focus:-ms-input-placeholder, input[type="button"].button-secondary:active:-ms-input-placeholder, input[type="submit"].button-secondary:focus:-ms-input-placeholder, input[type="submit"].button-secondary:active:-ms-input-placeholder {
  color: #ccc;
}
.button.button-secondary:hover, button.button-secondary:hover, submit.button-secondary:hover, input[type="button"].button-secondary:hover, input[type="submit"].button-secondary:hover {
  border: 2px solid #bbb;
  /*
			background: $black;
			color: $white;
			border-color: $black;
*/
}
h1, h2, h3 {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 24px 0;
  font-family: 'FUCXEDCAPS';
}
.hidden {
  display: none;
}
a {
  color: black;
}
a:hover {
  color: #14aa37;
}
#logo-wrap {
  margin: 20px 0 10px;
}
#logo-wrap a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}
#logo-wrap a span {
  display: inline-block;
  font-family: 'FUCXEDCAPS';
  font-size: 71px;
  vertical-align: top;
  height: 100%;
  line-height: 100%;
  padding: 2px 0 0 5px;
  color: transparent;
  -webkit-text-stroke: 2px white;
}
#header {
  text-align: center;
}
.box {
  box-shadow: 0px 1px 13px -5px #333;
  background: white;
  border: 1px solid #999;
  border-radius: 0px;
}
.box:hover {
  background: #fafafa;
}
.row {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1200px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: left;
}
.row.item {
  margin-bottom: 10px;
}
.center {
  text-align: center;
}
#logo-subtitle .box > span {
  font-size: 40px;
  margin: -20px 0 10px;
  display: block;
}
#footer {
  padding: 50px 0 26px;
  color: white;
  font-size: 12px;
}
main .table > table {
  width: 100%;
  border-collapse: collapse;
}
main .table > table th, main .table > table td {
  padding: 4px 10px;
  border: 1px solid #ddd;
  text-align: left;
  vertical-align: top;
}
main .table > table th.td-type-icon, main .table > table td.td-type-icon {
  width: 36px;
  text-align: center;
}
main .table > table th.td-type-icon img, main .table > table td.td-type-icon img {
  max-width: 100%;
}
main .table > table th.td-type-image img, main .table > table td.td-type-image img {
  max-width: 100%;
}
main .table > table tr:nth-child(2n+1) td {
  background: #eee;
}
main .table > table td.td-actions {
  padding: 0 8px;
}
main .table > table td.td-actions a {
  padding: 2px;
  width: 22px;
  height: 22px;
  margin: 2px 4px 0 0;
  display: inline-block;
  text-align: center;
}
main .table > table td.td-actions a.action-id-delete:hover {
  color: #ff1414;
}
main .table > table th {
  border-top: 1px solid #999;
}
main .table > table th:first-child {
  border-radius: 0px 0 0 0;
}
main .table > table th:first-child, main .table > table td:first-child {
  border-left: 1px solid #999;
}
main .table > table th:last-child {
  border-top: 1px solid #999;
  border-radius: 0 0px 0 0;
}
main .table > table th:last-child, main .table > table td:last-child {
  border-right: 1px solid #999;
}
main .table > table tbody tr:last-child > td {
  border-bottom: 1px solid #999;
}
main .table > table tbody tr:last-child > td:first-child {
  border-radius: 0 0 0 0px;
}
main .table > table tbody tr:last-child > td:last-child {
  border-radius: 0 0 0px 0;
}
main .table > table tbody tr.ui-sortable-helper {
  background: white;
}
.buttons {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.mode-selector .handle {
  text-align: center;
  display: inline-block;
  padding: 5px 6px;
  color: white;
}
.mode-selector .handle i:first-child {
  margin-right: 3px;
}
.mode-selector .handle.active {
  color: inherit;
}
.mode-selector .handle:hover, .mode-selector .menu.open .handle {
  color: #000000;
}
.handle {
  cursor: pointer;
}
main > div > .box > div.buttons-margin-top, .buttons-margin-top {
  margin-top: 50px;
}
.form-buttons {
  margin-top: 40px;
}
.grid-2 {
  display: grid;
  grid-template-columns: 1fr auto;
}
.fixed-hidden {
  position: fixed;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: hidde;
}
.text {
  margin: 0 0 30px;
}
.top-link {
  margin-top: 20px;
}
.top-link a {
  text-decoration: none;
}
#logged-bar {
  position: relative;
  display: block;
}
#logged-bar #logged-bar-inner {
  position: absolute;
  z-index: 2000000;
  top: 0;
  right: 10px;
}
#logged-bar #logged-bar-inner > * {
  vertical-align: top;
}
.role-header, .mandate {
  display: grid;
  grid-template-columns: auto 200px 400px;
}
.h-jauge-wrap .h-jauge {
  display: inline-block;
  position: relative;
}
.h-jauge-wrap .jauge-start, .h-jauge-wrap .jauge-start-ph, .h-jauge-wrap .jauge-end {
  display: inline-block;
  vertical-align: top;
  padding: 3px 8px 0;
}
.h-jauge-wrap .jauge-start, .h-jauge-wrap .jauge-start-ph {
  width: 90px;
  text-align: right;
}
.h-jauge-wrap .jauge-start, .h-jauge-wrap .jauge-end, .h-jauge-wrap .jauge-hover {
  font-size: 10px;
  text-transform: uppercase;
  text-shadow: 0px 0px 7px white;
  font-weight: bold;
}
.h-jauge-wrap .jauge-hover {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  text-align: center;
}
.h-jauge-wrap .jauge-inner {
  display: inline-block;
  width: 200px;
  background: white;
  position: relative;
  height: 25px;
  border: 1px solid #ccc;
  overflow: hidden;
  border-radius: 12.5px;
}
.h-jauge-wrap .jauge-inner .jauge-bar {
  position: absolute;
  background: green;
  top: 0;
  left: 0;
  bottom: 0;
  width: 59%;
}
.role-mandates {
  background: white;
  margin: 10px 0 5px;
  padding: 5px 0 3px;
}
.role-description {
  font-style: italic;
  font-size: 12px;
  margin: 0 0 0 3px;
}
.mandate-status-over {
  opacity: 0.4;
}
.mandate-status-over:hover {
  opacity: 1;
}
.role-details {
  display: none;
}
.role-duration {
  font-weight: bold;
  margin-left: 4px;
}
.item-body {
  position: relative;
}
.contact-inline {
  position: relative;
}
.contact-inline .accounts-wrap {
  display: none;
  position: absolute;
  top: 100%;
  left: -20px;
  width: 100px;
  padding-top: 10px;
  z-index: 70;
}
.contact-inline .accounts-wrap .accounts {
  background: white;
  text-align: center;
  padding: 2px 4px;
  display: block;
  border: 1px solid #999;
  box-shadow: 0px 1px 13px -5px #333;
  border-radius: 4px;
}
.contact-inline:hover .accounts-wrap {
  display: block;
}
.accounts-inline {
  margin-left: 15px;
}
.accounts-inline a, .accounts-wrap a {
  padding: 5px 4px;
  display: inline-block;
  width: 28px;
  text-align: center;
  box-sizing: border-box;
}
.nowrap {
  white-space: nowrap;
}
.select-value {
  padding: 4px 10px;
  display: inline-block;
  border-radius: 20px;
}
.select-value.select-value-800_high {
  background: #ff1414;
  color: #ffffff;
}
.select-value.select-value-600_medium {
  background: orange;
  color: #ffffff;
}
.select-value.select-value-400_low {
  background: #f7ee6a;
}
html.js .js-hidden {
  display: none;
}
.folded > .arrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  position: absolute;
  bottom: 100%;
  box-shadow: 0px 9px 10px -9px #999;
}
.folded > .arrow-bg {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  bottom: 100%;
  margin-left: 2px;
}
#main-folded .handle {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #000000;
  opacity: 1;
}
.list .role {
  padding: 5px 0 5px 10px;
}
.list .role .role-name a {
  text-decoration: none;
  padding: 5px 0;
  display: inline-block;
  vertical-align: top;
}
.contact-inline {
  white-space: nowrap;
  border: 1px solid #aaa;
  background: white;
  display: inline-block;
  padding: 4px 10px 4px 34px;
  vertical-align: top;
  border-radius: 20px;
}
.contact-inline > .icon {
  position: absolute;
  height: 28px;
  width: 28px;
  left: 0;
  overflow: hidden;
  top: 0;
  border-radius: 15px;
}
.contact-inline > .icon img {
  height: 100%;
  width: 100%;
}
.contact-inline > .icon i {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding-top: 6px;
}
@media screen and (max-width: 700px) {
  .main-box, body .list {
    margin-top: 10px;
  }
  .main-box {
    padding: 0px 20px 25px;
  }
  #header {
    text-align: left;
  }
  #header #logo-wrap {
    margin: 0 0 8px;
  }
  #header #logo-wrap img {
    height: 30px;
    margin: 8px 0 0 0;
  }
  #header #logo-wrap a span {
    font-size: 32px;
    padding: 5px 0 0 5px;
  }
}
@media screen and (max-width: 400px) {
  .main-box {
    padding: 0px 15px 25px;
  }
  #main-menu > ul > a, #main-menu > ul > li > a {
    font-size: 12px;
  }
}