@charset "UTF-8";
button,
a.button,
.button {
  position: relative;
  text-transform: uppercase;
  border: none;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 12px 25px;
  font-size: 16px;
  border-radius: 3px;
  background-color: #1E2643;
  font-weight: bold;
}
button::selection,
a.button::selection,
.button::selection {
  background: transparent; /* WebKit/Blink Browsers */
}
button::-moz-selection,
a.button::-moz-selection,
.button::-moz-selection {
  background: transparent; /* Gecko Browsers */
}
button:active, button:focus,
a.button:active,
a.button:focus,
.button:active,
.button:focus {
  outline-color: #1E2643;
}
button *::selection,
a.button *::selection,
.button *::selection {
  background: transparent; /* WebKit/Blink Browsers */
}
button *::-moz-selection,
a.button *::-moz-selection,
.button *::-moz-selection {
  background: transparent; /* Gecko Browsers */
}
button *:active, button *:focus,
a.button *:active,
a.button *:focus,
.button *:active,
.button *:focus {
  outline-color: #1E2643;
}
button.button-arrow,
a.button.button-arrow,
.button.button-arrow {
  padding-right: 45px;
}
button.button-arrow:after,
a.button.button-arrow:after,
.button.button-arrow:after {
  content: "➔";
  position: absolute;
  display: block;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
button.active,
a.button.active,
.button.active {
  border: 3px solid #008080;
}
button.small,
a.button.small,
.button.small {
  font-size: 12px;
  padding: 7px 15px;
}
button.secondary,
a.button.secondary,
.button.secondary {
  background-color: #D5CDC2;
  color: #1E2643;
}
button.white,
a.button.white,
.button.white {
  font-size: 12px;
  color: #1E2643;
  border: 1px solid #008080;
  background-color: #FFFFFF;
}
button.white.edit-icon,
a.button.white.edit-icon,
.button.white.edit-icon {
  padding-left: 36px;
  background-image: url(../../images/icons/icon-modification.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
button.white.view-icon,
a.button.white.view-icon,
.button.white.view-icon {
  padding-left: 36px;
  background-image: url(../../images/icons/icon-see.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
button.white.circle-arrow,
a.button.white.circle-arrow,
.button.white.circle-arrow {
  padding-right: 36px;
  background-image: url(../../images/icons/icon-circle-arrow.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.031372549);
}
button.disabled, button:disabled,
a.button.disabled,
a.button:disabled,
.button.disabled,
.button:disabled {
  color: #FFFFFF;
  background-color: #CCCCCC;
  cursor: not-allowed;
}

.role-anonymous button,
.role-anonymous a.button,
.role-anonymous .button,
.path-frontpage button,
.path-frontpage a.button,
.path-frontpage .button,
.path-backstages button,
.path-backstages a.button,
.path-backstages .button,
.page-node-type-backstage button,
.page-node-type-backstage a.button,
.page-node-type-backstage .button,
.page-node-type-page button,
.page-node-type-page a.button,
.page-node-type-page .button {
  color: #1E2643;
  border: 1px solid #FDBE00;
  background-color: #FDBE00;
  font-weight: 600;
  text-transform: none;
  padding: 12px 32px;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.375s;
  border-radius: 50px;
}
.role-anonymous button.active,
.role-anonymous a.button.active,
.role-anonymous .button.active,
.path-frontpage button.active,
.path-frontpage a.button.active,
.path-frontpage .button.active,
.path-backstages button.active,
.path-backstages a.button.active,
.path-backstages .button.active,
.page-node-type-backstage button.active,
.page-node-type-backstage a.button.active,
.page-node-type-backstage .button.active,
.page-node-type-page button.active,
.page-node-type-page a.button.active,
.page-node-type-page .button.active {
  border: 3px solid #1E2643;
}
.role-anonymous button.secondary,
.role-anonymous a.button.secondary,
.role-anonymous .button.secondary,
.path-frontpage button.secondary,
.path-frontpage a.button.secondary,
.path-frontpage .button.secondary,
.path-backstages button.secondary,
.path-backstages a.button.secondary,
.path-backstages .button.secondary,
.page-node-type-backstage button.secondary,
.page-node-type-backstage a.button.secondary,
.page-node-type-backstage .button.secondary,
.page-node-type-page button.secondary,
.page-node-type-page a.button.secondary,
.page-node-type-page .button.secondary {
  color: #1E2643;
  border: 1px solid #1E2643;
  background-color: #FFFFFF;
}
.role-anonymous button.white,
.role-anonymous a.button.white,
.role-anonymous .button.white,
.path-frontpage button.white,
.path-frontpage a.button.white,
.path-frontpage .button.white,
.path-backstages button.white,
.path-backstages a.button.white,
.path-backstages .button.white,
.page-node-type-backstage button.white,
.page-node-type-backstage a.button.white,
.page-node-type-backstage .button.white,
.page-node-type-page button.white,
.page-node-type-page a.button.white,
.page-node-type-page .button.white {
  color: #1E2643;
  border: 1px solid #1E2643;
  background-color: #FFFFFF;
}

.dashboard-button {
  position: relative;
  display: inline-block;
  margin-right: 2em;
  margin-bottom: 1em;
  width: 100%;
  max-width: 195px;
  height: 44px;
  border-radius: 3px;
  border: 3px solid transparent;
  background-color: #1E2643;
  vertical-align: top;
}
.dashboard-button a.button {
  background-color: transparent;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
  height: auto;
}
.dashboard-button:not(.empty):before {
  content: "";
  position: absolute;
  background-color: #BF2F17;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  z-index: 0;
  right: -1em;
  bottom: -1em;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  z-index: 1;
}
.dashboard-button span {
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  width: 2em;
  bottom: 0;
  right: -1em;
  transform: translateY(50%);
  z-index: 1;
}
.dashboard-button.active {
  border: 3px solid #008080;
}

ul {
  margin-top: 5px;
  margin-bottom: 5px;
}

hr {
  border: 1px solid #1E2643;
}

span.red {
  background-color: #BF2F17;
  color: white;
  padding: 0.1em 0.5em;
}