@charset "UTF-8";
/* Variabili che necessitano di valori valorizzati successivamente e che quindi non possono essere valorizzate dove sono collocate */
/* Fine variabili che necessitano di valori valorizzati successivamente e che quindi non possono essere valorizzate dove sono collocate */
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

a {
  background-color: transparent; }

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

b,
strong {
  font-weight: bolder; }

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

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

fieldset {
  padding: 0.35em 0.75em 0.625em; }

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

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

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

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

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

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

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

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 100%; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 1.75063rem;
  margin: 0 0 0.75rem;
  padding: 0.375rem;
  border: 1px solid #DDDDDD;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.215;
  color: #000000;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #F2F2F2;
  cursor: auto; }

[type='submit'],
[type='button'] {
  appearance: none;
  border-radius: 0; }

input[type='search'] {
  box-sizing: border-box; }

::placeholder {
  color: #cacaca; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 0.75rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.375rem;
  margin-right: 0.75rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.375rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5;
  color: #000000; }
  label.middle {
    margin: 0 0 0.75rem;
    padding: 0.4375rem 0; }

.help-text {
  margin-top: -0.375rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #000000; }

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 0.75rem;
  align-items: stretch; }
  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 0 0 0 0; }
  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.875rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.375rem; }

.fieldset {
  margin: 0 0 0.5rem 0;
  padding: 12px;
  border: 1px solid #DDDDDD; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

select {
  height: 1.93813rem;
  margin: 0 0 0.75rem;
  padding: 0.375rem;
  appearance: none;
  border: 1px solid #DDDDDD;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.215;
  color: #000000;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -0.75rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.125rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #F2F2F2;
    cursor: auto; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
  color: #cc4b37; }

.form-error {
  display: none;
  margin-top: -0.375rem;
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37; }
  .form-error.is-visible {
    display: block; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 0.5rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 2.3125rem; }
  h2, .h2 {
    font-size: 2rem; }
  h3, .h3 {
    font-size: 1.6875rem; }
  h4, .h4 {
    font-size: 1.4375rem; }
  h5, .h5 {
    font-size: 1.125rem; }
  h6, .h6 {
    font-size: 1rem; } }

a {
  line-height: inherit;
  color: #645C59;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #564f4d; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 100%;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 0.5rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 0.5rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: "— "; }

abbr, abbr[title] {
  border-bottom: 1px dotted #000000;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000000; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #000000; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

.row {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto; }
  .row::before, .row::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row .row {
    margin-right: -0.375rem;
    margin-left: -0.375rem; }
    @media print, screen and (min-width: 40em) {
      .row .row {
        margin-right: -0.375rem;
        margin-left: -0.375rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -0.375rem;
        margin-left: -0.375rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: 0.375rem;
    padding-left: 0.375rem; }
  .row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: 0.375rem;
    padding-left: 0.375rem; }

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.375rem;
  padding-left: 0.375rem; }
  @media print, screen and (min-width: 40em) {
    .column, .columns {
      padding-right: 0.375rem;
      padding-left: 0.375rem; } }
  .column, .columns, .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-collapse .row {
  margin-right: 0;
  margin-left: 0; }

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.small-centered {
  margin-right: auto;
  margin-left: auto; }
  .small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0; }
  .small-uncentered, .small-uncentered:last-child:not(:first-child),
  .small-push-0,
  .small-push-0:last-child:not(:first-child),
  .small-pull-0,
  .small-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .small-uncentered:last-child:not(:first-child),
  .small-push-0:last-child:not(:first-child),
  .small-pull-0:last-child:not(:first-child) {
    float: right; }

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.375rem;
    padding-left: 0.375rem; }
  .medium-centered {
    margin-right: auto;
    margin-left: auto; }
    .medium-centered, .medium-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .medium-uncentered, .medium-uncentered:last-child:not(:first-child),
    .medium-push-0,
    .medium-push-0:last-child:not(:first-child),
    .medium-pull-0,
    .medium-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .medium-uncentered:last-child:not(:first-child),
    .medium-push-0:last-child:not(:first-child),
    .medium-pull-0:last-child:not(:first-child) {
      float: right; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.375rem;
    padding-left: 0.375rem; }
  .large-centered {
    margin-right: auto;
    margin-left: auto; }
    .large-centered, .large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .large-uncentered, .large-uncentered:last-child:not(:first-child),
    .large-push-0,
    .large-push-0:last-child:not(:first-child),
    .large-pull-0,
    .large-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .large-uncentered:last-child:not(:first-child),
    .large-push-0:last-child:not(:first-child),
    .large-pull-0:last-child:not(:first-child) {
      float: right; } }

.column-block {
  margin-bottom: 0.75rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .column-block {
      margin-bottom: 0.75rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0.525rem 0;
  padding: 0.46906rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.875rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #645C59;
  color: #fefefe; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #554e4c;
    color: #fefefe; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #645C59;
    color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #504a47;
      color: #fefefe; }
  .button.secondary {
    background-color: #e7e7e7;
    color: #000000; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #b9b9b9;
      color: #000000; }
  .button.success {
    background-color: #3adb76;
    color: #000000; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #000000; }
  .button.warning {
    background-color: #ffae00;
    color: #000000; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #000000; }
  .button.alert {
    background-color: #cc4b37;
    color: #000000; }
    .button.alert:hover, .button.alert:focus {
      background-color: #a53b2a;
      color: #000000; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
      background-color: #645C59;
      color: #fefefe; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #645C59;
        color: #fefefe; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e7e7e7;
        color: #000000; }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #3adb76;
        color: #000000; }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #ffae00;
        color: #000000; }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cc4b37;
        color: #000000; }
  .button.hollow {
    border: 1px solid #645C59;
    color: #645C59; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #4b4543;
      color: #4b4543; }
      .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
        border: 1px solid #645C59;
        color: #645C59; }
    .button.hollow.primary {
      border: 1px solid #645C59;
      color: #645C59; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #4b4543;
        color: #4b4543; }
        .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
          border: 1px solid #645C59;
          color: #645C59; }
    .button.hollow.secondary {
      border: 1px solid #e7e7e7;
      color: #e7e7e7; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #adadad;
        color: #adadad; }
        .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
          border: 1px solid #e7e7e7;
          color: #e7e7e7; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #20b056;
        color: #20b056; }
        .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
          border: 1px solid #3adb76;
          color: #3adb76; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #bf8300;
        color: #bf8300; }
        .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
          border: 1px solid #ffae00;
          color: #ffae00; }
    .button.hollow.alert {
      border: 1px solid #cc4b37;
      color: #cc4b37; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #9b3727;
        color: #9b3727; }
        .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
          border: 1px solid #cc4b37;
          color: #cc4b37; }
  .button.clear {
    border: 1px solid #645C59;
    color: #645C59; }
    .button.clear, .button.clear:hover, .button.clear:focus {
      background-color: transparent; }
    .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
      background-color: transparent; }
    .button.clear:hover, .button.clear:focus {
      border-color: #4b4543;
      color: #4b4543; }
      .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
        border: 1px solid #645C59;
        color: #645C59; }
    .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
      border-color: transparent; }
    .button.clear.primary {
      border: 1px solid #645C59;
      color: #645C59; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #4b4543;
        color: #4b4543; }
        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
          border: 1px solid #645C59;
          color: #645C59; }
      .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
        border-color: transparent; }
    .button.clear.secondary {
      border: 1px solid #e7e7e7;
      color: #e7e7e7; }
      .button.clear.secondary:hover, .button.clear.secondary:focus {
        border-color: #adadad;
        color: #adadad; }
        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
          border: 1px solid #e7e7e7;
          color: #e7e7e7; }
      .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
        border-color: transparent; }
    .button.clear.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.clear.success:hover, .button.clear.success:focus {
        border-color: #20b056;
        color: #20b056; }
        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
          border: 1px solid #3adb76;
          color: #3adb76; }
      .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
        border-color: transparent; }
    .button.clear.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.clear.warning:hover, .button.clear.warning:focus {
        border-color: #bf8300;
        color: #bf8300; }
        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
          border: 1px solid #ffae00;
          color: #ffae00; }
      .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
        border-color: transparent; }
    .button.clear.alert {
      border: 1px solid #cc4b37;
      color: #cc4b37; }
      .button.clear.alert:hover, .button.clear.alert:focus {
        border-color: #9b3727;
        color: #9b3727; }
        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
          border: 1px solid #cc4b37;
          color: #cc4b37; }
      .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
        border-color: transparent; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 0.46906rem; }
  .button.dropdown.hollow::after, .button.dropdown.clear::after {
    border-top-color: #645C59; }
  .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
    border-top-color: #645C59; }
  .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
    border-top-color: #e7e7e7; }
  .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
    border-top-color: #3adb76; }
  .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
    border-top-color: #ffae00; }
  .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
    border-top-color: #cc4b37; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

.button-group {
  margin-bottom: 0.525rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.875rem;
    flex: 0 0 auto; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: 0.6rem; }
  .button-group.small .button {
    font-size: 0.75rem; }
  .button-group.large .button {
    font-size: 1.25rem; }
  .button-group.expanded .button {
    flex: 1 1 0px; }
  .button-group.primary .button {
    background-color: #645C59;
    color: #fefefe; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #504a47;
      color: #fefefe; }
  .button-group.secondary .button {
    background-color: #e7e7e7;
    color: #000000; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #b9b9b9;
      color: #000000; }
  .button-group.success .button {
    background-color: #3adb76;
    color: #000000; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #22bb5b;
      color: #000000; }
  .button-group.warning .button {
    background-color: #ffae00;
    color: #000000; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #cc8b00;
      color: #000000; }
  .button-group.alert .button {
    background-color: #cc4b37;
    color: #000000; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #a53b2a;
      color: #000000; }
  .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    flex-wrap: wrap; }
    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
      flex: 0 0 100%; }
      .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
        margin-bottom: 0; }
    .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
      flex: 1 1 0px; }
  @media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      flex: 0 0 auto;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      flex: 0 0 auto;
      margin-bottom: 0; } }
  @media screen and (max-width: 39.99875em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }
  @media screen and (max-width: 63.99875em) {
    .button-group.stacked-for-medium.expanded {
      display: block; }
      .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0; } }

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #000000; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #645C59;
  color: #fefefe; }
  .label.primary {
    background: #645C59;
    color: #fefefe; }
  .label.secondary {
    background: #e7e7e7;
    color: #000000; }
  .label.success {
    background: #3adb76;
    color: #000000; }
  .label.warning {
    background: #ffae00;
    color: #000000; }
  .label.alert {
    background: #cc4b37;
    color: #000000; }

.progress {
  height: 1rem;
  margin-bottom: 0.525rem;
  border-radius: 0;
  background-color: #cacaca; }
  .progress.primary .progress-meter {
    background-color: #645C59; }
  .progress.secondary .progress-meter {
    background-color: #e7e7e7; }
  .progress.success .progress-meter {
    background-color: #3adb76; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #cc4b37; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #645C59; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  user-select: none;
  touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #645C59;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #554e4c; }
  .slider-handle.is-dragging {
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%); }

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 0.525rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  user-select: none; }

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0; }

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fefefe;
    transition: all 0.25s ease-out;
    content: ''; }
  input:checked ~ .switch-paddle {
    background: #645C59; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny {
  height: 1.5rem; }
  .switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem; }
  .switch.tiny .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem; }
  .switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem; }

.switch.small {
  height: 1.75rem; }
  .switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem; }
  .switch.small .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  .switch.small input:checked ~ .switch-paddle::after {
    left: 2rem; }

.switch.large {
  height: 2.5rem; }
  .switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem; }
  .switch.large .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 2rem;
    height: 2rem; }
  .switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0.525rem;
  border-radius: 0; }
  table thead,
  table tbody,
  table tfoot {
    border: 0;
    background-color: #fefefe; }
  table caption {
    padding: 0.25rem;
    font-weight: bold; }
  table thead {
    background: #f8f8f8;
    color: #000000; }
  table tfoot {
    background: #f1f1f1;
    color: #000000; }
  table thead tr,
  table tfoot tr {
    background: transparent; }
  table thead th,
  table thead td,
  table tfoot th,
  table tfoot td {
    padding: 0.25rem;
    font-weight: bold;
    text-align: left; }
  table tbody th,
  table tbody td {
    padding: 0.25rem; }
  table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #F9F9F9; }
  table.unstriped tbody {
    background-color: #fefefe; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: 0;
      background-color: #fefefe; }

@media screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f3f3f3; }

table.hover tfoot tr:hover {
  background-color: #ececec; }

table.hover tbody tr:hover {
  background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #645C59;
  color: #fefefe; }
  .badge.primary {
    background: #645C59;
    color: #fefefe; }
  .badge.secondary {
    background: #e7e7e7;
    color: #000000; }
  .badge.success {
    background: #3adb76;
    color: #000000; }
  .badge.warning {
    background: #ffae00;
    color: #000000; }
  .badge.alert {
    background: #cc4b37;
    color: #000000; }

.breadcrumbs {
  margin: 0 0 0.525rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 0.875rem;
    color: #000000;
    cursor: default; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
  .breadcrumbs a {
    color: #645C59; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed; }

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  border: 0 none transparent;
  border-radius: 0;
  background-color: #f9f9f9;
  color: #000000; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #645c59;
    color: #fefefe; }
  .callout.secondary {
    background-color: #e7e7e7;
    color: #000000; }
  .callout.success {
    background-color: #3adb76;
    color: #000000; }
  .callout.warning {
    background-color: #ffae00;
    color: #000000; }
  .callout.alert {
    background-color: #cc4b37;
    color: #000000; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 0.525rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #000000; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  flex: 1 0 auto;
  padding: 1rem; }
  .card-section > :last-child {
    margin-bottom: 0; }

.card-image {
  min-height: 1px; }

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem; }
  .dropdown-pane.is-opening {
    display: block; }
  .dropdown-pane.is-open {
    display: block;
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.pagination {
  margin-left: 0;
  margin-bottom: 0.525rem; }
  .pagination::before, .pagination::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .pagination::after {
    clear: both; }
  .pagination li {
    margin-right: 0.0625rem;
    border-radius: 0;
    font-size: 0.875rem;
    display: inline-block; }
  .pagination a,
  .pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #000000; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #645C59;
    color: #fefefe;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    padding: 0.1875rem 0.625rem;
    content: '\2026';
    color: #000000; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\00ab'; }

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\00bb'; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help; }

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #000000;
  font-size: 80%;
  color: #fefefe; }
  .tooltip::before {
    position: absolute; }
  .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #000000;
    bottom: 100%; }
  .tooltip.bottom.align-center::before {
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.top.align-center::before {
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000;
    left: 100%; }
  .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: 100%;
    left: auto; }
  .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
  .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
  .tooltip.align-left::before {
    left: 10%;
    right: auto; }
  .tooltip.align-right::before {
    left: auto;
    right: 10%; }

.accordion {
  margin-left: 0;
  background: #645C59;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0; }

.accordion-title {
  position: relative;
  display: block;
  padding: 0.8rem;
  border: 1px solid #57504d;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #fefefe; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #57504d;
    border-radius: 0 0 0 0; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #57504d; }
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'; }
  .is-active > .accordion-title::before {
    content: '\2013'; }

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #57504d;
  border-bottom: 0;
  background-color: #fefefe;
  color: #000000; }
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #57504d; }

.media-object {
  display: flex;
  margin-bottom: 0.525rem;
  flex-wrap: nowrap; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 39.99875em) {
    .media-object.stack-for-small {
      flex-wrap: wrap; } }

.media-object-section {
  flex: 0 1 auto; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child {
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 39.99875em) {
    .stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      flex-basis: 100%;
      max-width: 100%; }
      .stack-for-small .media-object-section img {
        width: 100%; } }
  .media-object-section.main-section {
    flex: 1 1 0px; }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }

.orbit-slide {
  width: 100%;
  position: absolute; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fefefe; }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(0, 0, 0, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%; }

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: none;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #645C59; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #6c6461; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 0.8rem;
    font-size: 1rem;
    line-height: 1;
    color: #fefefe; }
    [data-whatinput='mouse'] .tabs-title > a {
      outline: 0; }
    .tabs-title > a:hover {
      background: #146aa3;
      color: #dadada; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #fefefe;
      color: #1779ba; }

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #000000;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0.525rem;
  border: 4px solid #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  line-height: 0; }

a.thumbnail {
  transition: box-shadow 200ms ease-out; }
  a.thumbnail:hover, a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(100, 92, 89, 0.5); }
  a.thumbnail image {
    box-shadow: none; }

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.46906rem 1rem; }
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu input {
    display: inline-block; }
  .menu, .menu.horizontal {
    flex-wrap: wrap;
    flex-direction: row; }
  .menu.vertical {
    flex-wrap: nowrap;
    flex-direction: column; }
  .menu.expanded li {
    flex: 1 1 0px; }
  .menu.simple {
    align-items: center; }
    .menu.simple li + li {
      margin-left: 1rem; }
    .menu.simple a {
      padding: 0; }
  @media print, screen and (min-width: 40em) {
    .menu.medium-horizontal {
      flex-wrap: wrap;
      flex-direction: row; }
    .menu.medium-vertical {
      flex-wrap: nowrap;
      flex-direction: column; }
    .menu.medium-expanded li {
      flex: 1 1 0px; }
    .menu.medium-simple li {
      flex: 1 1 0px; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
      flex-wrap: wrap;
      flex-direction: row; }
    .menu.large-vertical {
      flex-wrap: nowrap;
      flex-direction: column; }
    .menu.large-expanded li {
      flex: 1 1 0px; }
    .menu.large-simple li {
      flex: 1 1 0px; } }
  .menu.nested {
    margin-right: 0;
    margin-left: 1rem; }
  .menu.icons a {
    display: flex; }
  .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
    display: flex; }
  .menu.icon-left li a {
    flex-flow: row nowrap; }
    .menu.icon-left li a img,
    .menu.icon-left li a i,
    .menu.icon-left li a svg {
      margin-right: 0.25rem; }
  .menu.icon-right li a {
    flex-flow: row nowrap; }
    .menu.icon-right li a img,
    .menu.icon-right li a i,
    .menu.icon-right li a svg {
      margin-left: 0.25rem; }
  .menu.icon-top li a {
    flex-flow: column nowrap; }
    .menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg {
      align-self: stretch;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu.icon-bottom li a {
    flex-flow: column nowrap; }
    .menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg {
      align-self: stretch;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu .is-active > a {
    background: #645C59;
    color: #fefefe; }
  .menu .active > a {
    background: #645C59;
    color: #fefefe; }
  .menu.align-left {
    justify-content: flex-start; }
  .menu.align-right li {
    display: flex;
    justify-content: flex-end; }
    .menu.align-right li .submenu li {
      justify-content: flex-start; }
  .menu.align-right.vertical li {
    display: block;
    text-align: right; }
    .menu.align-right.vertical li .submenu li {
      text-align: right; }
  .menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0; }
  .menu.align-center li {
    display: flex;
    justify-content: center; }
    .menu.align-center li .submenu li {
      justify-content: flex-start; }
  .menu .menu-text {
    padding: 0.46906rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit; }

.menu-centered > .menu {
  justify-content: center; }
  .menu-centered > .menu li {
    display: flex;
    justify-content: center; }
    .menu-centered > .menu li .submenu li {
      justify-content: flex-start; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ''; }
  .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000000;
    box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
    content: ''; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.accordion-menu li {
  width: 100%; }

.accordion-menu a {
  padding: 0.46906rem 1rem; }

.accordion-menu .is-accordion-submenu a {
  padding: 0.46906rem 1rem; }

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative; }
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%; }

.is-accordion-submenu-parent {
  position: relative; }

.has-submenu-toggle > a {
  margin-right: 40px; }

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer; }
  .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%; }

.submenu-toggle-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block; }
  .is-drilldown.animate-height {
    transition: height 0.5s; }

.drilldown a {
  padding: 0.46906rem 1rem;
  background: #fefefe; }

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear; }
  .drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%); }
  .drilldown .is-drilldown-submenu.is-closing {
    transform: translateX(100%); }
  .drilldown .is-drilldown-submenu a {
    padding: 0.46906rem 1rem; }

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a {
  position: relative; }
  .drilldown .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #645C59;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000;
  right: 1rem;
  left: auto; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 1rem; }

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #645C59 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #000000 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.dropdown.menu > li > a {
  padding: 0.46906rem 1rem; }

.dropdown.menu > li.is-active > a {
  background: #1779ba;
  color: #fefefe; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 5px; }

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000; }

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000; } }

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 500px;
  border: none;
  background: #fefefe; }
  .dropdown .is-dropdown-submenu a {
    padding: 0.46906rem 1rem; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.is-off-canvas-open {
  overflow: hidden; }

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
  .js-off-canvas-overlay.is-closable {
    cursor: pointer; }
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #fefefe; }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.is-transition-push {
    z-index: 12; }
  .off-canvas.is-closed {
    visibility: hidden; }
  .off-canvas.is-transition-overlap {
    z-index: 13; }
    .off-canvas.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
  .off-canvas.is-open {
    transform: translate(0, 0); }

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #fefefe; }
  [data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
  .off-canvas-absolute.is-transition-push {
    z-index: 12; }
  .off-canvas-absolute.is-closed {
    visibility: hidden; }
  .off-canvas-absolute.is-transition-overlap {
    z-index: 13; }
    .off-canvas-absolute.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
  .off-canvas-absolute.is-open {
    transform: translate(0, 0); }

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(-250px); }
  .off-canvas-content .off-canvas.position-left {
    transform: translateX(-250px); }
    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
      transform: translate(0, 0); }
  .off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(250px); }
  .position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25); }

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(250px); }
  .off-canvas-content .off-canvas.position-right {
    transform: translateX(250px); }
    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
      transform: translate(0, 0); }
  .off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-250px); }
  .position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25); }

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px); }
  .off-canvas-content .off-canvas.position-top {
    transform: translateY(-250px); }
    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
      transform: translate(0, 0); }
  .off-canvas-content.is-open-top.has-transition-push {
    transform: translateY(250px); }
  .position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25); }

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px); }
  .off-canvas-content .off-canvas.position-bottom {
    transform: translateY(250px); }
    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
      transform: translate(0, 0); }
  .off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-250px); }
  .position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25); }

.off-canvas-content {
  transform: none;
  transition: transform 0.5s ease;
  backface-visibility: hidden; }
  .off-canvas-content.has-transition-push {
    transform: translate(0, 0); }
  .off-canvas-content .off-canvas.is-open {
    transform: translate(0, 0); }

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-medium {
      transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-medium {
      transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-medium {
      transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-medium ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-medium {
      transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-large {
      transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-large {
      transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-large {
      transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-large {
      transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none; }
    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
      box-shadow: none;
      transform: none; }
    .off-canvas.in-canvas-for-medium .close-button {
      display: none; } }

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none; }
    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
      box-shadow: none;
      transform: none; }
    .off-canvas.in-canvas-for-large .close-button {
      display: none; } }

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden; }
  html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll; }
  html.is-reveal-open body {
    overflow-y: hidden; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 100%; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 100%; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 100%; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 100%; } }
  .reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.99875em) {
    .reveal {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      min-height: 100%;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.sticky-container {
  position: relative; }

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

.title-bar {
  padding: 0.375rem;
  background: #000000;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px; }

.title-bar-right {
  text-align: right; }

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold; }

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.375rem;
  flex-wrap: wrap; }
  .top-bar,
  .top-bar ul {
    background-color: #333333; }
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%; }
  @media print, screen and (min-width: 40em) {
    .top-bar {
      flex-wrap: nowrap; }
      .top-bar .top-bar-left {
        flex: 1 1 auto;
        margin-right: auto; }
      .top-bar .top-bar-right {
        flex: 0 1 auto;
        margin-left: auto; } }
  @media screen and (max-width: 63.99875em) {
    .top-bar.stacked-for-medium {
      flex-wrap: wrap; }
      .top-bar.stacked-for-medium .top-bar-left,
      .top-bar.stacked-for-medium .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%; } }
  @media screen and (max-width: 74.99875em) {
    .top-bar.stacked-for-large {
      flex-wrap: wrap; }
      .top-bar.stacked-for-large .top-bar-left,
      .top-bar.stacked-for-large .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%; } }

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0; }

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1; }

.clearfix::after {
  clear: both; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.align-left {
  justify-content: flex-start; }

.align-right {
  justify-content: flex-end; }

.align-center {
  justify-content: center; }

.align-justify {
  justify-content: space-between; }

.align-spaced {
  justify-content: space-around; }

.align-left.vertical.menu > li > a {
  justify-content: flex-start; }

.align-right.vertical.menu > li > a {
  justify-content: flex-end; }

.align-center.vertical.menu > li > a {
  justify-content: center; }

.align-top {
  align-items: flex-start; }

.align-self-top {
  align-self: flex-start; }

.align-bottom {
  align-items: flex-end; }

.align-self-bottom {
  align-self: flex-end; }

.align-middle {
  align-items: center; }

.align-self-middle {
  align-self: center; }

.align-stretch {
  align-items: stretch; }

.align-self-stretch {
  align-self: stretch; }

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center; }

.small-order-1 {
  order: 1; }

.small-order-2 {
  order: 2; }

.small-order-3 {
  order: 3; }

.small-order-4 {
  order: 4; }

.small-order-5 {
  order: 5; }

.small-order-6 {
  order: 6; }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1; }
  .medium-order-2 {
    order: 2; }
  .medium-order-3 {
    order: 3; }
  .medium-order-4 {
    order: 4; }
  .medium-order-5 {
    order: 5; }
  .medium-order-6 {
    order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1; }
  .large-order-2 {
    order: 2; }
  .large-order-3 {
    order: 3; }
  .large-order-4 {
    order: 4; }
  .large-order-5 {
    order: 5; }
  .large-order-6 {
    order: 6; } }

.flex-container {
  display: flex; }

.flex-child-auto {
  flex: 1 1 auto; }

.flex-child-grow {
  flex: 1 0 auto; }

.flex-child-shrink {
  flex: 0 1 auto; }

.flex-dir-row {
  flex-direction: row; }

.flex-dir-row-reverse {
  flex-direction: row-reverse; }

.flex-dir-column {
  flex-direction: column; }

.flex-dir-column-reverse {
  flex-direction: column-reverse; }

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex; }
  .medium-flex-child-auto {
    flex: 1 1 auto; }
  .medium-flex-child-grow {
    flex: 1 0 auto; }
  .medium-flex-child-shrink {
    flex: 0 1 auto; }
  .medium-flex-dir-row {
    flex-direction: row; }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse; }
  .medium-flex-dir-column {
    flex-direction: column; }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex; }
  .large-flex-child-auto {
    flex: 1 1 auto; }
  .large-flex-child-grow {
    flex: 1 0 auto; }
  .large-flex-child-shrink {
    flex: 0 1 auto; }
  .large-flex-dir-row {
    flex-direction: row; }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse; }
  .large-flex-dir-column {
    flex-direction: column; }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse; } }

/***************************************/
/************** Variables **************/
/***************************************/
.sr-breadcrumbs.sr-wizard {
  overflow: hidden;
  width: 100%;
  background: none;
  border: none;
  line-height: 1rem;
  padding: 0;
  margin: 0;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  list-style: none; }
  .sr-breadcrumbs.sr-wizard li {
    float: left;
    margin-left: 1.125rem;
    margin-right: 1px;
    margin-top: 1px;
    margin-bottom: 0; }
    .sr-breadcrumbs.sr-wizard li::before {
      content: "";
      display: none; }
  .sr-breadcrumbs.sr-wizard > * {
    line-height: inherit;
    font-size: 0.6875rem; }
  .sr-breadcrumbs.sr-wizard a {
    background: #645C59;
    padding: 0.5625rem 0.75rem;
    float: left;
    text-decoration: none;
    color: #fefefe;
    position: relative; }
    .sr-breadcrumbs.sr-wizard a:hover {
      background: #554e4c;
      color: #fefefe;
      text-decoration: none; }
      .sr-breadcrumbs.sr-wizard a:hover::before {
        border-color: #554e4c #554e4c #554e4c transparent; }
      .sr-breadcrumbs.sr-wizard a:hover::after {
        border-left-color: #554e4c; }
    .sr-breadcrumbs.sr-wizard a::before {
      content: "";
      position: absolute;
      top: 1.125rem;
      margin-top: -1.125rem;
      border-width: 1.125rem 0 1.125rem 1.125rem;
      border-style: solid;
      border-color: #645C59 #645C59 #645C59 transparent;
      left: -1.1rem; }
    .sr-breadcrumbs.sr-wizard a::after {
      content: "";
      position: absolute;
      top: 1.125rem;
      margin-top: -1.125rem;
      border-top: 1.125rem solid transparent;
      border-bottom: 1.125rem solid transparent;
      border-left: 1.125rem solid #645C59;
      right: -1.1rem; }
  .sr-breadcrumbs.sr-wizard .current {
    font-weight: bold;
    background: #554e4c;
    color: #fefefe; }
    .sr-breadcrumbs.sr-wizard .current::before {
      border-color: #554e4c #554e4c #554e4c transparent; }
    .sr-breadcrumbs.sr-wizard .current::after {
      border-left-color: #554e4c; }
    .sr-breadcrumbs.sr-wizard .current:hover {
      background: #554e4c; }
      .sr-breadcrumbs.sr-wizard .current:hover::before {
        border-color: #554e4c #554e4c #554e4c transparent; }
      .sr-breadcrumbs.sr-wizard .current:hover::after {
        border-left-color: #554e4c; }
  .sr-breadcrumbs.sr-wizard.fixed-dimension {
    line-height: 16px;
    margin-top: 3px;
    margin-bottom: 3px; }
    .sr-breadcrumbs.sr-wizard.fixed-dimension li {
      margin-left: 18px; }
    .sr-breadcrumbs.sr-wizard.fixed-dimension > * {
      font-size: 11px; }
    .sr-breadcrumbs.sr-wizard.fixed-dimension a {
      padding: 9px 12px; }
      .sr-breadcrumbs.sr-wizard.fixed-dimension a::before {
        top: 18px;
        margin-top: -18px;
        border-width: 18px 0 18px 18px;
        left: -17px; }
      .sr-breadcrumbs.sr-wizard.fixed-dimension a::after {
        top: 18px;
        margin-top: -18px;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 18px solid #645C59;
        right: -17px; }

.sr-breadcrumbs.sr-wizard-2 {
  list-style: none;
  counter-reset: step;
  margin-left: 0; }
  .sr-breadcrumbs.sr-wizard-2 li {
    width: 10%;
    float: left;
    font-size: 0.6875rem;
    position: relative;
    text-align: center;
    color: #CCCCCC;
    word-wrap: break-word;
    cursor: pointer; }
    .sr-breadcrumbs.sr-wizard-2 li:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 1px solid #CCCCCC;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: #fefefe; }
    .sr-breadcrumbs.sr-wizard-2 li:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #CCCCCC;
      top: 15px;
      left: -50%;
      z-index: -1; }
    .sr-breadcrumbs.sr-wizard-2 li:first-child:after {
      content: none; }
    .sr-breadcrumbs.sr-wizard-2 li.current {
      color: #645C59; }
      .sr-breadcrumbs.sr-wizard-2 li.current:before {
        border-color: #645C59;
        background-color: #fefefe; }
      .sr-breadcrumbs.sr-wizard-2 li.current:after {
        border-color: #645C59;
        background-color: #645C59; }
    .sr-breadcrumbs.sr-wizard-2 li.completed {
      color: #645C59; }
      .sr-breadcrumbs.sr-wizard-2 li.completed:before {
        color: white;
        border-color: #645C59;
        background-color: #645C59; }
      .sr-breadcrumbs.sr-wizard-2 li.completed:after {
        border-color: #645C59;
        background-color: #645C59; }

.value-box {
  border: 1px solid #DDDDDD;
  background: #fefefe;
  overflow: hidden;
  margin-bottom: 0.525rem; }
  .value-box .value-box-header {
    background: #645C59;
    color: #fefefe;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    .value-box .value-box-header .value-box-title {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-bottom: 0; }
  .value-box .value-box-body {
    padding: 1rem; }
    .value-box .value-box-body .value-box-value {
      line-height: 3rem;
      font-size: 2rem; }
    .value-box .value-box-body .value-box-variation {
      line-height: 3rem;
      text-align: right;
      font-weight: bold; }
      .value-box .value-box-body .value-box-variation.better {
        color: #645C59; }
      .value-box .value-box-body .value-box-variation.worse {
        color: #cc4b37; }
      .value-box .value-box-body .value-box-variation.equal {
        color: #3bb155; }

/*********************************************/
/************** Generic Classes **************/
/*********************************************/
.uppercase {
  text-transform: uppercase; }

.hideThis {
  display: none !important; }

.invisibleThisChildren * {
  visibility: hidden !important; }

.fakeHideThis {
  opacity: 0;
  position: absolute;
  left: -999px; }

.noMarginBottom {
  margin-bottom: 0 !important; }
  .noMarginBottom .button-group {
    margin-bottom: 0 !important; }

.marginLeft {
  margin-left: 0.525rem; }

.is-in-reveal {
  z-index: 1005; }

.reveal-modal-bg {
  position: fixed; }

.sr-row-container {
  padding-right: 6px;
  padding-left: 6px; }

.container-inline-block > * {
  display: inline-block; }

/**********************************************/
/************** Specific Classes **************/
/**********************************************/
body {
  width: 100%; }

.interchange-body h2 {
  border-bottom: 1px solid #DDDDDD;
  margin: 20px 0;
  padding-bottom: 10px; }

.interchange-body a#customize h2 {
  margin-top: 0; }

.project-header h1, .project-header h2 {
  color: #FFFFFF; }

.project-header h1 {
  font-size: 2.5em;
  margin-bottom: 0;
  margin-top: 100px; }

.project-header h2 {
  font-size: 1.5em;
  line-height: 1.5;
  margin-top: 0.5em; }

.project-header .button {
  background-color: #137795; }

.project-header .button:hover {
  background-color: #006582; }

@media screen and (min-width: 768px) {
  .project-header {
    height: 552px; }
    .project-header h1 {
      font-size: 2.5em;
      margin-bottom: 0;
      margin-top: 175px; } }

.intro {
  background: none repeat scroll 0 0 #1399BD;
  color: #FFFFFF;
  padding-top: 1.5em; }
  .intro .lead {
    color: #DDDDDD; }
  .intro h2 {
    color: #FFFFFF; }
  .intro h5 {
    color: #FFFFFF;
    font-size: 1.125em;
    font-weight: bold; }
  .intro .button {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    color: #2E3B46; }
  .intro .button:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6); }
  .intro a:link {
    color: #A0D5E9;
    line-height: 30px; }
  .intro a:visited {
    color: #A0D5E9;
    line-height: 30px; }
  .intro a:hover {
    color: #CDEAF5;
    line-height: 30px; }

code {
  color: #13A7C7; }

p a:hover, li a:hover {
  color: #D25516; }

@media screen and (min-width: 768px) {
  .github.panel {
    margin-bottom: 4em; }
  .large-block-grid-4 > li {
    padding: 0 0.625em 0.5em; } }

.interchange-yeti {
  float: left;
  margin-right: -2em;
  position: relative;
  right: 2em;
  top: -0.5em; }

.interchange-body {
  background: none repeat scroll 0 0 #FFFFFF;
  padding-bottom: 2em;
  padding-top: 2em; }

.next-row a {
  color: #2DAEBF;
  font-weight: bold; }

.next-row a:hover {
  color: #238896; }

.next-row a.button {
  color: #FFFFFF; }

.next-row a span.location, .next-row p.via {
  font-weight: normal; }

.style1 {
  color: #B8D30B;
  font-size: 70px; }

.style2 {
  color: #2DAEBF;
  font-size: 70px;
  text-shadow: 0 1px 0 #0092B3, 0 2px 0 #0087A6, 0 3px 0 #008099, 0 4px 0 #00758C, 0 5px 0 #555555, 0 6px 0 #006A80, 0 0 0 #006073, 0 8px 7px #005566; }

.style3 {
  color: #E33100;
  font-size: 70px;
  text-shadow: 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 15px #FFFFFF, 0 0 20px #E33100, 0 0 30px #E33100, 0 0 40px #E33100, 0 0 50px #E33100, 0 0 75px #E33100; }

.style4 {
  color: #A9014B;
  font-size: 70px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

.style5 {
  color: rgba(245, 159, 26, 0.8);
  font-size: 70px;
  text-shadow: 1px 4px 6px #FFFFFF, 0 0 0 #000000, 1px 4px 6px #FFFFFF; }

.icon-styles {
  text-align: center; }

.li-strong strong {
  display: block; }

i {
  margin-right: 0.3125rem; }

.icon-standard {
  /*
	font-size: $custom-icon-size;
	vertical-align: middle;
	line-height: 1.1; // Fix perchè altrimenti nella vista calendario i pulsanti senza icona erano di 1 px meno alti rispetto a quelli con 1 icona
	*/ }
  .icon-standard:before {
    font-size: 1.1rem;
    vertical-align: middle;
    line-height: 0.85; }
  .icon-standard.without-font-size:before {
    font-size: inherit; }
  .icon-standard.without-margin {
    margin-right: 0; }

.icon-medium {
  font-size: 1.1rem;
  color: #000;
  vertical-align: middle; }

.icon-white {
  font-size: 1.1rem;
  line-height: 1.1rem;
  color: #FFF; }

.icon-alone {
  margin-right: 0; }

.input-inline-container > a {
  float: left;
  margin-right: 0.2rem; }

.input-inline-container > form {
  float: left;
  margin-right: 0.2rem; }

input[type="file"].input-button-table {
  width: 100%;
  left: 0;
  font-size: inherit; }

/* Fine stile Foundation Icon */
/* Stile per roteare l'icona di 90° */
.rotate-icon-90:before {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg); }

/* Fine stile per roteare l'icona di 90° */
/*Stile per footer*/
.sr-footer-bottom {
  background: none repeat scroll 0 0 white;
  padding: 24px 0 10px;
  clear: both;
  height: 40px;
  margin-top: -40px;
  padding: 5px;
  position: relative;
  text-align: center;
  border-top: solid 1px #f5f5f5; }
  .sr-footer-bottom .design-border {
    border-bottom: 1px solid #484848;
    margin-bottom: 25px;
    padding-bottom: 5px; }
  .sr-footer-bottom p.copyright {
    color: #666666;
    font-size: 0.75rem;
    margin: 6px 0 0; }
    .sr-footer-bottom p.copyright a {
      color: #666666;
      padding: 3px 6px; }
    .sr-footer-bottom p.copyright a:hover {
      color: #D25516; }

/*Fine stile per footer*/
/* Inizio stile per i button secondary selected che avranno lo stesso stile dei button seconday hover */
.menu.dropdown li a, .menu .dropdown li a, .menu.accordion-menu li a {
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  width: 100%;
  display: flex; }
  .menu.dropdown li a i, .menu .dropdown li a i, .menu.accordion-menu li a i {
    margin-right: .5rem; }
  .menu.dropdown li a:hover, .menu .dropdown li a:hover, .menu.accordion-menu li a:hover {
    color: #fefefe;
    background-color: #645C59; }
  .menu.dropdown li a.button.secondary.selected, .menu .dropdown li a.button.secondary.selected, .menu.accordion-menu li a.button.secondary.selected {
    background-color: #c4c4c4;
    color: #000000; }
  .menu.dropdown li a.button.secondary:after, .menu .dropdown li a.button.secondary:after, .menu.accordion-menu li a.button.secondary:after {
    border-top-color: #000000 !important; }
  .menu.dropdown li a.button.secondary:hover, .menu .dropdown li a.button.secondary:hover, .menu.accordion-menu li a.button.secondary:hover {
    background-color: #c4c4c4;
    color: #000000; }

.menu.dropdown li.is-active > .button.secondary, .menu .dropdown li.is-active > .button.secondary, .menu.accordion-menu li.is-active > .button.secondary {
  background-color: #c4c4c4;
  color: #000000; }

.menu.dropdown li.is-dropdown-submenu-parent a.button.hollow:after, .menu .dropdown li.is-dropdown-submenu-parent a.button.hollow:after, .menu.accordion-menu li.is-dropdown-submenu-parent a.button.hollow:after {
  border-color: #645C59 transparent transparent; }

.button {
  box-sizing: border-box;
  /* Modifica stile button hollow*/
  /* Fine modifica stile button hollow*/ }
  .button.secondary.selected {
    background-color: #c4c4c4;
    color: #000000; }
  .button.secondary:after {
    border-top-color: #000000 !important; }
  .button.secondary:hover {
    background-color: #c4c4c4;
    color: #000000; }
  .button > *:last-child {
    margin-right: 0 !important; }
  .button.hollow {
    border-color: #DDDDDD; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #a6a6a6; }
    .button.hollow.active, .button.hollow.selected {
      border-color: #645C59;
      color: #645C59; }

/* Fine stile  per i button secondary selected che avranno lo stesso stile dei button seconday hover */
/* Stile per fixare il problema dell' altezza della Reveal (Praticamente quando il contenuto della reveal è più alto dello schermo la reveal và fuori schermo senza la pòossibilità di scrollarla) */
/* Stile per fixare il problema dell' altezza della Reveal */
/*********************/
/* 
   Non posso includere tutta la partial di foundation forms perchè mi includerebbe anche dello stile che non desidero su nop 
   quindi copio e incollo solo i mixin che mi interessano e in un futuro aggiornamento a Foundation 6 posso toglierlo 
   e importare direttamente la partial perchè lo stile non viene più applicato direttamente sulla partial
*/
/*********************/
/* Stile per Errore degli input */
/* al momento gli stati non sono ancora gestiti quindi sono tutti dello stesso stile di sr-warning */
.sr-input-validation-error {
  border: 1px solid #cc4b37 !important; }

input[type="checkbox"].sr-input-validation-error {
  outline: 1px solid #cc4b37; }

input[type="radio"].sr-input-validation-error {
  outline: 1px solid #cc4b37; }

.sr-input-validation-warning {
  border: 1px solid #ffae00 !important; }

input[type="checkbox"].sr-input-validation-warning {
  outline: 1px solid #ffae00; }

input[type="radio"].sr-input-validation-warning {
  outline: 1px solid #ffae00; }

.sr-input-validation-info {
  border: 1px solid #645C59 !important; }

input[type="checkbox"].sr-input-validation-info {
  outline: 1px solid #645C59; }

input[type="radio"].sr-input-validation-info {
  outline: 1px solid #645C59; }

/* Fine stile per Errore degli input */
/* Stile generico per gli errori, avvisi e informazioni nelle form, al momento gli stati non sono ancora gestiti quindi sono tutti dello stesso stile di sr-warning */
span.sr-error, small.sr-error, span.sr-field-validation-error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.75rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #cc4b37;
  color: #fefefe;
  min-width: 15rem; }

span.sr-warning, small.sr-warning {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.75rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #ffae00;
  color: #333333;
  min-width: 7.5rem; }

span.sr-info, small.sr-info {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.75rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #645C59;
  color: #fefefe;
  min-width: 7.5rem; }

span.sr-field-validation-error, span.sr-error, span.sr-warning, span.sr-info {
  display: none; }

small.sr-field-validation-error, small.sr-error, small.sr-warning, small.sr-info {
  display: none; }

/* Fine stile generico per gli errori nelle form */
/* Stile per le tabelle */
table thead tr {
  background: #fefefe; }
  table thead tr th {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #333333;
    border-right: 3px solid #fefefe;
    box-shadow: inset 0px -3px 0px #645C59; }
    table thead tr th a {
      color: #333333; }
    table thead tr th label {
      font-weight: bold; }

table tbody tr td {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.125rem;
  vertical-align: top;
  /*
				.button-group {
					//margin-bottom: 0; // Se sono dentro una table non devono avere un margin bottom
				}
				input[type="checkbox"]{
					//margin-bottom: 1px; // I margin button dei checkbox non devono essere troppo grandi nelle tabelle
				}
				// Stile per i nuovi checkbox
				input[type="checkbox"] + label.sr-checkbox-icon{
					//margin-bottom: 1px; // I margin button dei checkbox non devono essere troppo grandi nelle tabelle
					margin-right: 1px;
				}
				*/
  border-right: 3px solid #fefefe; }

/* Tolgo il bordo inferiore nelle data tables con il doppio thead */
.dataTables_scrollBody table thead tr {
  border-bottom: none; }

/* Mixin per row highlight */
/* End of Mixin per row highlight */
.highlight-positive {
  background: lightgreen !important; }
  i.highlight-positive {
    color: #fefefe; }

.highlight-negative {
  background: tomato !important; }
  i.highlight-negative {
    color: #fefefe; }

.highlight-neutral {
  background: gold !important; }
  i.highlight-neutral {
    color: #fefefe; }

/* Per gestire le tabelle unstriped dandogli una classe al container */
.unstriped-table table tbody {
  background-color: #fefefe; }
  .unstriped-table table tbody tr {
    border-bottom: 0;
    border-bottom: 0;
    background-color: #fefefe; }

.unstriped-table.without-background table tbody {
  background-color: transparent; }
  .unstriped-table.without-background table tbody tr {
    background-color: transparent; }
    .unstriped-table.without-background table tbody tr td {
      border-color: transparent; }

/* Fine stile per le tabelle */
/* Stile per togliere lo spazio dato dall'inline-block della pagination */
ul.pagination {
  font-size: 0; }

/* Fine stile per togliere lo spazio dato dall'inline-block della pagination */
/* Stile per fare l'override dei settaggi del margine degli input (Stilato nel _forms.scss) ma comunque globale; non posso cambiare il form-spacing perchè se no cambia la dimensione di tutti gli input */
/*
Commentato perchè causava problemi nei select in una colonna
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 0.6875rem 0;
}
*/
/* Fine stile per fare l'override dei settaggi del margine degli input (Stilato nel _forms.scss) ma comunque globale; non posso cambiare il form-spacing perchè se no cambia la dimensione di tutti gli input */
/* Stile per rendere gli input readonly (Che se dentro una tabella sono renderizzati come Span) alti uguali agli altri input */
.sr-pseudoinput-readonly {
  padding-top: 0.40656rem;
  padding-bottom: 0.40656rem;
  display: block; }

/* Fine Stile per rendere gli input readonly (Che se dentro una tabella sono renderizzati come Span) alti uguali agli altri input */
/* Stile per rendere i bottoni dentro alle tabelle della stessa altezza degli input */
.sr-table {
  margin-bottom: 0.525rem; }
  .sr-table .button {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 1.9375rem;
    line-height: 1.9375rem;
    vertical-align: middle; }
  .sr-table .sr-pseudoinput {
    overflow: visible !important; }
  .sr-table .markdown-renderer.markdown-view-mode {
    padding-top: 0.40656rem; }
  .sr-table tbody .row {
    box-sizing: border-box; }
  .sr-table tbody tr td .sr-table tbody tr:first-child > td {
    padding-top: 0; }

/* Fine Stile per rendere i bottoni dentro alle tabelle della stessa altezza degli input */
/* Stile per fixare l'altezza che prendeva il :before di questi elementi (Dato dal clearfix di Foundation) per colpa del border-spacing di default delle tabelle */
.button-bar, .button-group, .row {
  border-spacing: 0;
  border-collapse: collapse; }

/* Fine stile per fixare l'altezza che prendeva il :before di questi elementi (Dato dal clearfix di Foundation) per colpa del border-spacing di default delle tabelle */
/* Stile per allungare la finestra della dropdown list fatta al momento con il plugin jQuery UI Autocomplete per fare l'override dello stile di default jquery.ui.css */
.ui-autocomplete {
  max-height: 200px !important;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1006; }

/* Fine stile per allungare la finestra della dropdown list fatta al momento con il plugin jQuery UI Autocomplete per fare l'override dello stile di default jquery.ui.css */
/* Stile per gli alert utilizzati per notifiche o errori */
.sr-alert-notify {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  border: 0 none transparent;
  border-radius: 0;
  background-color: #645c59;
  color: #fefefe;
  position: fixed;
  top: 0;
  z-index: 1006;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.75rem; }
  .sr-alert-notify > :first-child {
    margin-top: 0; }
  .sr-alert-notify > :last-child {
    margin-bottom: 0; }

.sr-alert-error {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  border: 0 none transparent;
  border-radius: 0;
  background-color: #cc4b37;
  color: #000000;
  position: fixed;
  top: 0;
  z-index: 1006;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.75rem; }
  .sr-alert-error > :first-child {
    margin-top: 0; }
  .sr-alert-error > :last-child {
    margin-bottom: 0; }

/* Fine stile per gli alert utilizzati per notifiche o errori */
/*
    Stile applicato ai tasti del markdown editor
*/
.markdown-action {
  float: left;
  background-repeat: no-repeat;
  padding-right: 0.2rem;
  font-size: 1.3rem;
  cursor: pointer; }

/* Stile generico ma utilizzato al momento per gestire correttamente gli pseudoinput cioè input readonly renderizzati come span */
/* Opzione di default che non mi permette di andare a capo */
.sr-wrapmode-nowrap .sr-pseudoinput-readonly {
  white-space: nowrap; }

.sr-wrapmode-nowrap label {
  white-space: nowrap; }

/* Opzione che mi permette di andare a capo */
sr-wrapmode-wrap .sr-pseudoinput-readonly {
  white-space: normal; }

sr-wrapmode-wrap label {
  white-space: normal; }

/* Fine stile generico ma utilizzato al momento per gestire correttamente gli pseudoinput cioè input readonly renderizzati come span */
/* Classe per impostare il colore di un'icona quando è presente una notifica*/
.sr-notifications-active {
  color: #FFFF00; }

/* Fine classe per impostare il colore di un'icona quando è presente una notifica*/
/* Stile per rendere fluidi i video di Youtube e Vimeo */
.sr-youtube-player-container, .sr-vimeo-player-container, .sr-gmaps-viewer-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .sr-youtube-player-container iframe, .sr-vimeo-player-container iframe, .sr-gmaps-viewer-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Fine stile per rendere fluidi i video di Youtube e Vimeo */
.sr-label-for-checkbox-description {
  vertical-align: top; }

/* Stile per il tag video */
video {
  width: 100%;
  background-color: black;
  object-fit: scale-down; }

/* Fine stile per il tag video */
/* STILE DI CODEMIRROR COPIATO E INCOLLATO */
/* ATTENZIONE ALLA FINE DEL FILE C'È UN IMPORT PER IL NOSTRO STILE CUSTOM DI CODEMIRROR, QUANDO SI AGGIORNA QUESTO FILE NON BISOGNA STARE ATTENTI A QUELLO! */
/* TODO OTTIMIZZARLO VISTO CHE E' SASS*/
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black; }

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */ }

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap; }

.CodeMirror-guttermarker {
  color: black; }

.CodeMirror-guttermarker-subtle {
  color: #999; }

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7; }

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1; }

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7; }

@-moz-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@-webkit-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute; }

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-keyword {
  color: #708; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable-2 {
  color: #05a; }

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085; }

.cm-s-default .cm-comment {
  color: #a50; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta {
  color: #555; }

.cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #00c; }

.cm-s-default .cm-error {
  color: #f00; }

.cm-invalidchar {
  color: #f00; }

.CodeMirror-composing {
  border-bottom: 2px solid; }

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22; }

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3); }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white; }

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative; }

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent; }

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px; }

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important; }

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent; }

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent; }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */ }

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual; }

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto; }

.CodeMirror-rtl pre {
  direction: rtl; }

.CodeMirror-code {
  outline: none; }

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none; }

.CodeMirror-measure pre {
  position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3; }

div.CodeMirror-dragcursors {
  visibility: visible; }

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0; }

.CodeMirror-crosshair {
  cursor: crosshair; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4); }

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden; } }

/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none; }

/* FINE STILE DI CODEMIRROR COPIATO E INCOLLATO */
/* NOSTRO STILE PER PERSONALIZZARE QUELLO DI CODEMIRROR, IMPORTANTO ALLA FINE DELLA PARTIAL DI CODEMIRROR */
/* Stile custom per ScriptEditor (Codemirror) */
.sr-scripteditor-container {
  border: 1px solid #DDDDDD;
  min-height: 1.9375rem; }
  .sr-scripteditor-container .CodeMirror {
    height: auto; }

/* Fine stile custom per ScriptEditor (Codemirror) */
/* Stile per gli ScriptEditor dentro a tabella (Gridview) */
.sr-table .sr-scripteditor-container .CodeMirror-scroll {
  max-height: 25vh; }

/* Fine stile per gli ScriptEditor dentro a tabella (Gridview) */
/* FINE NOSTRO STILE PER PERSONALIZZARE QUELLO DI CODEMIRROR */
/* Racchiudo tutto in un container */
.markdown-editor {
  /* STILE DI EasyMDE easy-markdown-editor COPIATO E INCOLLATO */
  /* TODO OTTIMIZZARLO VISTO CHE E' SASS */
  /* EasyMDE 2.4.2 */
  /* https://github.com/Ionaru/easy-markdown-editor */
  /* FINE STILE DI EasyMDE easy-markdown-editor COPIATO E INCOLLATO */ }
  .markdown-editor .CodeMirror {
    font-family: monospace;
    height: 300px;
    color: #000;
    direction: ltr; }
  .markdown-editor .CodeMirror-lines {
    padding: 4px 0; }
  .markdown-editor .CodeMirror pre {
    padding: 0 4px; }
  .markdown-editor .CodeMirror-gutter-filler, .markdown-editor .CodeMirror-scrollbar-filler {
    background-color: #fff; }
  .markdown-editor .CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap; }
  .markdown-editor .CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap; }
  .markdown-editor .CodeMirror-guttermarker {
    color: #000; }
  .markdown-editor .CodeMirror-guttermarker-subtle {
    color: #999; }
  .markdown-editor .CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0; }
  .markdown-editor .CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver; }
  .markdown-editor .cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7; }
  .markdown-editor .cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1; }
  .markdown-editor .cm-fat-cursor-mark {
    background-color: rgba(20, 255, 20, 0.5);
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite; }
  .markdown-editor .cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7; }

@-moz-keyframes blink {
  50% {
    background-color: transparent; } }

@-webkit-keyframes blink {
  50% {
    background-color: transparent; } }

@keyframes blink {
  50% {
    background-color: transparent; } }
  .markdown-editor .cm-tab {
    display: inline-block;
    text-decoration: inherit; }
  .markdown-editor .CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: -20px;
    overflow: hidden; }
  .markdown-editor .CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute; }
  .markdown-editor .cm-s-default .cm-header {
    color: #00f; }
  .markdown-editor .cm-s-default .cm-quote {
    color: #090; }
  .markdown-editor .cm-negative {
    color: #d44; }
  .markdown-editor .cm-positive {
    color: #292; }
  .markdown-editor .cm-header, .markdown-editor .cm-strong {
    font-weight: 700; }
  .markdown-editor .cm-em {
    font-style: italic; }
  .markdown-editor .cm-link {
    text-decoration: underline; }
  .markdown-editor .cm-strikethrough {
    text-decoration: line-through; }
  .markdown-editor .cm-s-default .cm-keyword {
    color: #708; }
  .markdown-editor .cm-s-default .cm-atom {
    color: #219; }
  .markdown-editor .cm-s-default .cm-number {
    color: #164; }
  .markdown-editor .cm-s-default .cm-def {
    color: #00f; }
  .markdown-editor .cm-s-default .cm-variable-2 {
    color: #05a; }
  .markdown-editor .cm-s-default .cm-type, .markdown-editor .cm-s-default .cm-variable-3 {
    color: #085; }
  .markdown-editor .cm-s-default .cm-comment {
    color: #a50; }
  .markdown-editor .cm-s-default .cm-string {
    color: #a11; }
  .markdown-editor .cm-s-default .cm-string-2 {
    color: #f50; }
  .markdown-editor .cm-s-default .cm-meta {
    color: #555; }
  .markdown-editor .cm-s-default .cm-qualifier {
    color: #555; }
  .markdown-editor .cm-s-default .cm-builtin {
    color: #30a; }
  .markdown-editor .cm-s-default .cm-bracket {
    color: #997; }
  .markdown-editor .cm-s-default .cm-tag {
    color: #170; }
  .markdown-editor .cm-s-default .cm-attribute {
    color: #00c; }
  .markdown-editor .cm-s-default .cm-hr {
    color: #999; }
  .markdown-editor .cm-s-default .cm-link {
    color: #00c; }
  .markdown-editor .cm-s-default .cm-error {
    color: red; }
  .markdown-editor .cm-invalidchar {
    color: red; }
  .markdown-editor .CodeMirror-composing {
    border-bottom: 2px solid; }
  .markdown-editor div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0; }
  .markdown-editor div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22; }
  .markdown-editor .CodeMirror-matchingtag {
    background: rgba(255, 150, 0, 0.3); }
  .markdown-editor .CodeMirror-activeline-background {
    background: #e8f2ff; }
  .markdown-editor .CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff; }
  .markdown-editor .CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: 0;
    position: relative; }
  .markdown-editor .CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent; }
  .markdown-editor .CodeMirror-gutter-filler, .markdown-editor .CodeMirror-hscrollbar, .markdown-editor .CodeMirror-scrollbar-filler, .markdown-editor .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none; }
  .markdown-editor .CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll; }
  .markdown-editor .CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll; }
  .markdown-editor .CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0; }
  .markdown-editor .CodeMirror-gutter-filler {
    left: 0;
    bottom: 0; }
  .markdown-editor .CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3; }
  .markdown-editor .CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px; }
  .markdown-editor .CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0 !important;
    border: none !important; }
  .markdown-editor .CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4; }
  .markdown-editor .CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4; }
  .markdown-editor .CodeMirror-gutter-wrapper ::selection {
    background-color: transparent; }
  .markdown-editor .CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent; }
  .markdown-editor .CodeMirror-lines {
    cursor: text;
    min-height: 1px; }
  .markdown-editor .CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual; }
  .markdown-editor .CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal; }
  .markdown-editor .CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0; }
  .markdown-editor .CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px; }
  .markdown-editor .CodeMirror-rtl pre {
    direction: rtl; }
  .markdown-editor .CodeMirror-code {
    outline: 0; }
  .markdown-editor .CodeMirror-gutter, .markdown-editor .CodeMirror-gutters, .markdown-editor .CodeMirror-linenumber, .markdown-editor .CodeMirror-scroll, .markdown-editor .CodeMirror-sizer {
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .markdown-editor .CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden; }
  .markdown-editor .CodeMirror-cursor {
    position: absolute;
    pointer-events: none; }
  .markdown-editor .CodeMirror-measure pre {
    position: static; }
  .markdown-editor div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3; }
  .markdown-editor div.CodeMirror-dragcursors {
    visibility: visible; }
  .markdown-editor .CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible; }
  .markdown-editor .CodeMirror-selected {
    background: #d9d9d9; }
  .markdown-editor .CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0; }
  .markdown-editor .CodeMirror-crosshair {
    cursor: crosshair; }
  .markdown-editor .CodeMirror-line::selection, .markdown-editor .CodeMirror-line > span::selection, .markdown-editor .CodeMirror-line > span > span::selection {
    background: #d7d4f0; }
  .markdown-editor .CodeMirror-line::-moz-selection, .markdown-editor .CodeMirror-line > span::-moz-selection, .markdown-editor .CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0; }
  .markdown-editor .cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, 0.4); }
  .markdown-editor .cm-force-border {
    padding-right: .1px; }
  @media print {
    .markdown-editor .CodeMirror div.CodeMirror-cursors {
      visibility: hidden; } }
  .markdown-editor .cm-tab-wrap-hack:after {
    content: ''; }
  .markdown-editor span.CodeMirror-selectedtext {
    background: 0 0; }
  .markdown-editor .CodeMirror {
    box-sizing: border-box;
    height: auto;
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    font: inherit;
    z-index: 1;
    word-wrap: break-word; }
  .markdown-editor .CodeMirror-scroll {
    cursor: text; }
  .markdown-editor .CodeMirror-fullscreen {
    background: #fff;
    position: fixed !important;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 9;
    border-right: none !important;
    border-bottom-right-radius: 0 !important; }
  .markdown-editor .CodeMirror-sided {
    width: 50% !important; }
  .markdown-editor .CodeMirror-placeholder {
    opacity: .5; }
  .markdown-editor .CodeMirror-focused .CodeMirror-selected {
    background: #d9d9d9; }
  .markdown-editor .editor-toolbar {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 0 10px;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .markdown-editor .editor-toolbar:after, .markdown-editor .editor-toolbar:before {
    display: block;
    content: ' ';
    height: 1px; }
  .markdown-editor .editor-toolbar:before {
    margin-bottom: 8px; }
  .markdown-editor .editor-toolbar:after {
    margin-top: 8px; }
  .markdown-editor .editor-toolbar.fullscreen {
    width: 100%;
    height: 50px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    background: #fff;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 9; }
  .markdown-editor .editor-toolbar.fullscreen::before {
    width: 20px;
    height: 50px;
    background: -moz-linear-gradient(left, white 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, white), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, white 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, white 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, white 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0, rgba(255, 255, 255, 0) 100%);
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0; }
  .markdown-editor .editor-toolbar.fullscreen::after {
    width: 20px;
    height: 50px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, white 100%);
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0; }
  .markdown-editor .editor-toolbar button {
    background: 0 0;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer; }
  .markdown-editor .editor-toolbar button.active, .markdown-editor .editor-toolbar button:hover {
    background: #fcfcfc;
    border-color: #95a5a6; }
  .markdown-editor .editor-toolbar i.separator {
    display: inline-block;
    width: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #fff;
    color: transparent;
    text-indent: -10px;
    margin: 0 6px; }
  .markdown-editor .editor-toolbar button:after {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 65%;
    vertical-align: text-bottom;
    position: relative;
    top: 2px; }
  .markdown-editor .editor-toolbar button.heading-1:after {
    content: "1"; }
  .markdown-editor .editor-toolbar button.heading-2:after {
    content: "2"; }
  .markdown-editor .editor-toolbar button.heading-3:after {
    content: "3"; }
  .markdown-editor .editor-toolbar button.heading-bigger:after {
    content: "▲"; }
  .markdown-editor .editor-toolbar button.heading-smaller:after {
    content: "▼"; }
  .markdown-editor .editor-toolbar.disabled-for-preview button:not(.no-disable) {
    opacity: .6;
    pointer-events: none; }
  @media only screen and (max-width: 700px) {
    .markdown-editor .editor-toolbar i.no-mobile {
      display: none; } }
  .markdown-editor .editor-statusbar {
    padding: 8px 10px;
    font-size: 12px;
    color: #959694;
    text-align: right; }
  .markdown-editor .editor-statusbar span {
    display: inline-block;
    min-width: 4em;
    margin-left: 1em; }
  .markdown-editor .editor-statusbar .lines:before {
    content: 'lines: '; }
  .markdown-editor .editor-statusbar .words:before {
    content: 'words: '; }
  .markdown-editor .editor-statusbar .characters:before {
    content: 'characters: '; }
  .markdown-editor .editor-preview {
    padding: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fafafa;
    z-index: 7;
    overflow: auto;
    display: none;
    box-sizing: border-box; }
  .markdown-editor .editor-preview-side {
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 50%;
    top: 50px;
    right: 0;
    background: #fafafa;
    z-index: 9;
    overflow: auto;
    display: none;
    box-sizing: border-box;
    border: 1px solid #ddd;
    word-wrap: break-word; }
  .markdown-editor .editor-preview-active-side {
    display: block; }
  .markdown-editor .editor-preview-active {
    display: block; }
  .markdown-editor .editor-preview-side > p, .markdown-editor .editor-preview > p {
    margin-top: 0; }
  .markdown-editor .editor-preview pre, .markdown-editor .editor-preview-side pre {
    background: #eee;
    margin-bottom: 10px; }
  .markdown-editor .editor-preview table td, .markdown-editor .editor-preview table th, .markdown-editor .editor-preview-side table td, .markdown-editor .editor-preview-side table th {
    border: 1px solid #ddd;
    padding: 5px; }
  .markdown-editor .cm-s-easymde .cm-tag {
    color: #63a35c; }
  .markdown-editor .cm-s-easymde .cm-attribute {
    color: #795da3; }
  .markdown-editor .cm-s-easymde .cm-string {
    color: #183691; }
  .markdown-editor .cm-s-easymde .cm-header-1 {
    font-size: 200%;
    line-height: 200%; }
  .markdown-editor .cm-s-easymde .cm-header-2 {
    font-size: 160%;
    line-height: 160%; }
  .markdown-editor .cm-s-easymde .cm-header-3 {
    font-size: 125%;
    line-height: 125%; }
  .markdown-editor .cm-s-easymde .cm-header-4 {
    font-size: 110%;
    line-height: 110%; }
  .markdown-editor .cm-s-easymde .cm-comment {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 2px; }
  .markdown-editor .cm-s-easymde .cm-link {
    color: #7f8c8d; }
  .markdown-editor .cm-s-easymde .cm-url {
    color: #aab2b3; }
  .markdown-editor .cm-s-easymde .cm-quote {
    color: #7f8c8d;
    font-style: italic; }
  .markdown-editor .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    background: rgba(255, 0, 0, 0.15); }

/* Fine della classe container in cui ho racchiuso tutto */
/* Stile per viewer planner */
.button-planner-menu, .button-planner-tree {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0.525rem 0;
  padding: 0.46906rem;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.875rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3d3d3d;
  color: #fefefe; }
  [data-whatinput='mouse'] .button-planner-menu, [data-whatinput='mouse'] .button-planner-tree {
    outline: 0; }
  .button-planner-menu:hover, .button-planner-menu:focus, .button-planner-tree:hover, .button-planner-tree:focus {
    background-color: #CCCCCC;
    color: #fefefe; }
  .button-planner-menu.active, .button-planner-tree.active {
    background-color: #645C59; }
  .button-planner-menu i, .button-planner-tree i {
    display: inline-block;
    margin-right: 0; }
    .button-planner-menu i:before, .button-planner-tree i:before {
      color: #fefefe; }

.button-planner-menu {
  padding: 0.4rem;
  border-radius: 0.4rem; }
  .button-planner-menu i:before {
    font-size: 1.7rem; }

.button-planner-tree {
  border-radius: 0.2rem;
  margin-bottom: 0; }
  .button-planner-tree i:before {
    font-size: 0.9rem; }
  .button-planner-tree i.unchecked:before {
    color: #3d3d3d; }
  .button-planner-tree.lighter {
    background-color: #CCCCCC; }

.tree-view {
  font-size: 0.75rem; }
  .tree-view .tree-node {
    white-space: nowrap;
    border-bottom: 1px solid #CCCCCC; }
    .tree-view .tree-node.last {
      border-bottom: none; }
  .tree-view .tree {
    margin-top: -3px;
    /* HACK perchè altrimenti ho una scrollbar verticale fissa e non riesco a toglierla */ }
  .tree-view .node-child {
    border-left: 1px solid #CCCCCC; }
  .tree-view .node-content-wrapper, .tree-view .tree-children {
    position: relative;
    padding-right: 1rem;
    padding-left: 1rem; }
  .tree-view .node-content-wrapper::before, .tree-view .tree-children::after {
    content: "";
    position: absolute; }
  .tree-view .tree-node-level-1 > .node-content-wrapper::before {
    border-bottom: none;
    border-left: none;
    height: 0;
    top: 0;
    width: 0;
    left: 0; }
  .tree-view .node-content-wrapper::before {
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    height: 28px;
    top: -17px;
    width: 20px;
    left: -28px; }
  .tree-view .tree-node-leaf > .node-wrapper > .node-content-wrapper::before {
    width: 25px; }
  .tree-view .tree-children::after {
    border-left: 1px solid lightgrey;
    height: 100%;
    top: -15px;
    left: -15px; }
  .tree-view treenode:last-child > .tree-node > .tree-children::after {
    border-left: none; }
  .tree-view .toggle-children {
    z-index: 1; }

/* Fine stile per viewer planner */
/* Stile per i pseudoinput, cioè degli span che emulano il comportamento degli input */
/* Fine stile per i pseudoinput, cioè degli span che emulano il comportamento degli input */
/* Stile per i pseudoinput non stilizzati come textbox, cioè degli span che emulano il comportamento degli input */
/* Fine stile per i pseudoinput non stilizzati come textbox, cioè degli span che emulano il comportamento degli input */
/* Stile per il pulsante/icona che hanno i nostri dropdown e i nostri datetimepicker */
.sr-pseudoinput:not(.sr-not-textbox-style) {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  height: 1.93813rem;
  line-height: 1.9375rem;
  font-size: 0.875rem;
  margin: 0 0 0.525rem 0;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden; }
  .sr-pseudoinput:not(.sr-not-textbox-style)[contenteditable]:not([contenteditable="false"]) {
    border: 1px solid #DDDDDD; }
  .sr-pseudoinput:not(.sr-not-textbox-style)[disabled], .sr-pseudoinput:not(.sr-not-textbox-style)[readonly],
  fieldset[disabled] .sr-pseudoinput:not(.sr-not-textbox-style) {
    background-color: #F2F2F2;
    cursor: auto;
    border: 1px solid #DDDDDD; }
  .sr-pseudoinput:not(.sr-not-textbox-style)[data-sr-dropdown-list], .sr-pseudoinput:not(.sr-not-textbox-style)[data-sr-dropdown], .sr-pseudoinput:not(.sr-not-textbox-style)[data-sr-datetimemode] {
    padding-right: 1.625rem; }

.sr-pseudoinput.sr-not-textbox-style {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  height: auto;
  line-height: 1.5;
  font-size: 0.875rem;
  margin: 0 0 0.525rem 0;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden; }
  .sr-pseudoinput.sr-not-textbox-style[data-sr-dropdown-list], .sr-pseudoinput.sr-not-textbox-style[data-sr-dropdown], .sr-pseudoinput.sr-not-textbox-style[data-sr-datetimemode] {
    padding-right: 1.625rem; }

.sr-dropdown-button, .sr-datetime-button {
  position: absolute;
  line-height: 1.9375rem;
  width: 1.625rem;
  text-align: center;
  right: 0.1875rem; }
  .sr-dropdown-button:before, .sr-datetime-button:before {
    font-size: 0.875rem;
    vertical-align: middle; }

.columns > .sr-dropdown-button,
.columns > .sr-datetime-button {
  right: 0.75rem; }

.sr-datetime-button {
  pointer-events: none; }

/* Fine stile per il pulsante/icona che hanno i nostri dropdown e i nostri datetimepicker */
/* Stile base del cotainer dei nostri input*/
.sr-textbox, .sr-datetimepicker, .sr-dropdownlist, .sr-combobox {
  position: relative; }

/* Fine stile base del cotainer dei nostri input*/
/* Stile generico per le label*/
label * {
  font-weight: normal; }

/* Fine stile generico per le label*/
/* Classe generica per nascondere un'elemento */
.hide-this {
  display: none !important; }

.hide-this-thead {
  visibility: hidden; }
  .hide-this-thead * {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    height: 0px !important; }

/* Fine classe generica per nascondere un'elemento */
.fileinput-button-foundation {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0.0625rem solid #554e4c !important;
  border-left: 0.0625rem solid #554e4c !important;
  border-right: 0.0625rem solid #554e4c !important; }
  .fileinput-button-foundation.expanded {
    width: 100%; }
    .fileinput-button-foundation.expanded .fileinput-button-text-foundation {
      text-align: center; }
  .fileinput-button-foundation input[type=file] {
    cursor: pointer;
    font-size: 10000px;
    /* Hack per IE <= 10 altrimenti per aprire la finestra di selezione del file è necessario il doppio click, così facendo và a click singolo */
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .fileinput-button-foundation.button {
    border: 0.125rem dashed #645C59 !important;
    border-left: 0.125rem dashed #645C59 !important;
    border-right: 0.125rem dashed #645C59 !important;
    padding-top: 0.33437rem;
    padding-bottom: 0.33437rem;
    width: 100%;
    margin-bottom: 0; }
    .fileinput-button-foundation.button:hover {
      background-color: transparent;
      border: 0.125rem solid #645C59 !important;
      border-left: 0.125rem solid #645C59 !important;
      border-right: 0.125rem solid #645C59 !important;
      outline: none; }
    .fileinput-button-foundation.button.disabled {
      background-color: transparent;
      border: 0.125rem solid #645C59 !important;
      border-left: 0.125rem solid #645C59 !important;
      border-right: 0.125rem solid #645C59 !important;
      outline: none;
      opacity: 0.25; }
  .fileinput-button-foundation:focus {
    background-color: transparent;
    border: 0.125rem solid #645C59 !important;
    border-left: 0.125rem solid #645C59 !important;
    border-right: 0.125rem solid #645C59 !important;
    outline: none; }
  .fileinput-button-foundation .fileinput-button-text-foundation {
    line-height: 1.05rem;
    min-height: 1.05rem;
    font-size: 0.875rem;
    color: black; }
  .fileinput-button-foundation .fileupload-progressbar-foundation {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    background-color: #645C59;
    height: 100%;
    z-index: -1; }

.fileupload-explore-button-foundation {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 2.25rem;
  margin-bottom: 0; }
  .fileupload-explore-button-foundation input[type=file] {
    cursor: pointer;
    font-size: 10000px;
    /* Hack per IE <= 10 altrimenti per aprire la finestra di selezione del file è necessario il doppio click, così facendo và a click singolo */
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0; }

.fileupload-buttonbar-foundation {
  margin-bottom: 0.525rem;
  line-height: 0; }
  .fileupload-buttonbar-foundation.fileupload-buttonbar-foundation-paste {
    position: relative;
    padding-right: 2.25rem; }
    .fileupload-buttonbar-foundation.fileupload-buttonbar-foundation-paste .fileinput-button-foundation {
      border-right-style: none !important; }

@supports (mix-blend-mode: multiply) {
  .fileinput-button-foundation .fileinput-button-text-foundation {
    mix-blend-mode: multiply;
    color: #645C59; } }

.sr-table .fileinput-button-foundation .fileupload-progressbar-foundation, table .fileinput-button-foundation .fileupload-progressbar-foundation {
  z-index: 0; }

.fileupload-big-style .fileinput-button-foundation {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0.0625rem solid #CCCCCC !important;
  border-left: 0.0625rem solid #CCCCCC !important;
  border-right: 0.0625rem solid #CCCCCC !important; }
  .fileupload-big-style .fileinput-button-foundation.expanded {
    width: 100%; }
    .fileupload-big-style .fileinput-button-foundation.expanded .fileinput-button-text-foundation {
      text-align: center; }
  .fileupload-big-style .fileinput-button-foundation input[type=file] {
    cursor: pointer;
    font-size: 10000px;
    /* Hack per IE <= 10 altrimenti per aprire la finestra di selezione del file è necessario il doppio click, così facendo và a click singolo */
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .fileupload-big-style .fileinput-button-foundation.button {
    border: 0.125rem dashed #CCCCCC !important;
    border-left: 0.125rem dashed #CCCCCC !important;
    border-right: 0.125rem dashed #CCCCCC !important;
    padding-top: 0.33437rem;
    padding-bottom: 0.33437rem;
    width: 100%;
    margin-bottom: 0; }
    .fileupload-big-style .fileinput-button-foundation.button:hover {
      background-color: transparent;
      border: 0.125rem solid #CCCCCC !important;
      border-left: 0.125rem solid #CCCCCC !important;
      border-right: 0.125rem solid #CCCCCC !important;
      outline: none; }
    .fileupload-big-style .fileinput-button-foundation.button.disabled {
      background-color: transparent;
      border: 0.125rem solid #CCCCCC !important;
      border-left: 0.125rem solid #CCCCCC !important;
      border-right: 0.125rem solid #CCCCCC !important;
      outline: none;
      opacity: 0.25; }
  .fileupload-big-style .fileinput-button-foundation:focus {
    background-color: transparent;
    border: 0.125rem solid #CCCCCC !important;
    border-left: 0.125rem solid #CCCCCC !important;
    border-right: 0.125rem solid #CCCCCC !important;
    outline: none; }
  .fileupload-big-style .fileinput-button-foundation .fileinput-button-text-foundation {
    line-height: 40vh;
    min-height: 40vh;
    font-size: 5rem;
    color: #CCCCCC; }
  .fileupload-big-style .fileinput-button-foundation .fileupload-progressbar-foundation {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    background-color: #645C59;
    height: 100%;
    z-index: -1; }

.sr-signature-container {
  display: inline-block; }
  .sr-signature-container .sr-signature-box {
    background: white;
    border: 1px solid #F5F5F5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; }

/* Stile per creare classi per aggiungere o togliere la freccia dropdown */
ul.menu > li.sr-is-dropdown-down > a {
  position: relative;
  padding-right: 1.5rem; }
  ul.menu > li.sr-is-dropdown-down > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    right: 5px !important;
    left: auto;
    margin-top: -3px;
    position: absolute;
    top: 50%; }
  ul.menu > li.sr-is-dropdown-down > a.button.hollow::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #645C59 transparent transparent; }

ul.menu > li.sr-is-dropdown-right, ul.menu > li.sr-is-dropdown-right.is-dropdown-submenu, ul.menu > li.sr-is-dropdown-right.is-dropdown-submenu-parent.opens-left {
  position: relative; }
  ul.menu > li.sr-is-dropdown-right > a, ul.menu > li.sr-is-dropdown-right.is-dropdown-submenu > a, ul.menu > li.sr-is-dropdown-right.is-dropdown-submenu-parent.opens-left > a {
    width: 100%; }
    ul.menu > li.sr-is-dropdown-right > a::after, ul.menu > li.sr-is-dropdown-right.is-dropdown-submenu > a::after, ul.menu > li.sr-is-dropdown-right.is-dropdown-submenu-parent.opens-left > a::after {
      right: 14px;
      left: auto;
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      content: '';
      border-right-width: 0;
      border-left-style: solid;
      border-color: transparent transparent transparent #000000;
      position: absolute;
      top: 50%;
      margin-top: -6px; }

ul.menu > li.sr-hide-dropdown-arrow > a, ul.menu > li.is-dropdown-submenu-parent.sr-hide-dropdown-arrow > a {
  padding-right: 1rem !important; }
  ul.menu > li.sr-hide-dropdown-arrow > a::after, ul.menu > li.is-dropdown-submenu-parent.sr-hide-dropdown-arrow > a::after {
    content: none !important; }

/* Fine stile per creare classi per aggiungere o togliere la freccia dropdown */
/* Stile per togliere il margin-right: 0 presente nei last-child dei button group, ma noi siccome mettiamo i button dentro a dei container questo selettore becca sempre */
.button-group .sr-action > .button, .button-group .sr-action > .button:last-child {
  margin-right: 1px; }

.button-group:empty {
  margin-bottom: 0; }

/* Fine stile per togliere il margin-right: 0 presente nei last-child dei button group, ma noi siccome mettiamo i button dentro a dei container questo selettore becca sempre */
/* Fix per l'input di tipo checkbox presente per la selezione dei vari dataset alla ricerca */
input[type="checkbox"].input_dataset_selector {
  margin: 0;
  vertical-align: middle; }

/* Fine fix per l'input di tipo checkbox presente per la selezione dei vari dataset alla ricerca */
/* Stile per i button all'interno di un menu sr-menu-button-bar */
.sr-menu-button-bar > li .button {
  margin-right: 1px; }

.sr-menu-button-bar > li:last-child .button {
  margin-right: 0; }

.sr-menu-button-bar .icon-standard:before {
  line-height: 0.65;
  font-size: 1rem; }

/* Fine Stile per i button all'interno di un menu sr-menu-button-bar */
/* Stile per fixare le dimensioni dei seguenti elementi all'interno delle tabelle, altrimenti il bordo viene tagliato */
.sr-markdown, .sr-scripteditor {
  box-sizing: border-box; }

/* Fine stile per fixare le dimensioni dei seguenti elementi all'interno delle tabelle, altrimenti il bordo viene tagliato */
/* Stile di override per markdown */
.markdown-editor .editor-toolbar {
  color: #2C3E50;
  opacity: .6; }
  .markdown-editor .editor-toolbar:hover {
    opacity: .8; }
  .markdown-editor .editor-toolbar button {
    box-sizing: content-box; }
    .markdown-editor .editor-toolbar button.heading-1:after, .markdown-editor .editor-toolbar button.heading-2:after, .markdown-editor .editor-toolbar button.heading-3:after {
      content: ""; }
    .markdown-editor .editor-toolbar button .markdown-editor-button {
      width: 30px;
      height: 30px;
      display: inline-block;
      margin-right: 0; }
      .markdown-editor .editor-toolbar button .markdown-editor-button:before {
        line-height: 30px; }

/* Fine stile di override per markdown */
/* Stile per impostare il limite massimo della width nei dropdown su mobile altrimenti mi esce fuori dallo schermo */
.dropdown-pane, .is-dropdown-submenu {
  z-index: 99; }
  @media screen and (max-width: 39.99875em) {
    .dropdown-pane, .is-dropdown-submenu {
      min-width: auto;
      max-width: 100vw;
      width: 100vw;
      left: 0vw !important;
      z-index: 100; } }

/* Fine stile per impostare il limite massimo della width nei dropdown su mobile altrimenti mi esce fuori dallo schermo */
/* Fine stile per togliere il margin-right: 0 presente nei last-child dei button group, ma noi siccome mettiamo i button dentro a dei container questo selettore becca sempre */
.sr-checkbox-icon {
  line-height: 1.9375rem; }
  .sr-checkbox-icon:before {
    height: 1.4rem;
    width: 1.4rem;
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4rem;
    text-align: center;
    margin-right: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca;
    box-sizing: border-box;
    border-radius: 0.2rem; }
  .sr-checkbox-icon[disabled]:before, .sr-checkbox-icon[readonly]:before {
    background-color: #F2F2F2;
    color: #cacaca; }
  .sr-checkbox-icon.sr-unchecked:before {
    color: transparent; }

input[type="checkbox"] + label.sr-checkbox-icon {
  margin-left: 0;
  margin-bottom: 0.525rem; }
  input[type="checkbox"] + label.sr-checkbox-icon[disabled], input[type="checkbox"] + label.sr-checkbox-icon[readonly] {
    cursor: default; }

input[type="checkbox"]:not(:checked) + label.sr-checkbox-icon:before {
  color: transparent; }

input[type="checkbox"]:focus + label.sr-checkbox-icon:before {
  border-style: solid;
  border-width: 1px;
  border-color: #645C59; }

/* Estensione dello stile fieldset */
.fieldset legend {
  font-weight: bold; }

/* Fine estensione dello stile fieldset */
/* Questa è una classe hack che serve per spostare dei pulsanti (Dalla form del dataset a una barra della web app) */
.move-to-dataset-actions > .button {
  margin-bottom: 0; }

/* Fine classe hack che serve per spostare dei pulsanti */
/* Faccio un override del colore tutti i dropdown, perchè non c'è una variabile e di default utilizza quello degli a */
.dropdown a, .accordion-menu a {
  color: #000000; }

.dropdown .button + .is-dropdown-submenu, .accordion-menu .button + .is-dropdown-submenu {
  top: 100% !important; }
  .dropdown .button + .is-dropdown-submenu > li, .accordion-menu .button + .is-dropdown-submenu > li {
    margin-left: 0; }

.dropdown .button.hollow:hover, .accordion-menu .button.hollow:hover {
  border-color: #989898;
  color: #4b4543;
  background-color: transparent; }

/* Sono forzato a fare questi override del color se sono dentro alla topbar perchè ho cambiato il background ma non si è 
adattato il color dei menu dentro, quindi devo fare questi override di colore per i dropdown e per i drilldown. 
Sicuramente all'aggiornamento di Foundation qualcosa si romperà (Sui colori e le frecce dei dropdown)*/
/* Sono forzato a fare un override del color se dentro alla topbar perchè ho cambiato il background ma non si è adattato il color dei menu dentro */
@media print, screen and (min-width: 40em) {
  .top-bar {
    height: 3rem; } }

.top-bar a {
  color: #fefefe; }
  .top-bar a:hover {
    color: #fefefe;
    background-color: #645C59; }

.top-bar .button {
  color: #fefefe; }

.top-bar ul li {
  color: #fefefe; }

.top-bar .menu {
  /* Questa è la parte di override per i color dei dropdown, purtroppo per cambiare anche il colore della freccia 
		ho dovuto utilizzare dello stile preso dal component di Foundation _dropdown-menu.scss */
  /* Fine override color del dropdown */ }
  .top-bar .menu.drilldown a {
    background-color: #333333; }
  .top-bar .menu.dropdown .is-active > a {
    color: #fefefe; }
  .top-bar .menu.dropdown > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent; }
  .top-bar .menu.dropdown.vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #fefefe transparent transparent; }
  .top-bar .menu.dropdown.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fefefe; }
  @media print, screen and (min-width: 40em) {
    .top-bar .menu.dropdown.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      content: '';
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #fefefe transparent transparent; }
    .top-bar .menu.dropdown.medium-vertical > li.opens-left > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      content: '';
      border-left-width: 0;
      border-right-style: solid;
      border-color: transparent #fefefe transparent transparent; }
    .top-bar .menu.dropdown.medium-vertical > li.opens-right > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      content: '';
      border-right-width: 0;
      border-left-style: solid;
      border-color: transparent transparent transparent #fefefe; } }
  @media print, screen and (min-width: 64em) {
    .top-bar .menu.dropdown.large-horizontal > li.is-dropdown-submenu-parent > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      content: '';
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #fefefe transparent transparent; }
    .top-bar .menu.dropdown.large-vertical > li.opens-left > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      content: '';
      border-left-width: 0;
      border-right-style: solid;
      border-color: transparent #fefefe transparent transparent; }
    .top-bar .menu.dropdown.large-vertical > li.opens-right > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      content: '';
      border-right-width: 0;
      border-left-style: solid;
      border-color: transparent transparent transparent #fefefe; } }
  .top-bar .menu.dropdown .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #fefefe transparent transparent; }
  .top-bar .menu.dropdown .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fefefe; }

/* Fine override del colore tutti i dropdown */
.sr-chart {
  position: relative; }

.sr-chart-tooltip {
  background-color: white;
  display: none;
  position: absolute;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: center;
  max-width: 60%;
  border-style: solid;
  border-width: 0.5px;
  border-color: black; }
  .sr-chart-tooltip .progress {
    min-width: 17rem; }

/* Stile speciale per allineare gli elementi che vengono renderizzati dentro a questi container */
.sr-render-custom, .sr-render-raw {
  padding-top: 0.40656rem;
  padding-bottom: 0.40656rem; }

/* Fine stile speciale per allineare gli elementi che vengono renderizzati dentro a questi container */
/* Nuovo stile per i fieldset, è un override della classe custom di foundation fieldset */
.fieldset {
  margin: 0 0 0.5rem 0;
  padding: 12px;
  border: 1px solid #DDDDDD;
  margin: 2rem 0 0.5rem 0; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }
  .fieldset legend {
    margin-left: -13px;
    margin-top: -1.9375rem;
    padding-left: 0;
    padding-right: 0;
    float: left;
    line-height: 1; }
    .fieldset legend::after {
      height: 0.1875rem;
      display: block;
      background: #645C59;
      content: '';
      margin-top: 0.09375rem; }

/* Fine nuovo stile per i fieldset */
/* Override Accordion */
.accordion {
  margin-bottom: 0.525rem; }
  .accordion .accordion-item .accordion-title:hover, .accordion .accordion-item .accordion-title:focus {
    outline: none;
    color: #fefefe; }
  .accordion .accordion-item.is-active .accordion-title {
    background-color: #fefefe;
    color: #645C59;
    border-color: #cacaca; }
  .accordion .accordion-item.is-active .accordion-content {
    border-color: #cacaca; }
  .accordion .accordion-item[disabled], .accordion .accordion-item[readonly] {
    pointer-events: none; }
    .accordion .accordion-item[disabled] .accordion-title, .accordion .accordion-item[readonly] .accordion-title {
      background-color: #F5F5F5;
      color: #666666;
      border-color: #F5F5F5; }

/* Fine override Accordion */
/* Override Tabs */
.tabs {
  border: none; }
  .tabs .tabs-title {
    background-color: #645C59;
    border: 1px solid #57504d;
    border-bottom: none; }
    .tabs .tabs-title.is-active {
      border-color: #DDDDDD; }
      .tabs .tabs-title.is-active > a {
        box-shadow: 0 0.125rem 0 0 #fefefe; }
    .tabs .tabs-title > a:focus {
      outline: none; }
    .tabs .tabs-title:not(.is-active) > a:hover {
      color: #fefefe; }
    .tabs .tabs-title:not(.is-active) > a:focus {
      background-color: #146aa3;
      color: #fefefe; }
    .tabs .tabs-title[disabled], .tabs .tabs-title[readonly] {
      border-color: #DDDDDD;
      pointer-events: none; }
      .tabs .tabs-title[disabled] > a, .tabs .tabs-title[readonly] > a {
        background-color: #F5F5F5;
        color: #666666; }

.tabs-content {
  margin-bottom: 0.525rem;
  border: 1px solid #DDDDDD; }

/* Fine override Tabs */
/* Stile per le icone da posizionare nei titoli delle Tabs o di Accordion */
.icon-tab-control:before {
  line-height: 0.70rem;
  vertical-align: middle;
  font-size: 1.6rem; }

/* Fine stile per le icone da posizionare nei titoli delle Tabs o di Accordion */
/* Stile che mi serve per rimuovere la transition di css temporaneamente per poi pterla ripristinare togliendo la classe */
.disable-transition {
  transition: all 0s ease 0s !important; }

/* Fine stile che mi serve per rimuovere la transition di css temporaneamente per poi pterla ripristinare togliendo la classe */
/* Override colore icone menu laterale */
.application-menu-icon {
  color: #3d3d3d !important; }

/* Fine override colore icone menu laterale */
.sr-listbox-container, .sr-radiolistbox-container {
  display: inline-block;
  margin-bottom: 0.525rem; }
  .sr-listbox-container input[type='radio'], .sr-radiolistbox-container input[type='radio'] {
    margin-bottom: 0;
    vertical-align: middle; }
  .sr-listbox-container > div, .sr-radiolistbox-container > div {
    margin-bottom: .125rem; }
    .sr-listbox-container > div:last, .sr-radiolistbox-container > div:last {
      margin-bottom: 0; }
  .sr-listbox-container.horizontal > div, .sr-radiolistbox-container.horizontal > div {
    display: inline-block; }

.sr-listbox-container label {
  border: 2px solid transparent;
  padding: .25rem;
  margin-left: 0; }
  .sr-listbox-container label:hover {
    border-color: #cacaca; }
  .sr-listbox-container label.selected {
    border-color: #645C59; }

/* Qua forzo l'align-center dato a dei padri specifici anche su alcuni figli specifici */
.align-center.sr-buttongroup .button-group {
  justify-content: center; }

/* Fine stile per forzare l'align-center dato a dei padri specifici anche su alcuni figli specifici */
.long-operation-container {
  z-index: 1006;
  /* Safari */ }
  .long-operation-container .loader-small {
    border: 4px solid #f2f2f2;
    border-radius: 50%;
    border-top: 4px solid #1779ba;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle; }
  .long-operation-container .loader {
    border: 4px solid #f2f2f2;
    border-radius: 50%;
    border-top: 4px solid #1779ba;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    display: block;
    margin: 0 auto; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .long-operation-container .l-close {
    position: absolute;
    right: 3px;
    top: 0; }
  .long-operation-container .l-window {
    border: 1px solid #cccccc;
    display: block;
    overflow: auto;
    position: relative;
    background: #fff; }
  .long-operation-container.l-window-small {
    border: 1px solid #cccccc;
    display: block;
    overflow: auto;
    margin: auto;
    width: 54px;
    height: 3rem;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: #fff; }
  .long-operation-container .l-title {
    background: #eeeeee; }
  .long-operation-container.l-centered {
    display: block;
    overflow: auto;
    position: fixed;
    top: 35%;
    right: 0;
    bottom: 0;
    left: 0; }
  .long-operation-container .l-padding-small {
    line-height: 2.6rem; }
  .long-operation-container .l-padding {
    padding: 1rem; }
  .long-operation-container .l-margin-top {
    margin-top: .5rem; }
  .long-operation-container .l-text {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 5px;
    transform: translateY(-30%); }
  .long-operation-container .l-icon {
    font-size: 1rem; }

/* Questo stile mi serve per mettere l'input checkbox e la label nella stessa linea, Foundation 6 si comporta allo stesso modo, tuttavia razor tra 1 checkbox e la label renderizza un input hidden che rompe lo stile */
[type='checkbox'] + [type='hidden'] + label[for] {
  display: inline-block; }

/* Fine stile per checkbox e label for */
/* Stile per il summary */
.sr-summary-container > fieldset {
  margin-top: 0.375rem;
  background-color: #F9F9F9;
  padding: 0.375rem; }

.sr-summary-container .sr-summary-item {
  border-right: 1px solid #DDDDDD; }
  .sr-summary-container .sr-summary-item .sr-pseudoinput.sr-not-textbox-style {
    padding: 0; }
  .sr-summary-container .sr-summary-item .sr-pseudoinput.sr-not-textbox-style {
    margin-bottom: 0; }
  .sr-summary-container .sr-summary-item .sr-action > .button {
    margin: 0; }
  @media screen and (max-width: 39.99875em) {
    .sr-summary-container .sr-summary-item {
      flex: 50%;
      -ms-flex: 50%;
      align-items: center;
      border-right: medium none transparent; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .sr-summary-container .sr-summary-item {
      flex: 25%;
      -ms-flex: 25%;
      align-items: center; } }

/* Fine stile per il summary */
/* Stile per il FlowLayoutPanel */
.flow-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -0.525rem; }
  .flow-layout > div {
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 0.525rem; }

.flow-layout-vertical-align-bottom > .flow-layout {
  align-items: flex-end; }

.flow-layout-no-first-padding-left > .flow-layout > div:first-child {
  padding-left: 0; }

/* Fine stile per il FlowLayoutPanel */
/* Stile per il nostro magellan (Che al momento usiamo nei "TabControl" Sticky) */
.sr-magellan a {
  background-color: #645C59;
  color: #fefefe;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-right: 1px solid #57504d; }
  .sr-magellan a:hover {
    background-color: #57504d;
    color: #fefefe; }
  .sr-magellan a.is-active {
    background-color: #fefefe;
    color: #645C59; }

.sr-sticky {
  background-color: #fefefe;
  box-sizing: border-box;
  border-bottom: 1px solid transparent; }
  .sr-sticky.is-stuck {
    border-bottom: 1px solid #CCCCCC; }
    .sr-sticky.is-stuck .sr-magellan li:last {
      border-right: 1px solid #CCCCCC; }

/* Fine stile per il nostro magellan (Che al momento usiamo nei "TabControl" Sticky) */
/* Stile per aggiungere un nuovo livello di gradezza allo switch */
.switch.mini {
  height: 1.25rem; }
  .switch.mini .switch-paddle {
    width: 2.5rem;
    height: 1.25rem;
    font-size: 0.5rem; }
  .switch.mini .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 0.75rem;
    height: 0.75rem; }
  .switch.mini input:checked ~ .switch-paddle::after {
    left: 1.5rem; }

/* Fine stile per aggiungere un nuovo livello di gradezza allo switch */
/* Stile per aggiungere un nuovo stile di callout */
.callout.tertiary {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  border: 0 none transparent;
  border-radius: 0;
  background-color: #fefefe;
  color: #000000;
  border: 1px solid rgba(0, 0, 0, 0.25); }
  .callout.tertiary > :first-child {
    margin-top: 0; }
  .callout.tertiary > :last-child {
    margin-bottom: 0; }

/* Fine stile per aggiungere un nuovo stile di callout */
/* Stile per togliere il bordo all'iframe */
.content-iframe {
  border: none; }

/* Fine stile per togliere il bordo all'iframe */
/* Stile per adattare l'altezza degli input group, non so il perchè ma non c'è più height auto a seguito del passaggio alla v6.5.3, mi serve perchè se no mi si rompe la search bar */
.input-group-field {
  height: auto; }

/* Fine stile per adattare l'altezza degli input group */
/* Fix della reveal, perchè la reveal full non è in un container quindi ha lo z-index più alto rispetto alle altre */
.reveal {
  z-index: 1005; }

/* Fine Fix della reveal, perchè la reveal full non è in un container quindi ha lo z-index più alto rispetto alle altre */
/* Stile per togliere il triangolo fantasma delle select */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Fine stile per togliere il triangolo fantasma delle select */
/* Stile per titoli nelle reveal */
.reveal .sr-title {
  font-size: 1.6875rem; }
  .reveal .sr-title label {
    font-size: 1.6875rem; }

.reveal h2 {
  font-size: 1.6875rem; }

/* Fine stile per titoli nelle reveal */
.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr; }
  .datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 18px; }
    .datepicker.dropdown-menu th {
      padding: 4px 5px; }
    .datepicker.dropdown-menu td {
      padding: 4px 5px; }
  .datepicker table {
    border: 0;
    margin: 0;
    width: auto; }
    .datepicker table tr td span {
      display: block;
      width: 23%;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 1%;
      cursor: pointer; }
  .datepicker td {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker td.active.day, .datepicker td.active.year {
      background: #2ba6cb; }
    .datepicker td.old, .datepicker td.new {
      color: #999; }
    .datepicker td span.active {
      background: #2ba6cb; }
    .datepicker td.day.disabled {
      color: #eee; }
    .datepicker td span.month.disabled, .datepicker td span.year.disabled {
      color: #eee; }
    .datepicker td .nonMilitaryTime {
      font-size: 9px;
      height: 35px;
      line-height: 35px; }
  .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker th.active.day, .datepicker th.active.year {
      background: #2ba6cb; }
    .datepicker th.date-switch {
      width: 145px; }
    .datepicker th span.active {
      background: #2ba6cb; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }
  .datepicker.days div.datepicker-days {
    display: block; }
  .datepicker.months div.datepicker-months {
    display: block; }
  .datepicker.years div.datepicker-years {
    display: block; }
  .datepicker thead tr:first-child th {
    cursor: pointer; }
    .datepicker thead tr:first-child th.cw {
      cursor: default;
      background-color: transparent; }
  .datepicker tfoot tr:first-child th {
    cursor: pointer; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }
  .datepicker-rtl table tr td span {
    float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px; }

.datepicker > div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

/* Sovrascrivo questo stile per permettere nei configuratori di avere l'immagine inline */
/* Stile per posizionare l'immagine di Loading dentro l'input con autocomplete al caricamento della tendina, utilizzo l'immagine di default di jqeury posizionata dentro la cartella images allo stesso licello del css */
.ui-autocomplete-loading {
  background: white url("data:image/gif;base64,R0lGODlhEAAQAPMPALu7u5mZmTMzM93d3REREQAAAHd3d1VVVWZmZqqqqoiIiO7u7kRERCIiIgARAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAPACwAAAAAEAAQAEAEcPDJtyg6dUrFetDTIopMoSyFcxxD1krD8AwCkASDIlPaUDQLR6G1Cy0SgqIkE1IQGMrFAKCcGWSBzwPAnAwarcKQ15MpTMJYd1ZyUDXSDGelBY0qIoBh/ZoYGgELCjoxCRRvIQcGD1kzgSAgAACQDxEAIfkEBQcADwAsAAAAAA8AEAAABF3wyfkMkotOJpscRKJJwtI4Q1MAoxQ0RFBw0xEvhGAVRZZJh4JgMAEQW7TWI4EwGFjKR+CAQECjn8DoN0kwDtvBT8FILAKJgfoo1iAGAPNVY9DGJXNMIHN/HJVqIxEAIfkEBQcADwAsAAAAABAADwAABFrwyfmColgiydpaQiY5x9Ith7hURdIl0wBIhpCAjKIIxaAUPQ0hFQsAC7MJALFSFi4SgC4wyHyuCYNWxH3AuhSEotkNGAALAPqqkigG8MWAjAnM4A8594vPUyIAIfkEBQcADwAsAAAAABAAEAAABF3wySkDvdKsddg+APYIWrcg2DIRQAcU6DJICjIsjBEETLEEBYLqYSDdJoCGiHgZwG4LQCCRECEIBAdoF5hdEIWwgBJqDs7DgcKyRHZl3uUwuhm2AbNNW+LV7yd+FxEAIfkEBQcACAAsAAAAABAADgAABEYQyYmMoVgeWQrP3NYhBCgZBdAFRUkdBIAUguVVo1ZsWFcEGB5GMBkEjiCBL2a5ZAi+m2SAURExwKqPiuCafBkvBSCcmiYRACH5BAUHAA4ALAAAAAAQABAAAARs0MnpAKDYrbSWMp0xZIvBKYrXjNmADOhAKBiQDF5gGcICNAyJTwFYTBaDQ0HAkgwSmAUj0OkMrkZM4HBgKK7YTKDRICAo2clAEIheKc9CISjEVTuEQrJASGcSBQcSUFEUDQUXJBgDBW0Zj34RACH5BAUHAA8ALAAAAAAQABAAAARf8Mn5xqBYgrVC4EEmBcOSfAEjSopJMglmcQlgBYjE5NJgZwjCAbO4YBAJjpIjSiAQh5ayyRAIDKvJIbnIagoFRFdkQDQKC0RBsCIUFAWsT7RwG410R8HiiK0WBwJjFBEAIfkEBQcADgAsAQABAA8ADwAABFrQybEWADXJLUHHAMJxIDAgnrOo2+AOibEMh1LN62gIxphzitRoCDAYNcNN6FBLShao4WzwHDQKvVGhoFAwGgtFgQHENhoB7nCwHRAIC0EyUcC8Zw1ha3NIRgAAIfkEBQcADwAsAAAAABAAEAAABGDwyfnWoljaNYYFV+Zx3hCEGEcuypBtMJBISpClAWLfWODymIFiCJwMDMiZBNAAYFqUAaNQ2E0YBIXGURAMCo1AAsFYBBoIScBJEwgSVcmP0li4FwcHz+FpCCQMPCFINxEAIfkEBQcADgAsAAABABAADwAABFzQyemWXYNqaSXY2vVtw3UNmROM4JQowKKlFOsgRI6ASQ8IhSADFAjAMIMAgSYJtByxyQIhcEoaBcSiwegpDgvAwSBJ0AIHBoCQqIAEi/TCIAABGhLG8MbcKBQgEQAh+QQFBwAPACwAAAEAEAAPAAAEXfDJSd+qeK5RB8fDRRWFspyotAAfQBbfNLCVUSSdKDV89gDAwcFBIBgywMRnkWBgcJUDKSZRIKAPQcGwYByAAYTEEJAAJIGbATEQ+B4ExmK9CDhBd8ThdHw/AmUYEQAh+QQFBwAPACwAAAEADwAPAAAEXvBJQIa8+ILSspdHkXxS9wxF4Q3L2aTBeC0sFjhAtuyLIjAMhYc2GBgaSKGuyNoBDp7czFAgeBIKwC6kWCAMxUSAFjtNCAAFGGF5tCQLAaJnWCTqHoREvQuQJAkyGBEAOw==") right center no-repeat !important; }

/* Fine stile per posizionare l'immagine di Loading dentro l'input con autocomplete al caricamento della tendina, utilizzo l'immagine di default di jqeury posizionata dentro la cartella images allo stesso licello del css */
/* Questo è lo stile per la barra di pulsanti visibile solo in localhost che porta al pannello di controllo */
.debug-buttons-container {
  display: inline-block;
  position: fixed;
  bottom: 0;
  right: 7px;
  z-index: 99999;
  opacity: 0.2; }
  .debug-buttons-container:hover {
    opacity: 1; }

/* Fine stile per la barra di pulsanti visibile solo in localhost che porta al pannello di controllo */
/* Questa classe la metto nel body della vista del configuratore di Pratic in questo modo metto una img di sfondo gradevole */
.pratic-background {
  background-image: url("img/pratic_bg.jpg"); }

/* Fine classe che metto nel body della vista del configuratore di Pratic in questo modo metto una img di sfondo gradevole */
/* Stile che mi serve perchè altrimenti visto che nel body c'è un img di sfondo la vedrai anche tra i vari input ed è fastidioso */
.fieldset {
  background-color: #fefefe; }

/* Fine stile che mi serve perchè altrimenti visto che nel body c'è un img di sfondo la vedrai anche tra i vari input ed è fastidioso */
/* Stile per ingrandire solo le icone dentro i radio list box, hacketino per rendere le icone più leggibili */
.sr-radiolistbox .icon-standard:before {
  font-size: 1.8rem; }

/* Fine stile per ingrandire solo le icone dentro i radio list box, hacketino per rendere le icone più leggibili */
/* Stile per la posizione del logo poweredby */
body {
  position: relative; }

.poweredby-logo-container {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 7px;
  opacity: 0.5;
  transition: opacity .5s; }
  .poweredby-logo-container:hover {
    opacity: 1; }

/* Fine stile per la posizione del logo poweredby */
/* Stile per inserire un bordo alle immagine sotto al container dove viene applicata la classe */
.img-with-border .photobox {
  display: inline-block;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  padding: 0.3125rem; }

/* Stile per inserire un bordo alle immagine sotto al container dove viene applicata la classe */