@charset "UTF-8";
/* Primary */
/* Red */
/* Green */
/* Yellow */
/* Info */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-latin-regular.woff") format("woff"), url("../fonts/open-sans-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-latin-700.woff2") format("woff2"), url("../fonts/open-sans-latin-700.woff") format("woff"), url("../fonts/open-sans-latin-700.ttf") format("truetype"), url("../fonts/open-sans-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 600;
  src: url("../fonts/open-sans-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/open-sans-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-latin-600.woff2") format("woff2"), url("../fonts/open-sans-latin-600.woff") format("woff"), url("../fonts/open-sans-latin-600.ttf") format("truetype"), url("../fonts/open-sans-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* 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: #172b4d;
  -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.5rem; }

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

.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.5rem;
  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 #CFD3DC;
  border-radius: 0.5rem;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(23, 43, 77, 0.1);
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.215;
  color: #172b4d;
  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: #ECEEF1;
  cursor: auto; }

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

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: #172b4d; }
  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: #172b4d; }

.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.5rem 0 0 0.5rem; }
  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 0.5rem 0.5rem 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: #172b4d;
  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: 0.75rem;
  border: 1px solid #CFD3DC; }
  .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 #CFD3DC;
  border-radius: 0.5rem;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.215;
  color: #172b4d;
  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: #ECEEF1;
    cursor: auto; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

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

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

.form-error {
  display: none;
  margin-top: -0.375rem;
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #E8413A; }
  .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.4;
  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.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

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

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

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

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 1.75rem; }
  h2, .h2 {
    font-size: 1.5rem; }
  h3, .h3 {
    font-size: 1.25rem; }
  h4, .h4 {
    font-size: 1.125rem; }
  h5, .h5 {
    font-size: 1rem; }
  h6, .h6 {
    font-size: 0.875rem; } }

a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #1468a0; }
  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.4; }

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.4;
    color: #8a8a8a; }

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

abbr, abbr[title] {
  border-bottom: 1px dotted #172b4d;
  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: #172b4d; }

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

.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.31288rem 0.6875rem;
  border: 1px solid transparent;
  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.357;
  text-align: center;
  cursor: pointer;
  border-radius: 0.5rem;
  background-color: #1779ba;
  color: #fefefe; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #14679e;
    color: #fefefe; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #1779ba;
    color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #126195;
      color: #fefefe; }
  .button.secondary {
    background-color: #ECEEF1;
    color: #172b4d; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #b5bdc9;
      color: #172b4d; }
  .button.info {
    background-color: #40779F;
    color: #fefefe; }
    .button.info:hover, .button.info:focus {
      background-color: #335f7f;
      color: #fefefe; }
  .button.success {
    background-color: #69B761;
    color: #172b4d; }
    .button.success:hover, .button.success:focus {
      background-color: #4e9a46;
      color: #172b4d; }
  .button.warning {
    background-color: #FFCC07;
    color: #172b4d; }
    .button.warning:hover, .button.warning:focus {
      background-color: #d2a600;
      color: #172b4d; }
  .button.alert {
    background-color: #E8413A;
    color: #fefefe; }
    .button.alert:hover, .button.alert:focus {
      background-color: #d02018;
      color: #fefefe; }
  .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: #1779ba;
      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: #1779ba;
        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: #ECEEF1;
        color: #172b4d; }
    .button.disabled.info, .button[disabled].info {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.info, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #40779F;
        color: #fefefe; }
    .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: #69B761;
        color: #172b4d; }
    .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: #FFCC07;
        color: #172b4d; }
    .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: #E8413A;
        color: #fefefe; }
  .button.hollow {
    border: 0.0625rem solid #1779ba;
    color: #1779ba; }
    .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: #115b8c;
      color: #115b8c; }
      .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
        border: 0.0625rem solid #1779ba;
        color: #1779ba; }
    .button.hollow.primary {
      border: 0.0625rem solid #1779ba;
      color: #1779ba; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #115b8c;
        color: #115b8c; }
        .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
          border: 0.0625rem solid #1779ba;
          color: #1779ba; }
    .button.hollow.secondary {
      border: 0.0625rem solid #ECEEF1;
      color: #ECEEF1; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #a7b1be;
        color: #a7b1be; }
        .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
          border: 0.0625rem solid #ECEEF1;
          color: #ECEEF1; }
    .button.hollow.info {
      border: 0.0625rem solid #40779F;
      color: #40779F; }
      .button.hollow.info:hover, .button.hollow.info:focus {
        border-color: #305977;
        color: #305977; }
        .button.hollow.info:hover.disabled, .button.hollow.info:hover[disabled], .button.hollow.info:focus.disabled, .button.hollow.info:focus[disabled] {
          border: 0.0625rem solid #40779F;
          color: #40779F; }
    .button.hollow.success {
      border: 0.0625rem solid #69B761;
      color: #69B761; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #499042;
        color: #499042; }
        .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
          border: 0.0625rem solid #69B761;
          color: #69B761; }
    .button.hollow.warning {
      border: 0.0625rem solid #FFCC07;
      color: #FFCC07; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #c59c00;
        color: #c59c00; }
        .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
          border: 0.0625rem solid #FFCC07;
          color: #FFCC07; }
    .button.hollow.alert {
      border: 0.0625rem solid #E8413A;
      color: #E8413A; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #c31e17;
        color: #c31e17; }
        .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
          border: 0.0625rem solid #E8413A;
          color: #E8413A; }
  .button.clear {
    border: 0.0625rem solid #1779ba;
    color: #1779ba; }
    .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: #115b8c;
      color: #115b8c; }
      .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
        border: 0.0625rem solid #1779ba;
        color: #1779ba; }
    .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: 0.0625rem solid #1779ba;
      color: #1779ba; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #115b8c;
        color: #115b8c; }
        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
          border: 0.0625rem solid #1779ba;
          color: #1779ba; }
      .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: 0.0625rem solid #ECEEF1;
      color: #ECEEF1; }
      .button.clear.secondary:hover, .button.clear.secondary:focus {
        border-color: #a7b1be;
        color: #a7b1be; }
        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
          border: 0.0625rem solid #ECEEF1;
          color: #ECEEF1; }
      .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.info {
      border: 0.0625rem solid #40779F;
      color: #40779F; }
      .button.clear.info:hover, .button.clear.info:focus {
        border-color: #305977;
        color: #305977; }
        .button.clear.info:hover.disabled, .button.clear.info:hover[disabled], .button.clear.info:focus.disabled, .button.clear.info:focus[disabled] {
          border: 0.0625rem solid #40779F;
          color: #40779F; }
      .button.clear.info, .button.clear.info.disabled, .button.clear.info[disabled], .button.clear.info:hover, .button.clear.info:hover.disabled, .button.clear.info:hover[disabled], .button.clear.info:focus, .button.clear.info:focus.disabled, .button.clear.info:focus[disabled] {
        border-color: transparent; }
    .button.clear.success {
      border: 0.0625rem solid #69B761;
      color: #69B761; }
      .button.clear.success:hover, .button.clear.success:focus {
        border-color: #499042;
        color: #499042; }
        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
          border: 0.0625rem solid #69B761;
          color: #69B761; }
      .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: 0.0625rem solid #FFCC07;
      color: #FFCC07; }
      .button.clear.warning:hover, .button.clear.warning:focus {
        border-color: #c59c00;
        color: #c59c00; }
        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
          border: 0.0625rem solid #FFCC07;
          color: #FFCC07; }
      .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: 0.0625rem solid #E8413A;
      color: #E8413A; }
      .button.clear.alert:hover, .button.clear.alert:focus {
        border-color: #c31e17;
        color: #c31e17; }
        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
          border: 0.0625rem solid #E8413A;
          color: #E8413A; }
      .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.5em;
    display: inline-block;
    float: right;
    margin-left: 0.6875rem; }
  .button.dropdown.hollow::after, .button.dropdown.ghost::after, .button.dropdown.clear::after {
    border-top-color: #1779ba; }
  .button.dropdown.hollow.primary::after, .button.dropdown.ghost.primary::after, .button.dropdown.clear.primary::after {
    border-top-color: #1779ba; }
  .button.dropdown.hollow.secondary::after, .button.dropdown.ghost.secondary::after, .button.dropdown.clear.secondary::after {
    border-top-color: #ECEEF1; }
  .button.dropdown.hollow.info::after, .button.dropdown.ghost.info::after, .button.dropdown.clear.info::after {
    border-top-color: #40779F; }
  .button.dropdown.hollow.success::after, .button.dropdown.ghost.success::after, .button.dropdown.clear.success::after {
    border-top-color: #69B761; }
  .button.dropdown.hollow.warning::after, .button.dropdown.ghost.warning::after, .button.dropdown.clear.warning::after {
    border-top-color: #FFCC07; }
  .button.dropdown.hollow.alert::after, .button.dropdown.ghost.alert::after, .button.dropdown.clear.alert::after {
    border-top-color: #E8413A; }
  .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: start; }
  .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: 0.25rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    flex: 0 0 auto; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.expanded .button {
    flex: 1 1 0px; }
  .button-group.primary .button {
    background-color: #1779ba;
    color: #fefefe; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #126195;
      color: #fefefe; }
  .button-group.secondary .button {
    background-color: #ECEEF1;
    color: #172b4d; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #b5bdc9;
      color: #172b4d; }
  .button-group.info .button {
    background-color: #40779F;
    color: #fefefe; }
    .button-group.info .button:hover, .button-group.info .button:focus {
      background-color: #335f7f;
      color: #fefefe; }
  .button-group.success .button {
    background-color: #69B761;
    color: #172b4d; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #4e9a46;
      color: #172b4d; }
  .button-group.warning .button {
    background-color: #FFCC07;
    color: #172b4d; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #d2a600;
      color: #172b4d; }
  .button-group.alert .button {
    background-color: #E8413A;
    color: #fefefe; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #d02018;
      color: #fefefe; }
  .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: #172b4d; }
  .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.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe; }
  .label.primary {
    background: #1779ba;
    color: #fefefe; }
  .label.secondary {
    background: #ECEEF1;
    color: #172b4d; }
  .label.info {
    background: #40779F;
    color: #fefefe; }
  .label.success {
    background: #69B761;
    color: #172b4d; }
  .label.warning {
    background: #FFCC07;
    color: #172b4d; }
  .label.alert {
    background: #E8413A;
    color: #fefefe; }

.progress {
  height: 1rem;
  margin-bottom: 0.525rem;
  border-radius: 0.5rem;
  background-color: #E0E3E8; }
  .progress.primary .progress-meter {
    background-color: #1779ba; }
  .progress.secondary .progress-meter {
    background-color: #ECEEF1; }
  .progress.info .progress-meter {
    background-color: #40779F; }
  .progress.success .progress-meter {
    background-color: #69B761; }
  .progress.warning .progress-meter {
    background-color: #FFCC07; }
  .progress.alert .progress-meter {
    background-color: #E8413A; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba;
  border-radius: 0.5rem; }

.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;
  border-radius: 0.5rem; }

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

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.125rem;
  background-color: #1779ba;
  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.5rem;
  background-color: #1779ba;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #14679e; }
  .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.5rem;
  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.5rem;
    background: #fefefe;
    transition: all 0.25s ease-out;
    content: ''; }
  input:checked ~ .switch-paddle {
    background: #1779ba; }
    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.5rem; }
  table thead,
  table tbody,
  table tfoot {
    border: 0;
    background-color: #fefefe; }
  table caption {
    padding: 0.25rem;
    font-weight: bold; }
  table thead {
    background: #f8f8f8;
    color: #172b4d; }
  table tfoot {
    background: #f1f1f1;
    color: #172b4d; }
  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: #fefefe; }
  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: #1779ba;
  color: #FFFFFF; }
  .badge.primary {
    background: #1779ba;
    color: #FFFFFF; }
  .badge.secondary {
    background: #ECEEF1;
    color: #172b4d; }
  .badge.info {
    background: #40779F;
    color: #FFFFFF; }
  .badge.success {
    background: #69B761;
    color: #172b4d; }
  .badge.warning {
    background: #FFCC07;
    color: #172b4d; }
  .badge.alert {
    background: #E8413A;
    color: #FFFFFF; }

.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: #172b4d;
    cursor: default; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
  .breadcrumbs a {
    color: #1779ba; }
    .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.5rem;
  background-color: #f7f8f8;
  color: #172b4d; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #1779ba;
    color: #fefefe; }
  .callout.secondary {
    background-color: #eceef1;
    color: #172b4d; }
  .callout.info {
    background-color: #40779f;
    color: #fefefe; }
  .callout.success {
    background-color: #69b761;
    color: #172b4d; }
  .callout.warning {
    background-color: #ffcc07;
    color: #172b4d; }
  .callout.alert {
    background-color: #e8413a;
    color: #fefefe; }
  .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.5rem;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #172b4d; }
  .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: 18.75rem;
  padding: 0.375rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0.5rem;
  background-color: #fefefe;
  font-size: 0.875rem; }
  .dropdown-pane.is-opening {
    display: block; }
  .dropdown-pane.is-open {
    display: block;
    visibility: visible; }

.dropdown-pane.tiny {
  width: 30%; }

.dropdown-pane.small {
  width: 50%; }

.dropdown-pane.large {
  width: 80%; }

.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.5rem;
    font-size: 0.875rem;
    display: inline-block; }
  .pagination a,
  .pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0.5rem;
    color: #172b4d; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #1779ba;
    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: #172b4d; }

.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.5rem;
  background-color: #172b4d;
  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 #172b4d;
    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: #172b4d 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 #172b4d;
    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 #172b4d 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: #fefefe;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

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

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

.accordion-title {
  position: relative;
  display: block;
  padding: 0.8rem;
  border: 1px solid #146aa3;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #fefefe; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #146aa3;
    border-radius: 0 0 0.5rem 0.5rem; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #146aa3; }
  .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 #146aa3;
  border-bottom: 0;
  background-color: #fefefe;
  color: #172b4d; }
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #146aa3; }

.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(23, 43, 77, 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(23, 43, 77, 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: #1779ba; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1673b1; }

.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: #172b4d;
  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.5rem;
  box-shadow: 0 0 0 1px rgba(23, 43, 77, 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(23, 121, 186, 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:not(.button) {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.46906rem 0.5rem; }
  .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: #1779ba;
    color: #fefefe; }
  .menu .active > a {
    background: #1779ba;
    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 0.5rem;
    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: #172b4d;
    box-shadow: 0 7px 0 #172b4d, 0 14px 0 #172b4d;
    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 0.5rem; }

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

.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 0.3125rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #172b4d transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -0.15625rem;
    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: #172b4d 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 0.5rem;
  background: #fefefe; }

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #172b4d;
  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 0.5rem; }

.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 #fefefe;
    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 0.3125rem;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #172b4d;
  right: 1rem;
  left: auto; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.3125rem;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #172b4d 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 #fefefe 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 0.3125rem;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #172b4d transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -0.15625rem; }

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

.dropdown.menu > li.is-active > a:not(.button) {
  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 0.3125rem;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #172b4d transparent transparent;
  right: auto;
  left: 5px; }

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

@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 0.3125rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #172b4d transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -0.15625rem; }
  .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 0.3125rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #172b4d transparent transparent;
    right: auto;
    left: 5px; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.3125rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #172b4d; } }

@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 0.3125rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #172b4d transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -0.15625rem; }
  .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 0.3125rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #172b4d transparent transparent;
    right: auto;
    left: 5px; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.3125rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #172b4d; } }

.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: -0.3125rem; }
  .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: 31.25rem;
  border: none;
  background: #fefefe; }
  .dropdown .is-dropdown-submenu a {
    padding: 0.46906rem 0.5rem; }
  .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 0.3125rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #172b4d 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 0.3125rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #172b4d; }
  .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(158, 166, 180, 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(158, 166, 180, 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(23, 43, 77, 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(23, 43, 77, 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(23, 43, 77, 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(23, 43, 77, 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(23, 43, 77, 0.45);
  overflow-y: auto; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0.5rem;
  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.5rem;
  background: #fefefe;
  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.5rem;
  flex-wrap: wrap; }
  .top-bar,
  .top-bar ul {
    background-color: #fefefe; }
  .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 **************/
/***************************************/
/* Primary */
/* Default */
/* Navigation */
/* Border */
/* Elevation */
/* Transition */
/* Status */
/* Custom */
.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.0625rem;
    margin-right: .2rem;
    margin-top: 0.0625rem;
    margin-bottom: 0.15rem; }
    .sr-breadcrumbs.sr-wizard li::before {
      content: "";
      display: none; }
    .sr-breadcrumbs.sr-wizard li:first-child {
      margin-left: 0;
      border-radius: 0.5rem 0 0 0.5rem; }
      .sr-breadcrumbs.sr-wizard li:first-child a {
        border-radius: 0.5rem 0 0 0.5rem; }
    .sr-breadcrumbs.sr-wizard li a {
      background: #C5CAD4;
      padding: 0.5625rem 0.75rem;
      float: left;
      text-decoration: none;
      color: #FFFFFF;
      position: relative; }
      .sr-breadcrumbs.sr-wizard li a:hover {
        background: #14679e;
        color: #FFFFFF;
        text-decoration: none; }
        .sr-breadcrumbs.sr-wizard li a:hover::before {
          border-color: #14679e #14679e #14679e transparent; }
        .sr-breadcrumbs.sr-wizard li a:hover::after {
          border-left-color: #14679e; }
      .sr-breadcrumbs.sr-wizard li a::before {
        content: "";
        position: absolute;
        top: 1.0625rem;
        margin-top: -1.0625rem;
        border-width: 1.0625rem 0 1.0625rem 1.0625rem;
        border-style: solid;
        border-color: #C5CAD4 #C5CAD4 #C5CAD4 transparent;
        left: -1.0375rem; }
      .sr-breadcrumbs.sr-wizard li a::after {
        content: "";
        position: absolute;
        top: 1.0625rem;
        margin-top: -1.0625rem;
        border-top: 1.0625rem solid transparent;
        border-bottom: 1.0625rem solid transparent;
        border-left: 1.0625rem solid #C5CAD4;
        right: -1.0375rem; }
  .sr-breadcrumbs.sr-wizard .current {
    font-weight: bold;
    background: #1779ba;
    color: #FFFFFF; }
    .sr-breadcrumbs.sr-wizard .current::before {
      border-color: #1779ba #1779ba #1779ba transparent; }
    .sr-breadcrumbs.sr-wizard .current::after {
      border-left-color: #1779ba; }
    .sr-breadcrumbs.sr-wizard .current:hover {
      background: #14679e; }
      .sr-breadcrumbs.sr-wizard .current:hover::before {
        border-color: #14679e #14679e #14679e transparent; }
      .sr-breadcrumbs.sr-wizard .current:hover::after {
        border-left-color: #14679e; }
  .sr-breadcrumbs.sr-wizard .completed {
    background: #14679e;
    color: #FFFFFF; }
    .sr-breadcrumbs.sr-wizard .completed:before, .sr-breadcrumbs.sr-wizard .completed:after {
      border-left-color: #14679e; }
    .sr-breadcrumbs.sr-wizard .completed:before {
      border-color: #14679e #14679e #14679e transparent; }
  .sr-breadcrumbs.sr-wizard .disabled {
    pointer-events: none;
    cursor: default;
    opacity: .6; }
  .sr-breadcrumbs.sr-wizard > * {
    line-height: inherit;
    font-size: 0.75rem; }
  .sr-breadcrumbs.sr-wizard.fixed-dimension {
    line-height: 16px;
    margin-top: 3px;
    margin-bottom: 3px; }
    .sr-breadcrumbs.sr-wizard.fixed-dimension li {
      margin-left: 17px; }
    .sr-breadcrumbs.sr-wizard.fixed-dimension > * {
      font-size: 12px; }
    .sr-breadcrumbs.sr-wizard.fixed-dimension a {
      padding: 9px 12px; }
      .sr-breadcrumbs.sr-wizard.fixed-dimension a::before {
        top: 17px;
        margin-top: -17px;
        border-width: 17px 0 17px 17px;
        left: -16px; }
      .sr-breadcrumbs.sr-wizard.fixed-dimension a::after {
        top: 17px;
        margin-top: -17px;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 17px solid #1779ba;
        right: -16px; }

.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.75rem;
    position: relative;
    text-align: center;
    color: #1779ba;
    word-wrap: break-word;
    cursor: pointer; }
    @media screen and (max-width: 39.99875em) {
      .sr-breadcrumbs.sr-wizard-2 li {
        width: 20%; } }
    .sr-breadcrumbs.sr-wizard-2 li:before {
      width: 1.875rem;
      height: 1.875rem;
      content: counter(step);
      counter-increment: step;
      line-height: 1.875rem;
      border: 1px solid #1779ba;
      display: block;
      text-align: center;
      margin: 0 auto 0.625rem auto;
      border-radius: 50%;
      background-color: #fefefe;
      z-index: 1;
      position: relative; }
    .sr-breadcrumbs.sr-wizard-2 li:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #C5CAD4;
      top: 0.9375rem;
      left: -50%;
      z-index: 0; }
    .sr-breadcrumbs.sr-wizard-2 li:first-child:after {
      content: none; }
    .sr-breadcrumbs.sr-wizard-2 li.current {
      color: #fefefe; }
      .sr-breadcrumbs.sr-wizard-2 li.current:before {
        border-color: #1779ba;
        background-color: #1779ba; }
      .sr-breadcrumbs.sr-wizard-2 li.current:after {
        border-color: #1779ba;
        background-color: #1779ba; }
    .sr-breadcrumbs.sr-wizard-2 li.completed {
      color: #1779ba; }
      .sr-breadcrumbs.sr-wizard-2 li.completed:before {
        color: #1779ba;
        border-color: #1779ba;
        background-color: #fefefe; }
      .sr-breadcrumbs.sr-wizard-2 li.completed:after {
        border-color: #1779ba;
        background-color: #1779ba; }
    .sr-breadcrumbs.sr-wizard-2 li.disabled {
      pointer-events: none;
      cursor: default; }
      .sr-breadcrumbs.sr-wizard-2 li.disabled:before {
        color: #C5CAD4;
        border-color: #C5CAD4; }
      .sr-breadcrumbs.sr-wizard-2 li.disabled a {
        color: #C5CAD4; }
    .sr-breadcrumbs.sr-wizard-2 li:active:before {
      background: #E8F2F8; }
    .sr-breadcrumbs.sr-wizard-2 li a {
      display: block; }
      .sr-breadcrumbs.sr-wizard-2 li a:hover {
        color: #1779ba; }
    .sr-breadcrumbs.sr-wizard-2 li .badge-group {
      margin-top: .25rem; }

.sr-breadcrumbs.sr-wizard-3 ul {
  display: flex;
  list-style: none;
  counter-reset: step;
  margin-left: 0;
  margin-bottom: 0; }
  .sr-breadcrumbs.sr-wizard-3 ul li {
    width: 12.5rem;
    float: left;
    font-size: 0.75rem;
    position: relative;
    text-align: center;
    color: #1779ba;
    word-wrap: break-word;
    cursor: pointer;
    flex: 0 0 auto; }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      .sr-breadcrumbs.sr-wizard-3 ul li {
        width: 9.375rem; } }
    @media screen and (max-width: 39.99875em) {
      .sr-breadcrumbs.sr-wizard-3 ul li {
        width: 6.25rem; } }
    .sr-breadcrumbs.sr-wizard-3 ul li:before {
      width: 1.875rem;
      height: 1.875rem;
      content: counter(step);
      counter-increment: step;
      line-height: 1.875rem;
      border: 1px solid #1779ba;
      display: block;
      text-align: center;
      margin: 0 auto 0.625rem auto;
      border-radius: 50%;
      background-color: #fefefe;
      z-index: 1;
      position: relative; }
    .sr-breadcrumbs.sr-wizard-3 ul li:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #C5CAD4;
      top: 0.9375rem;
      left: -50%;
      z-index: 0; }
    .sr-breadcrumbs.sr-wizard-3 ul li:first-child:after {
      content: none; }
    .sr-breadcrumbs.sr-wizard-3 ul li.current {
      color: #fefefe; }
      .sr-breadcrumbs.sr-wizard-3 ul li.current:before {
        border-color: #1779ba;
        background-color: #1779ba; }
      .sr-breadcrumbs.sr-wizard-3 ul li.current:after {
        border-color: #1779ba;
        background-color: #1779ba; }
    .sr-breadcrumbs.sr-wizard-3 ul li.completed {
      color: #1779ba; }
      .sr-breadcrumbs.sr-wizard-3 ul li.completed:before {
        color: #1779ba;
        border-color: #1779ba;
        background-color: #fefefe; }
      .sr-breadcrumbs.sr-wizard-3 ul li.completed:after {
        border-color: #1779ba;
        background-color: #1779ba; }
    .sr-breadcrumbs.sr-wizard-3 ul li.disabled {
      pointer-events: none;
      cursor: default; }
      .sr-breadcrumbs.sr-wizard-3 ul li.disabled:before {
        color: #C5CAD4;
        border-color: #C5CAD4; }
      .sr-breadcrumbs.sr-wizard-3 ul li.disabled a {
        color: #C5CAD4; }
    .sr-breadcrumbs.sr-wizard-3 ul li:active:before {
      background: #E8F2F8; }
    .sr-breadcrumbs.sr-wizard-3 ul li a {
      display: block; }
      .sr-breadcrumbs.sr-wizard-3 ul li a:hover {
        color: #1779ba; }
    .sr-breadcrumbs.sr-wizard-3 ul li .badge-group {
      margin-top: .25rem; }

.sr-breadcrumbs.sr-wizard-3 .sr-horizontal-scroller-scroll-arrow-right, .sr-breadcrumbs.sr-wizard-3 .sr-horizontal-scroller-scroll-arrow-left {
  align-items: flex-start !important;
  top: -0.0625rem !important; }

.value-box {
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem;
  background: #fefefe;
  overflow: hidden;
  margin-bottom: 0.525rem; }
  .value-box .value-box-header {
    background: #1779ba;
    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;
      font-weight: 600; }
  .value-box .value-box-body {
    padding: .5rem 1rem; }
    .value-box .value-box-body .value-box-value {
      line-height: 3rem;
      font-size: 2rem;
      float: left; }
    .value-box .value-box-body .value-box-variation {
      line-height: 3rem;
      text-align: right;
      font-weight: bold;
      float: right; }
      .value-box .value-box-body .value-box-variation.better {
        color: #3bb155; }
      .value-box .value-box-body .value-box-variation.worse {
        color: #cc4b37; }
      .value-box .value-box-body .value-box-variation.equal {
        color: #1779ba; }

.tile-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  max-width: 100vw;
  background-color: #fefefe; }
  .tile-box .tile {
    display: flex;
    flex-direction: column;
    width: 11rem;
    padding: 1rem;
    border: 1px solid #CFD3DC;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    flex-grow: 0;
    flex-shrink: 0; }
    .tile-box .tile.wide {
      width: 22.5rem; }
    .tile-box .tile .header {
      height: 3.625rem;
      overflow: hidden;
      text-overflow: ellipsis; }
      .tile-box .tile .header .title {
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 2.5rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0; }
      .tile-box .tile .header .subtitle {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0; }
    .tile-box .tile .content {
      overflow: hidden; }
      .tile-box .tile .content .kpi {
        font-size: 1.75rem;
        font-weight: 600;
        display: flex;
        align-items: center; }
        .tile-box .tile .content .kpi .value {
          margin-right: 1rem; }
        .tile-box .tile .content .kpi .variation {
          font-size: 0.875rem;
          padding: .25rem .5rem;
          border-radius: 1rem;
          white-space: nowrap;
          color: black; }
          .tile-box .tile .content .kpi .variation.negative {
            background: #FDECEB; }
            .tile-box .tile .content .kpi .variation.negative i {
              color: #E8413A; }
          .tile-box .tile .content .kpi .variation.positive {
            background: #F0F8EF; }
            .tile-box .tile .content .kpi .variation.positive i {
              color: #69B761; }
          .tile-box .tile .content .kpi .variation.neutral {
            background: #ECF1F5; }
            .tile-box .tile .content .kpi .variation.neutral i {
              color: #40779F; }
    .tile-box .tile .footer {
      margin-top: auto;
      overflow: hidden;
      text-overflow: ellipsis; }
      .tile-box .tile .footer .tile-label {
        color: #5A6881;
        font-size: 0.875rem;
        margin-bottom: 0; }
  .tile-box.table {
    /* Fino a 1024px → 1 colonna */
    /* Da 1025 a 1440 1440px → 2 colonne */ }
    .tile-box.table .tile {
      flex: 0 0 calc(33.3% - 0.375rem); }
      .tile-box.table .tile .sr-table {
        margin-bottom: 0;
        margin-top: .5rem; }
    @media (max-width: 64rem) {
      .tile-box.table .tile {
        flex: 0 0 100%; } }
    @media (max-width: 90rem) and (min-width: 64.0625rem) {
      .tile-box.table .tile {
        flex: 0 0 calc(50% - 0.25rem); } }

.sr-banner {
  display: flex;
  padding: .5rem;
  border-radius: 0.5rem;
  font-size: .875rem; }
  .sr-banner i {
    font-size: 1.2rem;
    margin-right: .5rem;
    line-height: 1; }
  .sr-banner .title {
    font-weight: bold; }
  .sr-banner.info {
    background-color: #ECF1F5; }
    .sr-banner.info i {
      color: #40779F; }
  .sr-banner.warning {
    background-color: #FFEFB2; }
    .sr-banner.warning i {
      color: #FFCC07; }
  .sr-banner.error {
    background-color: #FDECEB; }
    .sr-banner.error i {
      color: #E8413A; }
  .sr-banner a {
    text-decoration: underline; }
  .sr-banner p {
    margin-bottom: 0; }
  .sr-banner .title {
    font-weight: bold; }

.hero-banner {
  flex-direction: column;
  padding: 2rem 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  background: #E8F2F8;
  border-radius: 1.5rem;
  margin-bottom: 1rem; }
  @media print, screen and (min-width: 64em) {
    .hero-banner {
      flex-direction: row;
      padding: 2rem;
      text-align: left; } }

:root {
  --skeleton-color: #ccc;
  --skeleton-icon-color: rgba(0, 0, 0, 0.25); }

.skeleton-block {
  height: 1em;
  background: var(--skeleton-color) !important;
  width: 100%;
  display: block; }

@font-face {
  font-family: 'skeleton';
  src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAYAAA0AAAAAESgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABoAAAAclcTxx09TLzIAAAFMAAAASwAAAGBRtV1jY21hcAAAAZgAAAC9AAABamglddJjdnQgAAACWAAAAAQAAAAEABEBRGdhc3AAAAJcAAAACAAAAAj//wADZ2x5ZgAAAmQAAACTAAAJdL6KsfZoZWFkAAAC+AAAAC4AAAA2GgvLb2hoZWEAAAMoAAAAGgAAACQC8ADFaG10eAAAA0QAAAATAAAAtAMAABFsb2NhAAADWAAAAK4AAACuaF5mEm1heHAAAAQIAAAAHwAAACAAmgA5bmFtZQAABCgAAAE5AAACNKbyxURwb3N0AAAFZAAAAJkAAADOCL0Ic3icY2BgYGQAgts30q6A6DvfXCthNABZwwgPAAB4nGNgYWRgnMDAysDA6MOYxsDA4A6lvzJIMrQwMDAxsHIywAAjAxIISHNNYWhgUGCoZTzw/wCDHuMBBgeYGsYDQB4DUI4RAOnYC70AeJxjYGBgZoBgGQZGBhBIAfIYwXwWBg8gzcfAwcDEwMagxKDFYM0QyxDPUPv/P1BcgUGNQYfBEchP/P///+P/D/7f/3/r/83/N6DmIAFGNga4ICMTkGBCVwB0AgsrkMHGzsHJxcDNw8vHLyAoJCwiKiYuISkFViMtIysnr6CopKyiqqauoamlraOrp29gaGRsYmpmzmDBYGllbWNrZ+/g6OTs4urm7uHp5e3j6+cfEBgUHBKK7iL6AwBJLiG7AAAAABEBRAAAAAH//wACeJztzrENwjAUBNA7O4nrXzBAREEHEm5dsERWyApZIStkBip7ggzCCmyAEmxCQYNESfG7r3un04eBAJjYwcLhGIlTSK7C/Ryb+haSNflEtCWuS5xcw0dILLkXLwcvexmHvme3XIU+rxFYZ4Jz3sROWiEuBgug9tXMh7lN21djxbu1Nf/pZzU1NTU1NbWf7QnZ5mwOAHicY2BkYGAAYrZdrHLx/DZfGbiZGEDgzjfXSgT9/wAjA+MBIJeDASwNAA4cCj0AAHicY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB4nGNkYBBkAAJGKB4KAAAOfQAVAAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C7AL6AwgDFgMkAzIDQANOA1wDagN4A4YDlAOiA7ADvgPMA9oD6AP2BAQEEgQgBC4EPARKBFgEZgR0BIIEkASeBKwEugAAeJxjYGRgYAhj4GBgYgABEMnIABJzYNADCQAADScA1AB4nH2PvW7CMBSFj/krXSpeoJKHDiAR6mRAFStSVIkFMWToFhErWCQkMmFAVR+hax+hY5+vY0+MWTqQ6Mqfj4/vPQbwgB8IXL4xNp4Fhvj03MEdvj138YRfzz0MxbPnPkbizfOA+gedonfP3drdallghHfPHc798tzFKzNcuMc+j577kOLF84D6HktUqHGGhUGOHRpIZt5iwjWCYoWYkhMUSJHRVbIslRXdKanVS/Yw7hTLqj5bk+8aOd5OZKSicCqTIs1Maaxc7VJbpGVtMjqP2EPzuubQCgcKe13opiJtKOY4ud6WW52fipQQO2PjVkuHdilnzCmxYP1veVHbNwSYs64vQlwdmriyuZbRTMmFvI4mRmEwD9rcNxMmFC0Nxs9R/EOXRLk0SLQ9GjZUKpwppeStbn/Mg1tYAAAAeJxdzlkzggEARuGn1EXUWEJFubJU1iyRJcbQJoRC9t/dn8k3XXZu3plz8c4RNmI4kAkmZJzXkQ2bEBEVM2lKXMK0GbPmJM1bsCglHTwsWZaVs2LVmnUb8gqKNm3ZtmPXnpJ9Bw4dKTt2ouLUmXMXqi5duXbjVk1dQ1PLnbZ7Dx51PHn2oqsXdL151/fh05dvP379/QOXKRMwAAAA") format("woff");
  font-weight: 100, 200, 300, 400, 500, 600, 700, 800, 900;
  font-style: normal, italic;
  font-display: block; }

.skeleton-text {
  font-family: 'skeleton' !important;
  user-select: none; }
  .skeleton-text,
  .skeleton-text * {
    color: var(--skeleton-color) !important;
    letter-spacing: -0.03em !important; }

.skeleton-image {
  display: inline-block; }
  .skeleton-image svg {
    max-width: 100%;
    height: auto; }
  .skeleton-image polygon {
    fill: var(--skeleton-color); }
  .skeleton-image path {
    fill: var(--skeleton-icon-color); }

.skeleton-avatar {
  display: inline-block; }
  .skeleton-avatar svg {
    max-width: 100%;
    height: auto; }
  .skeleton-avatar rect {
    fill: var(--skeleton-color); }
  .skeleton-avatar path {
    fill: var(--skeleton-icon-color); }

.skeleton-effect-blink, .skeleton-effect-wave {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  -webkit-mask-position: 50% top;
  mask-position: 50% top;
  animation: skeleton-effect-wave 1s infinite; }

.skeleton-effect-fade {
  animation: skeleton-effect-fade 1s infinite; }

.skeleton-effect-pulse {
  animation: skeleton-effect-pulse 1s infinite; }

@keyframes skeleton-effect-fade {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes skeleton-effect-wave {
  0% {
    -webkit-mask-position: 50% top;
    mask-position: 50% top; }
  100% {
    -webkit-mask-position: -150% top;
    mask-position: -150% top; } }

@keyframes skeleton-effect-pulse {
  0% {
    transform: scale(1); }
  40% {
    transform: scale(1); }
  50% {
    transform: scale(0.975); }
  100% {
    transform: scale(1); } }

/*
.sr-skeleton-red {
    --skeleton-color: red;
}
*/
:root {
  --skeleton-color: #ECEEF1;
  --skeleton-icon-color: rgba(0, 0, 0, 0.25); }

span.skeleton-text {
  margin-right: .5rem; }

.sr-buttongroup {
  /* Stile preso dal button-group ufficiale */
  /* Gli ho messo il contenuto del mixin di Foundation button-group-no-gaps */ }
  .sr-buttongroup.align-center .button-group {
    justify-content: center; }
  .sr-buttongroup.stacked > .button-group, .sr-buttongroup.stacked-for-small > .button-group, .sr-buttongroup.stacked-for-medium > .button-group {
    flex-wrap: wrap; }
    .sr-buttongroup.stacked > .button-group .sr-action, .sr-buttongroup.stacked-for-small > .button-group .sr-action, .sr-buttongroup.stacked-for-medium > .button-group .sr-action {
      flex: 0 0 100%; }
      .sr-buttongroup.stacked > .button-group .sr-action:last-child, .sr-buttongroup.stacked-for-small > .button-group .sr-action:last-child, .sr-buttongroup.stacked-for-medium > .button-group .sr-action:last-child {
        margin-bottom: 0; }
    .sr-buttongroup.stacked > .button-group > .sr-action > .button, .sr-buttongroup.stacked-for-small > .button-group > .sr-action > .button, .sr-buttongroup.stacked-for-medium > .button-group > .sr-action > .button {
      width: 100%;
      margin-right: 0; }
  .sr-buttongroup.stacked.expanded > .button-group .sr-action, .sr-buttongroup.stacked-for-small.expanded > .button-group .sr-action, .sr-buttongroup.stacked-for-medium.expanded > .button-group .sr-action {
    flex: 1 1 0px; }
  @media print, screen and (min-width: 40em) {
    .sr-buttongroup.stacked-for-small > .button-group .sr-action {
      flex: 0 0 auto;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .sr-buttongroup.stacked-for-medium > .button-group .sr-action {
      flex: 0 0 auto;
      margin-bottom: 0; } }
  @media screen and (max-width: 39.99875em) {
    .sr-buttongroup.stacked-for-small.expanded > .button-group {
      display: block; }
      .sr-buttongroup.stacked-for-small.expanded > .button-group .sr-action {
        display: block;
        margin-right: 0; } }
  @media screen and (max-width: 63.99875em) {
    .sr-buttongroup.stacked-for-medium.expanded > .button-group {
      display: block; }
      .sr-buttongroup.stacked-for-medium.expanded > .button-group .sr-action {
        display: block;
        margin-right: 0; } }
  .sr-buttongroup.no-gaps > .button-group > .sr-action > .button {
    margin-right: -0.0625rem; }
    .sr-buttongroup.no-gaps > .button-group > .sr-action > .button + .button {
      border-left-color: transparent; }
  .sr-buttongroup.no-gaps > .button-group > .sr-action:not(:first-child):not(:last-child) > .button {
    border-radius: 0; }
  .sr-buttongroup.no-gaps > .button-group > .sr-action:first-child > .button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .sr-buttongroup.no-gaps > .button-group > .sr-action:last-child > .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

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

.hideThis {
  display: none !important; }

.invisibleThisChildren {
  pointer-events: none; }
  .invisibleThisChildren * {
    visibility: hidden !important; }

.fakeHideThis {
  opacity: 0;
  position: absolute;
  z-index: -1; }

.noMargin {
  margin: 0 !important; }
  .noMargin.sr-action > .button {
    margin: 0 !important; }

.noMarginBottom {
  margin-bottom: 0 !important; }
  .noMarginBottom > .button-group, .noMarginBottom input, .noMarginBottom > .flow-layout, .noMarginBottom > .sr-pseudoinput, .noMarginBottom.sr-action > .button {
    margin-bottom: 0 !important; }

.noMarginTop {
  margin-top: 0 !important; }
  .noMarginTop.sr-action > .button {
    margin-top: 0 !important; }

.noMarginLeft {
  margin-left: 0 !important; }
  .noMarginLeft.sr-action > .button {
    margin-left: 0 !important; }

.noMarginRight {
  margin-right: 0 !important; }
  .noMarginRight.sr-action > .button {
    margin-right: 0 !important; }

.noPadding {
  padding: 0 !important; }
  .noPadding > .sr-pseudoinput-readonly {
    padding: 0 !important; }

.noPaddingTop {
  padding-top: 0 !important; }
  .noPaddingTop > .sr-pseudoinput-readonly {
    padding-top: 0 !important; }

.noPaddingBottom {
  padding-bottom: 0 !important; }
  .noPaddingBottom > .sr-pseudoinput-readonly {
    padding-bottom: 0 !important; }

.noPaddingLeft {
  padding-left: 0 !important; }
  .noPaddingLeft > .sr-pseudoinput-readonly {
    padding-left: 0 !important; }

.noPaddingRight {
  padding-right: 0 !important; }
  .noPaddingRight > .sr-pseudoinput-readonly {
    padding-right: 0 !important; }

.marginLeft {
  margin-left: 0.525rem; }

.marginRight {
  margin-right: 0.525rem; }

.marginTop {
  margin-top: 0.525rem; }

.marginBottom {
  margin-bottom: 0.525rem; }

.marginLeftAuto {
  margin-left: auto; }

.marginRightAuto {
  margin-right: auto; }

.marginTopAuto {
  margin-top: auto; }

.marginBottomAuto {
  margin-bottom: auto; }

/* CLASSI GENERICHE assegnate dai campi LayoutMode e Appearance della DynamicUI */
.padding-4 {
  padding: 0.25rem !important; }

.margin-4 {
  margin: 0.25rem !important; }

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

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

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

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

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

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

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

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

.padding-8 {
  padding: 0.5rem !important; }

.margin-8 {
  margin: 0.5rem !important; }

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

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

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

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

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

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

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

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

.padding-16 {
  padding: 1rem !important; }

.margin-16 {
  margin: 1rem !important; }

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

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

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

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

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

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

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

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

.margin-raw {
  margin: var(--margin-raw); }

.margin-top-raw {
  margin-top: var(--margin-top-raw); }

.margin-bottom-raw {
  margin-bottom: var(--margin-bottom-raw); }

.margin-left-raw {
  margin-left: var(--margin-left-raw); }

.margin-right-raw {
  margin-right: var(--margin-right-raw); }

.padding-raw {
  padding: var(--padding-raw); }

.padding-top-raw {
  padding-top: var(--padding-top-raw); }

.padding-bottom-raw {
  padding-bottom: var(--padding-bottom-raw); }

.padding-left-raw {
  padding-left: var(--padding-left-raw); }

.padding-right-raw {
  padding-right: var(--padding-right-raw); }

.width-full {
  width: 100%; }
  .width-full > .flow-layout {
    width: 100%; }

.width-fit {
  width: fit-content; }

.height-full {
  height: 100%; }
  .height-full > .flow-layout {
    height: 100%; }

.indentation-1 {
  padding-left: calc(1 * 1.5rem) !important; }

.indentation-2 {
  padding-left: calc(2 * 1.5rem) !important; }

.indentation-3 {
  padding-left: calc(3 * 1.5rem) !important; }

.indentation-4 {
  padding-left: calc(4 * 1.5rem) !important; }

.indentation-5 {
  padding-left: calc(5 * 1.5rem) !important; }

.aspect-ratio-16-9 .photobox, .aspect-ratio-raw .photobox {
  aspect-ratio: 16/9; }

.aspect-ratio-16-9 img, .aspect-ratio-raw img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.aspect-ratio-9-16 .photobox, .aspect-ratio-raw .photobox {
  aspect-ratio: 9/16; }

.aspect-ratio-9-16 img, .aspect-ratio-raw img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.aspect-ratio-4-3 .photobox, .aspect-ratio-raw .photobox {
  aspect-ratio: 4/3; }

.aspect-ratio-4-3 img, .aspect-ratio-raw img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.aspect-ratio-3-4 .photobox, .aspect-ratio-raw .photobox {
  aspect-ratio: 3/4; }

.aspect-ratio-3-4 img, .aspect-ratio-raw img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.aspect-ratio-1-1 .photobox, .aspect-ratio-raw .photobox {
  aspect-ratio: 1/1; }

.aspect-ratio-1-1 img, .aspect-ratio-raw img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.aspect-ratio-raw .photobox {
  aspect-ratio: var(--aspect-ratio-raw); }

.aspect-ratio-raw img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.with-border:not(.sr-fieldset), .with-flat-border:not(.sr-fieldset), .with-shadown:not(.sr-fieldset) {
  border: 1px solid #CFD3DC;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 0.525rem; }
  .with-border:not(.sr-fieldset).with-flat-border, .with-flat-border:not(.sr-fieldset).with-flat-border, .with-shadown:not(.sr-fieldset).with-flat-border {
    border-color: transparent;
    background-color: #F7F8F8; }
  .with-border:not(.sr-fieldset).with-shadown, .with-flat-border:not(.sr-fieldset).with-shadown, .with-shadown:not(.sr-fieldset).with-shadown {
    border-color: transparent;
    box-shadow: 0px 4px 4px rgba(23, 43, 77, 0.1); }
  .with-border:not(.sr-fieldset) > .flow-layout, .with-flat-border:not(.sr-fieldset) > .flow-layout, .with-shadown:not(.sr-fieldset) > .flow-layout {
    padding: 0; }

.with-border.sr-fieldset, .with-flat-border.sr-fieldset, .with-shadown.sr-fieldset {
  margin-bottom: 0.525rem; }
  .with-border.sr-fieldset > fieldset, .with-flat-border.sr-fieldset > fieldset, .with-shadown.sr-fieldset > fieldset {
    border: 1px solid #CFD3DC;
    padding: 1rem;
    border-radius: 0.5rem;
    margin: 0; }
    .with-border.sr-fieldset > fieldset:has(legend:not(:empty)), .with-flat-border.sr-fieldset > fieldset:has(legend:not(:empty)), .with-shadown.sr-fieldset > fieldset:has(legend:not(:empty)) {
      margin-top: 0;
      padding-top: 3.5rem; }
  .with-border.sr-fieldset.with-flat-border > fieldset, .with-flat-border.sr-fieldset.with-flat-border > fieldset, .with-shadown.sr-fieldset.with-flat-border > fieldset {
    border-color: transparent;
    background-color: #F7F8F8; }
  .with-border.sr-fieldset.with-shadown > fieldset, .with-flat-border.sr-fieldset.with-shadown > fieldset, .with-shadown.sr-fieldset.with-shadown > fieldset {
    border-color: transparent;
    box-shadow: 0px 4px 4px rgba(23, 43, 77, 0.1); }

.with-border.sr-buttongroup, .with-flat-border.sr-buttongroup, .with-shadown.sr-buttongroup {
  margin-bottom: 0.525rem; }
  .with-border.sr-buttongroup > .button-group, .with-flat-border.sr-buttongroup > .button-group, .with-shadown.sr-buttongroup > .button-group {
    margin-bottom: 0; }

.with-border.sr-textbox, .with-flat-border.sr-textbox, .with-shadown.sr-textbox {
  margin-bottom: 0.75rem; }
  .with-border.sr-textbox > input, .with-flat-border.sr-textbox > input, .with-shadown.sr-textbox > input {
    margin-bottom: 0; }

.without-border {
  border-color: transparent !important; }
  .without-border > .fieldset {
    border-color: transparent !important; }

.flex-direction-row > .flow-layout, .flex-direction-row > .button-group {
  flex-direction: row; }

.flex-direction-column > .flow-layout, .flex-direction-column > .button-group {
  flex-direction: column; }

.flex-no-gap > .flow-layout, .flex-no-gap.sr-table .sr-table-rows {
  gap: 0; }

.flex-gap-4 > .flow-layout, .flex-gap-4.sr-table .sr-table-rows {
  gap: .25rem; }

.flex-gap-8 > .flow-layout, .flex-gap-8.sr-table .sr-table-rows {
  gap: .5rem; }

.flex-gap-16 > .flow-layout, .flex-gap-16.sr-table .sr-table-rows {
  gap: 1rem; }

.gap-raw > .flow-layout, .gap-raw.sr-table .sr-table-rows {
  gap: var(--gap-raw); }

.grid-cols-2 > .flow-layout, .grid-cols-2.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-2 > .flow-layout, .grid-cols-2.sr-table .sr-table-rows {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-2 > .flow-layout, .grid-cols-2.sr-table .sr-table-rows {
      grid-template-columns: repeat(1, 1fr); } }
  .grid-cols-2 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-2.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

.grid-cols-3 > .flow-layout, .grid-cols-3.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-3 > .flow-layout, .grid-cols-3.sr-table .sr-table-rows {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-3 > .flow-layout, .grid-cols-3.sr-table .sr-table-rows {
      grid-template-columns: repeat(1, 1fr); } }
  .grid-cols-3 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-3.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

.grid-cols-4 > .flow-layout, .grid-cols-4.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(4, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-4 > .flow-layout, .grid-cols-4.sr-table .sr-table-rows {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-4 > .flow-layout, .grid-cols-4.sr-table .sr-table-rows {
      grid-template-columns: repeat(2, 1fr); } }
  .grid-cols-4 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-4.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

.grid-cols-5 > .flow-layout, .grid-cols-5.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(5, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-5 > .flow-layout, .grid-cols-5.sr-table .sr-table-rows {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-5 > .flow-layout, .grid-cols-5.sr-table .sr-table-rows {
      grid-template-columns: repeat(2, 1fr); } }
  .grid-cols-5 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-5.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

.grid-cols-6 > .flow-layout, .grid-cols-6.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(6, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-6 > .flow-layout, .grid-cols-6.sr-table .sr-table-rows {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-6 > .flow-layout, .grid-cols-6.sr-table .sr-table-rows {
      grid-template-columns: repeat(3, 1fr); } }
  .grid-cols-6 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-6.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

.grid-cols-7 > .flow-layout, .grid-cols-7.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(7, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-7 > .flow-layout, .grid-cols-7.sr-table .sr-table-rows {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-7 > .flow-layout, .grid-cols-7.sr-table .sr-table-rows {
      grid-template-columns: repeat(2, 1fr); } }
  .grid-cols-7 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-7.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

.grid-cols-8 > .flow-layout, .grid-cols-8.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(8, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-8 > .flow-layout, .grid-cols-8.sr-table .sr-table-rows {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-8 > .flow-layout, .grid-cols-8.sr-table .sr-table-rows {
      grid-template-columns: repeat(2, 1fr); } }
  .grid-cols-8 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-8.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

.grid-cols-9 > .flow-layout, .grid-cols-9.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(9, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-9 > .flow-layout, .grid-cols-9.sr-table .sr-table-rows {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-9 > .flow-layout, .grid-cols-9.sr-table .sr-table-rows {
      grid-template-columns: repeat(2, 1fr); } }
  .grid-cols-9 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-9.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

.grid-cols-10 > .flow-layout, .grid-cols-10.sr-table .sr-table-rows {
  display: grid;
  grid-template-columns: repeat(10, 1fr); }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .grid-cols-10 > .flow-layout, .grid-cols-10.sr-table .sr-table-rows {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 39.99875em) {
    .grid-cols-10 > .flow-layout, .grid-cols-10.sr-table .sr-table-rows {
      grid-template-columns: repeat(2, 1fr); } }
  .grid-cols-10 > .flow-layout.sr-table-rows > [data-sr-rulecontextentity] > div, .grid-cols-10.sr-table .sr-table-rows.sr-table-rows > [data-sr-rulecontextentity] > div {
    height: 100%; }

/* Fine CLASSI GENERICHE assegnate dai campi LayoutMode e Appearance della DynamicUI */
.min-width-0 {
  min-width: 0; }

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

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

.sr-row-container {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

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

.rotate_-90 {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg); }

.rotate_90 {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg); }

.flex-grow-1 {
  flex-grow: 1; }
  .flex-grow-1 > .flow-layout {
    flex-grow: 1; }

.flex-grow-2 {
  flex-grow: 2; }
  .flex-grow-2 > .flow-layout {
    flex-grow: 2; }

.positionSticky {
  position: sticky; }

.positionFixed {
  position: fixed; }

.topZero {
  top: 0; }

.bottomZero {
  bottom: 0; }

.smallElevation {
  z-index: 10; }

.mediumElevation {
  z-index: 100; }

.bigElevation {
  z-index: 1000; }

.first-row-sticky-top > .row:first-child {
  position: sticky;
  top: 0;
  z-index: 101; }

.last-row-sticky-bottom > .row:last-child {
  position: sticky;
  bottom: 0;
  z-index: 101; }

.background-color-white {
  background-color: #fefefe; }

.sr-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; }

.sr-line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; }
  .sr-line-clamp-1 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; }
  .sr-line-clamp-1.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; }

.sr-line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
  .sr-line-clamp-2 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .sr-line-clamp-2.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }

.sr-line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; }
  .sr-line-clamp-3 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }
  .sr-line-clamp-3.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }

.sr-line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden; }
  .sr-line-clamp-4 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden; }
  .sr-line-clamp-4.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden; }

.sr-line-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden; }
  .sr-line-clamp-5 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden; }
  .sr-line-clamp-5.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden; }

.sr-line-clamp-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden; }
  .sr-line-clamp-6 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden; }
  .sr-line-clamp-6.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden; }

.sr-line-clamp-7 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden; }
  .sr-line-clamp-7 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden; }
  .sr-line-clamp-7.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden; }

.sr-line-clamp-8 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden; }
  .sr-line-clamp-8 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden; }
  .sr-line-clamp-8.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden; }

.sr-line-clamp-9 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden; }
  .sr-line-clamp-9 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden; }
  .sr-line-clamp-9.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden; }

.sr-line-clamp-10 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden; }
  .sr-line-clamp-10 > .sr-pseudotextarea-readonly {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden; }
  .sr-line-clamp-10.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden; }

.sr-avoid-line-clamp {
  display: initial;
  -webkit-box-orient: initial;
  -webkit-line-clamp: unset;
  overflow: visible; }
  .sr-avoid-line-clamp > .sr-pseudotextarea-readonly {
    display: initial;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
    overflow: visible; }
  .sr-avoid-line-clamp.sr-markdown .markdown-renderer > .sr-can-be-cropped {
    display: initial;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
    overflow: visible; }

/* Stile per nascondere elementi quando stampiamo una pagina */
@media print {
  .outer-sidebar, .top-bar-container, .title-bar-container, .sr-footer-bottom {
    display: none; }
  .body-container.with-left-sidebar.is-expanded {
    padding-left: 0; } }

/**********************************************/
/************** Specific Classes **************/
/**********************************************/
/* Fix per PlannerJs, quando apro una reveal questa mette il body fixed e il body non occupa più il 100% della width */
body {
  width: 100%; }

/* Fix/Css reset dell'orribile outline di Chrome */
*:focus {
  outline: none; }

.interchange-body h2 {
  border-bottom: 1px solid #CFD3DC;
  margin: 1.25rem 0;
  padding-bottom: 0.625rem; }

.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: 6.25rem; }

.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: 48rem) {
  .project-header {
    height: 34.5rem; }
    .project-header h1 {
      font-size: 2.5em;
      margin-bottom: 0;
      margin-top: 10.9375rem; } }

.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: 1.875rem; }
  .intro a:visited {
    color: #A0D5E9;
    line-height: 1.875rem; }
  .intro a:hover {
    color: #CDEAF5;
    line-height: 1.875rem; }

code {
  color: #13A7C7; }

p a:hover, li a:hover {
  color: #14679E; }

@media screen and (min-width: 48rem) {
  .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: 4.375rem; }

.style2 {
  color: #2DAEBF;
  font-size: 4.375rem;
  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: 4.375rem;
  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: 4.375rem;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

.style5 {
  color: rgba(245, 159, 26, 0.8);
  font-size: 4.375rem;
  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; }

i.without-margin {
  margin-right: 0; }

i.fi-xlsx, i.fi-xls {
  color: #23A364; }

i.fi-docx, i.fi-doc {
  color: #2B7DD3; }

i.fi-pdf {
  color: #F40F02; }

i.fi-pptx, i.fi-ppt {
  color: #D3532F; }

.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; }

[type='text'] {
  box-shadow: none; }

/* 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: 1.5rem 0 0.625rem;
  clear: both;
  height: 2.5rem;
  padding: 0.3125rem;
  position: relative;
  text-align: center;
  border-top: solid 1px #f5f5f5; }
  .sr-footer-bottom .design-border {
    border-bottom: 1px solid #484848;
    margin-bottom: 1.5625rem;
    padding-bottom: 0.3125rem; }
  .sr-footer-bottom p.copyright {
    color: #5A6881;
    font-size: 0.75rem;
    margin: 0.375rem 0 0; }
    .sr-footer-bottom p.copyright a {
      color: #5A6881;
      padding: 0.1875rem 0.375rem; }
    .sr-footer-bottom p.copyright a:hover {
      color: #14679E; }

/*Fine stile per footer*/
/* Inizio stile per i button secondary selected che avranno lo stesso stile dei button seconday hover */
.menu.simple li + li {
  margin-left: 0;
  padding-left: 0 !important; }

.menu.simple.dropdown li:has(.sr-search-top-bar) {
  flex-grow: 1;
  max-width: calc(100% - .5rem); }

.menu.dropdown .dropdown-section, .menu .dropdown .dropdown-section, .menu.accordion-menu .dropdown-section {
  pointer-events: none; }
  .menu.dropdown .dropdown-section a, .menu .dropdown .dropdown-section a, .menu.accordion-menu .dropdown-section a {
    color: #67748A; }

.menu.dropdown li + .dropdown-section, .menu .dropdown li + .dropdown-section, .menu.accordion-menu li + .dropdown-section {
  margin-top: .5rem; }

.menu.dropdown li a:not(.button), .menu.dropdown li form > label, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style, .menu .dropdown li a:not(.button), .menu .dropdown li form > label, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style, .menu.accordion-menu li a:not(.button), .menu.accordion-menu li form > label, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style {
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  width: 100%;
  display: flex; }
  .menu.dropdown li a:not(.button) i, .menu.dropdown li form > label i, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style i, .menu .dropdown li a:not(.button) i, .menu .dropdown li form > label i, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style i, .menu.accordion-menu li a:not(.button) i, .menu.accordion-menu li form > label i, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style i {
    margin-right: .5rem; }
  .menu.dropdown li a:not(.button):hover, .menu.dropdown li form > label:hover, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:hover, .menu .dropdown li a:not(.button):hover, .menu .dropdown li form > label:hover, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:hover, .menu.accordion-menu li a:not(.button):hover, .menu.accordion-menu li form > label:hover, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:hover {
    color: #172b4d;
    background-color: #ECEEF1; }
    .menu.dropdown li a:not(.button):hover:active, .menu.dropdown li form > label:hover:active, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:hover:active, .menu .dropdown li a:not(.button):hover:active, .menu .dropdown li form > label:hover:active, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:hover:active, .menu.accordion-menu li a:not(.button):hover:active, .menu.accordion-menu li form > label:hover:active, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:hover:active {
      background: #E0E3E8; }
  .menu.dropdown li a:not(.button).selected, .menu.dropdown li form > label.selected, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.selected, .menu .dropdown li a:not(.button).selected, .menu .dropdown li form > label.selected, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.selected, .menu.accordion-menu li a:not(.button).selected, .menu.accordion-menu li form > label.selected, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.selected {
    background-color: #E8F2F8;
    color: #1779ba; }
    .menu.dropdown li a:not(.button).selected:focus, .menu.dropdown li form > label.selected:focus, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.selected:focus, .menu .dropdown li a:not(.button).selected:focus, .menu .dropdown li form > label.selected:focus, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.selected:focus, .menu.accordion-menu li a:not(.button).selected:focus, .menu.accordion-menu li form > label.selected:focus, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.selected:focus {
      background-color: #E8F2F8; }
  .menu.dropdown li a:not(.button):active:not(.button), .menu.dropdown li form > label:active:not(.button), .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:active:not(.button), .menu .dropdown li a:not(.button):active:not(.button), .menu .dropdown li form > label:active:not(.button), .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:active:not(.button), .menu.accordion-menu li a:not(.button):active:not(.button), .menu.accordion-menu li form > label:active:not(.button), .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:active:not(.button) {
    background: #E0E3E8; }
  .menu.dropdown li a:not(.button).hover:active, .menu.dropdown li form > label.hover:active, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.hover:active, .menu .dropdown li a:not(.button).hover:active, .menu .dropdown li form > label.hover:active, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.hover:active, .menu.accordion-menu li a:not(.button).hover:active, .menu.accordion-menu li form > label.hover:active, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.hover:active {
    background: #E8F2F8; }
  .menu.dropdown li a:not(.button).button.secondary.selected, .menu.dropdown li form > label.button.secondary.selected, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary.selected, .menu .dropdown li a:not(.button).button.secondary.selected, .menu .dropdown li form > label.button.secondary.selected, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary.selected, .menu.accordion-menu li a:not(.button).button.secondary.selected, .menu.accordion-menu li form > label.button.secondary.selected, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary.selected {
    background-color: #c3c9d3;
    color: #172b4d; }
  .menu.dropdown li a:not(.button).button.secondary:after, .menu.dropdown li form > label.button.secondary:after, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary:after, .menu .dropdown li a:not(.button).button.secondary:after, .menu .dropdown li form > label.button.secondary:after, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary:after, .menu.accordion-menu li a:not(.button).button.secondary:after, .menu.accordion-menu li form > label.button.secondary:after, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary:after {
    border-top-color: #172b4d !important; }
  .menu.dropdown li a:not(.button).button.secondary:hover, .menu.dropdown li form > label.button.secondary:hover, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary:hover, .menu .dropdown li a:not(.button).button.secondary:hover, .menu .dropdown li form > label.button.secondary:hover, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary:hover, .menu.accordion-menu li a:not(.button).button.secondary:hover, .menu.accordion-menu li form > label.button.secondary:hover, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.button.secondary:hover {
    background-color: #c3c9d3;
    color: #172b4d; }
  .menu.dropdown li a:not(.button):focus, .menu.dropdown li form > label:focus, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:focus, .menu .dropdown li a:not(.button):focus, .menu .dropdown li form > label:focus, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:focus, .menu.accordion-menu li a:not(.button):focus, .menu.accordion-menu li form > label:focus, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style:focus {
    background-color: #ECEEF1;
    outline: none; }
  .menu.dropdown li a:not(.button).delete-action-async, .menu.dropdown li a:not(.button)[data-sr-dataset-delete-url], .menu.dropdown li a:not(.button)[data-html-modal-delete], .menu.dropdown li form > label.delete-action-async, .menu.dropdown li form > label[data-sr-dataset-delete-url], .menu.dropdown li form > label[data-html-modal-delete], .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.delete-action-async, .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style[data-sr-dataset-delete-url], .menu.dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style[data-html-modal-delete], .menu .dropdown li a:not(.button).delete-action-async, .menu .dropdown li a:not(.button)[data-sr-dataset-delete-url], .menu .dropdown li a:not(.button)[data-html-modal-delete], .menu .dropdown li form > label.delete-action-async, .menu .dropdown li form > label[data-sr-dataset-delete-url], .menu .dropdown li form > label[data-html-modal-delete], .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.delete-action-async, .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style[data-sr-dataset-delete-url], .menu .dropdown li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style[data-html-modal-delete], .menu.accordion-menu li a:not(.button).delete-action-async, .menu.accordion-menu li a:not(.button)[data-sr-dataset-delete-url], .menu.accordion-menu li a:not(.button)[data-html-modal-delete], .menu.accordion-menu li form > label.delete-action-async, .menu.accordion-menu li form > label[data-sr-dataset-delete-url], .menu.accordion-menu li form > label[data-html-modal-delete], .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style.delete-action-async, .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style[data-sr-dataset-delete-url], .menu.accordion-menu li .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style[data-html-modal-delete] {
    color: #E8413A; }

.menu.dropdown li form > label, .menu .dropdown li form > label, .menu.accordion-menu li form > label {
  padding: 0.46906rem 0.5rem;
  font-weight: normal; }

.menu.dropdown li .button, .menu .dropdown li .button, .menu.accordion-menu li .button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0.525rem 0;
  padding: 0.31288rem 0.6875rem;
  border: 1px solid transparent;
  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.357;
  text-align: center;
  cursor: pointer;
  border-radius: 0.5rem;
  background-color: #1779ba;
  color: #FFFFFF; }
  [data-whatinput='mouse'] .menu.dropdown li .button, [data-whatinput='mouse'] .menu .dropdown li .button, [data-whatinput='mouse'] .menu.accordion-menu li .button {
    outline: 0; }
  .menu.dropdown li .button:hover, .menu.dropdown li .button:focus, .menu .dropdown li .button:hover, .menu .dropdown li .button:focus, .menu.accordion-menu li .button:hover, .menu.accordion-menu li .button:focus {
    background-color: #14679e;
    color: #FFFFFF; }

.menu.dropdown li.is-accordion-submenu-item a, .menu .dropdown li.is-accordion-submenu-item a, .menu.accordion-menu li.is-accordion-submenu-item a {
  font-weight: normal; }

.menu.dropdown li.is-active > .button.secondary, .menu .dropdown li.is-active > .button.secondary, .menu.accordion-menu li.is-active > .button.secondary {
  background-color: #c3c9d3;
  color: #172b4d; }

.menu.dropdown li.is-dropdown-submenu-parent a, .menu .dropdown li.is-dropdown-submenu-parent a, .menu.accordion-menu li.is-dropdown-submenu-parent a {
  color: #172b4d; }
  .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: #1779ba transparent transparent; }

.menu.dropdown li.is-dropdown-submenu-parent.is-active a:after, .menu.dropdown li.is-dropdown-submenu-parent.is-active a:hover:after, .menu .dropdown li.is-dropdown-submenu-parent.is-active a:after, .menu .dropdown li.is-dropdown-submenu-parent.is-active a:hover:after, .menu.accordion-menu li.is-dropdown-submenu-parent.is-active a:after, .menu.accordion-menu li.is-dropdown-submenu-parent.is-active a:hover:after {
  border-color: #1779ba transparent transparent; }

.title-bar .menu.dropdown li a, .title-bar .menu.dropdown li form > label, .title-bar .menu .dropdown li a, .title-bar .menu .dropdown li form > label, .title-bar .menu.accordion-menu li a, .title-bar .menu.accordion-menu li form > label {
  font-weight: 600; }
  .title-bar .menu.dropdown li a:hover, .title-bar .menu.dropdown li a.selected, .title-bar .menu.dropdown li form > label:hover, .title-bar .menu.dropdown li form > label.selected, .title-bar .menu .dropdown li a:hover, .title-bar .menu .dropdown li a.selected, .title-bar .menu .dropdown li form > label:hover, .title-bar .menu .dropdown li form > label.selected, .title-bar .menu.accordion-menu li a:hover, .title-bar .menu.accordion-menu li a.selected, .title-bar .menu.accordion-menu li form > label:hover, .title-bar .menu.accordion-menu li form > label.selected {
    color: #172b4d;
    background-color: #1779ba; }
  .title-bar .menu.dropdown li a.button:hover, .title-bar .menu.dropdown li form > label.button:hover, .title-bar .menu .dropdown li a.button:hover, .title-bar .menu .dropdown li form > label.button:hover, .title-bar .menu.accordion-menu li a.button:hover, .title-bar .menu.accordion-menu li form > label.button:hover {
    background-color: #14679E; }
  .title-bar .menu.dropdown li a.button:active, .title-bar .menu.dropdown li form > label.button:active, .title-bar .menu .dropdown li a.button:active, .title-bar .menu .dropdown li form > label.button:active, .title-bar .menu.accordion-menu li a.button:active, .title-bar .menu.accordion-menu li form > label.button:active {
    background-color: #105684; }

.title-bar .menu.dropdown li.is-dropdown-submenu-parent a.button.hollow:after, .title-bar .menu .dropdown li.is-dropdown-submenu-parent a.button.hollow:after, .title-bar .menu.accordion-menu li.is-dropdown-submenu-parent a.button.hollow:after {
  border-color: #1779ba transparent transparent; }

.title-bar .menu.dropdown .is-dropdown-submenu, .title-bar .menu .dropdown .is-dropdown-submenu, .title-bar .menu.accordion-menu .is-dropdown-submenu {
  border-radius: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
  .title-bar .menu.dropdown .is-dropdown-submenu a, .title-bar .menu .dropdown .is-dropdown-submenu a, .title-bar .menu.accordion-menu .is-dropdown-submenu a {
    font-weight: normal; }

.title-bar:not(.custom-title-bar) {
  background-color: #F7F8F8;
  overflow: hidden;
  border-radius: 1rem;
  padding-top: 1rem;
  position: relative;
  margin: .5rem; }
  .title-bar:not(.custom-title-bar):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 0.5rem solid #172b4d; }

.title-bar .menu.dropdown li a:hover, .title-bar .menu.dropdown li a:active, .title-bar .menu .dropdown li a:hover, .title-bar .menu .dropdown li a:active, .title-bar .menu.accordion-menu li a:hover, .title-bar .menu.accordion-menu li a:active {
  background: #ECEEF1;
  color: #172b4d; }
  .title-bar .menu.dropdown li a:hover:after, .title-bar .menu.dropdown li a:active:after, .title-bar .menu .dropdown li a:hover:after, .title-bar .menu .dropdown li a:active:after, .title-bar .menu.accordion-menu li a:hover:after, .title-bar .menu.accordion-menu li a:active:after {
    border-color: #172b4d transparent transparent; }

.title-bar .menu.dropdown li a.hover, .title-bar .menu.dropdown li a.active, .title-bar .menu .dropdown li a.hover, .title-bar .menu .dropdown li a.active, .title-bar .menu.accordion-menu li a.hover, .title-bar .menu.accordion-menu li a.active {
  background: #E8F2F8;
  color: #1779ba; }
  .title-bar .menu.dropdown li a.hover:after, .title-bar .menu.dropdown li a.active:after, .title-bar .menu .dropdown li a.hover:after, .title-bar .menu .dropdown li a.active:after, .title-bar .menu.accordion-menu li a.hover:after, .title-bar .menu.accordion-menu li a.active:after {
    /*transform: rotate(180deg);*/
    border-color: #1779ba transparent transparent; }
  .title-bar .menu.dropdown li a.hover:active, .title-bar .menu.dropdown li a.active:active, .title-bar .menu .dropdown li a.hover:active, .title-bar .menu .dropdown li a.active:active, .title-bar .menu.accordion-menu li a.hover:active, .title-bar .menu.accordion-menu li a.active:active {
    background-color: #E8F2F8;
    color: #1779ba; }
    .title-bar .menu.dropdown li a.hover:active:after, .title-bar .menu.dropdown li a.active:active:after, .title-bar .menu .dropdown li a.hover:active:after, .title-bar .menu .dropdown li a.active:active:after, .title-bar .menu.accordion-menu li a.hover:active:after, .title-bar .menu.accordion-menu li a.active:active:after {
      border-color: #1779ba transparent transparent; }

.title-bar .menu.dropdown li a:active, .title-bar .menu .dropdown li a:active, .title-bar .menu.accordion-menu li a:active {
  background: #E0E3E8;
  color: #172b4d; }

.title-bar .menu.dropdown li.is-active > a, .title-bar .menu .dropdown li.is-active > a, .title-bar .menu.accordion-menu li.is-active > a {
  background-color: #E8F2F8;
  color: #1779ba; }

/* Stile per badge */
.badge {
  border-radius: 9999rem;
  font-size: .75rem;
  font-weight: 600;
  padding: .25rem .5rem;
  display: flex;
  gap: .25rem;
  max-width: fit-content;
  flex-wrap: wrap;
  background: #1779ba;
  color: #fefefe; }
  .badge i {
    font-size: .8rem;
    margin-right: 0; }
  .badge.large {
    font-size: 1rem;
    padding: .375rem .625rem; }
    .badge.large i {
      font-size: 1.125rem; }

.icon-badge {
  border-radius: 9999rem;
  font-size: 1.25rem;
  width: fit-content;
  padding: 0;
  background: #1779ba;
  color: #fefefe; }
  .icon-badge i {
    margin-right: 0;
    width: 1lh;
    display: block;
    text-align: center;
    line-height: normal; }
  .icon-badge.large {
    font-size: 1.5rem; }

.badge.info, .icon-badge.info {
  background: #ECF1F5;
  color: #172b4d; }
  .badge.info i, .icon-badge.info i {
    color: #40779F; }
  .badge.info.contrast, .icon-badge.info.contrast {
    background: #40779F;
    color: #fefefe; }
    .badge.info.contrast i, .icon-badge.info.contrast i {
      color: #fefefe; }

.badge.secondary, .icon-badge.secondary {
  background: #E0E3E8;
  color: #172b4d; }
  .badge.secondary i, .icon-badge.secondary i {
    color: #67748A; }
  .badge.secondary.contrast, .icon-badge.secondary.contrast {
    background: #67748A;
    color: #fefefe; }
    .badge.secondary.contrast i, .icon-badge.secondary.contrast i {
      color: #fefefe; }

.badge.warning, .icon-badge.warning {
  background: #FFEFB2;
  color: #172b4d; }
  .badge.warning i, .icon-badge.warning i {
    color: #FFCC07; }
  .badge.warning.contrast, .icon-badge.warning.contrast {
    background: #FFCC07;
    color: #172b4d; }
    .badge.warning.contrast i, .icon-badge.warning.contrast i {
      color: #172b4d; }

.badge.error, .icon-badge.error {
  background: #FDECEB;
  color: #172b4d; }
  .badge.error i, .icon-badge.error i {
    color: #E8413A; }
  .badge.error.contrast, .icon-badge.error.contrast {
    background: #E8413A;
    color: #fefefe; }
    .badge.error.contrast i, .icon-badge.error.contrast i {
      color: #fefefe; }

.badge.success, .icon-badge.success {
  background: #F0F8EF;
  color: #172b4d; }
  .badge.success i, .icon-badge.success i {
    color: #69B761; }
  .badge.success.contrast, .icon-badge.success.contrast {
    background: #69B761;
    color: #172b4d; }
    .badge.success.contrast i, .icon-badge.success.contrast i {
      color: #172b4d; }

/* Fine stile per badge */
.button {
  color: #FFFFFF;
  box-sizing: border-box;
  border-radius: 0.5rem;
  font-weight: 600;
  /* Modifica stile button hollow*/
  /* Fine modifica stile button hollow*/
  /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
  transition: box-shadow 0.15s ease-in-out;
  /* Forzo le label con classe button ad avere lo stesso font-weight degli altri button */
  /*
	Dobbiamo trovare un modo per dare un margine destro all'icona quando il button contiene icona + testo
	span{
		i{
			margin-right: 0px;
		}
		&:has(:nth-child(2)){
			i{
				margin-right: 4px;
			}
		}
	}*/ }
  .button.secondary.selected {
    background-color: #c3c9d3;
    color: #172b4d; }
  .button.secondary:after {
    border-top-color: #172b4d !important; }
  .button.secondary:hover {
    background-color: #c3c9d3;
    color: #172b4d; }
  .button > *:last-child {
    margin-right: 0 !important; }
  .button:hover {
    color: #FFFFFF;
    background-color: #14679E; }
  .button:active {
    background-color: #105684; }
  .button.icon {
    padding: 0.31288rem !important; }
    .button.icon i {
      display: block;
      width: 1lh; }
    .button.icon[class*="fi-"] {
      width: calc(1lh + 0.75075rem); }
  .button.hollow {
    border-color: #CFD3DC;
    border-width: 1px;
    background-color: #fefefe; }
    .button.hollow[disabled], .button.hollow.disabled {
      border-color: #CFD3DC !important;
      background-color: #fefefe !important; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #14679E;
      color: #14679E;
      background-color: #fefefe; }
    .button.hollow.active, .button.hollow.selected, .button.hollow.hover {
      background-color: #E8F2F8;
      border-color: #1779ba; }
    .sr-action.active > .button.hollow {
      background-color: #E8F2F8;
      border-color: #1779ba; }
    .button.hollow:active {
      border-color: #105684;
      color: #105684;
      background-color: #E8F2F8; }
    .danger > .button.hollow, .button.hollow.danger {
      background-color: #fefefe;
      color: #E8413A;
      border-color: #E8413A; }
      .danger > .button.hollow:hover, .button.hollow.danger:hover {
        color: #D33B35;
        background-color: #FDECEB;
        border-color: #D33B35; }
      .danger > .button.hollow:active, .button.hollow.danger:active {
        color: #A52E29;
        background-color: #FDECEB;
        border-color: #A52E29; }
  .button.ghost {
    border: 1px solid transparent;
    background: none;
    color: #1779ba; }
    .button.ghost[disabled], .button.ghost.disabled {
      color: #1779ba !important;
      background: none !important; }
    .button.ghost.active {
      background: #E8F2F8;
      color: #1779ba; }
    .sr-action.active > .button.ghost {
      background: #E8F2F8;
      color: #1779ba; }
    .button.ghost:active {
      background: #E8F2F8;
      color: #1779ba; }
    .button.ghost:hover {
      background: #ECEEF1; }
    .danger > .button.ghost, .button.ghost.danger {
      background-color: transparent;
      color: #E8413A; }
      .danger > .button.ghost:hover, .button.ghost.danger:hover {
        color: #D33B35;
        background-color: #FDECEB; }
      .danger > .button.ghost:active, .button.ghost.danger:active {
        color: #A52E29;
        background-color: #FDECEB; }
  .button:focus {
    outline: none; }
  .button:focus-visible, .button:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
    border-color: #1779ba; }
  label.button {
    font-weight: 600; }
  @media print, screen and (min-width: 40em) {
    .button.tiny {
      padding: 0.1875rem 0.3125rem;
      font-size: 0.6rem;
      line-height: 1.33; }
      .button.tiny.icon {
        padding: 0.1875rem !important; }
        .button.tiny.icon i {
          display: block;
          width: 1lh; }
        .button.tiny.icon[class*="fi-"] {
          width: calc(1lh + 0.5rem); } }
  @media print, screen and (min-width: 40em) {
    .button.tiny.chip {
      padding: 0.3125rem 0.4375rem !important;
      font-size: 0.75rem !important; } }
  @media print, screen and (min-width: 40em) {
    .button.small {
      padding: 0.3125rem 0.4375rem;
      font-size: 0.75rem;
      line-height: 1.33; }
      .button.small.icon {
        padding: 0.3125rem !important; }
        .button.small.icon i {
          display: block;
          width: 1lh; }
        .button.small.icon[class*="fi-"] {
          width: calc(1lh + 0.75rem); } }
  @media print, screen and (min-width: 40em) {
    .button.small.chip {
      padding: 0.1875rem 0.3125rem !important;
      font-size: 0.6rem !important; } }
  .button.large {
    padding: 0.6875rem 1.4375rem;
    font-size: 1.25rem; }
    .button.large.icon {
      padding: 0.6875rem !important; }
      .button.large.icon i {
        display: block;
        width: 1lh; }
      .button.large.icon[class*="fi-"] {
        width: calc(1lh + 1.5rem); }
    .button.large.chip {
      padding: 0.31288rem 0.6875rem;
      font-size: 0.875rem; }
  label.button {
    font-weight: 600; }
  .danger > .button, .button.danger {
    background-color: #E8413A;
    /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
    transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
    .danger > .button:focus, .button.danger:focus {
      outline: none; }
    .danger > .button:focus-visible, .danger > .button:focus-within, .button.danger:focus-visible, .button.danger:focus-within {
      box-shadow: 0 0 0 0.25rem rgba(232, 65, 58, 0.13);
      border-color: #E8413A; }
    .danger > .button:hover, .button.danger:hover {
      background-color: #D33B35; }
    .danger > .button:active, .button.danger:active {
      background-color: #A52E29; }
  .button i {
    margin-right: 0; }
  .button.chip {
    border-radius: 1rem; }
    @media print, screen and (min-width: 40em) {
      .button.chip {
        padding: 0.3125rem 0.4375rem;
        font-size: 0.75rem;
        line-height: 1.33; }
        .button.chip.icon {
          padding: 0.3125rem !important; }
          .button.chip.icon i {
            display: block;
            width: 1lh; }
          .button.chip.icon[class*="fi-"] {
            width: calc(1lh + 0.75rem); } }

.sr-action.ghost .button {
  border: 1px solid transparent;
  background: none;
  color: #1779ba; }
  .sr-action.ghost .button[disabled], .sr-action.ghost .button.disabled {
    color: #1779ba !important;
    background: none !important; }
  .sr-action.ghost .button.active {
    background: #E8F2F8;
    color: #1779ba; }
  .sr-action.active > .sr-action.ghost .button {
    background: #E8F2F8;
    color: #1779ba; }
  .sr-action.ghost .button:active {
    background: #E8F2F8;
    color: #1779ba; }
  .sr-action.ghost .button:hover {
    background: #ECEEF1; }
  .danger > .sr-action.ghost .button, .sr-action.ghost .button.danger {
    background-color: transparent;
    color: #E8413A; }
    .danger > .sr-action.ghost .button:hover, .sr-action.ghost .button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB; }
    .danger > .sr-action.ghost .button:active, .sr-action.ghost .button.danger:active {
      color: #A52E29;
      background-color: #FDECEB; }

/* 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-bottom: 1px solid #E8413A !important; }

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

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

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

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

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

.sr-input-validation-info {
  border-bottom: 1px solid #40779F !important; }

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

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

/* 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: -0.0625rem;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #E8413A;
  border-radius: 0.5rem;
  color: #fefefe;
  z-index: 2;
  min-width: 15rem; }
  span.sr-error.is-in-reveal, small.sr-error.is-in-reveal, span.sr-field-validation-error.is-in-reveal {
    z-index: 1005; }

span.sr-warning, small.sr-warning {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.75rem;
  margin-top: -0.0625rem;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #FFCC07;
  border-radius: 0.5rem;
  color: #233656;
  z-index: 2;
  min-width: 7.5rem; }
  span.sr-warning.is-in-reveal, small.sr-warning.is-in-reveal {
    z-index: 1005; }

span.sr-info, small.sr-info {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.75rem;
  margin-top: -0.0625rem;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #40779F;
  border-radius: 0.5rem;
  color: #fefefe;
  z-index: 2;
  min-width: 7.5rem; }
  span.sr-info.is-in-reveal, small.sr-info.is-in-reveal {
    z-index: 1005; }

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

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

/* 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: #233656;
    border-right: 1px solid #CFD3DC;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #F7F8F8; }
    table thead tr th:last-child {
      border-right: none; }
    table thead tr th:has(a.hover) {
      background: #E8F2F8; }
    table thead tr th a {
      color: #172b4d;
      line-height: 1.5; }
      table thead tr th a.hover {
        color: #1779ba; }
    table thead tr th.ui-resizable {
      position: -webkit-sticky;
      position: sticky; }

table tbody tr.sr-odd {
  background-color: #fff; }

table tbody tr.sr-even {
  background-color: #fff; }

table tbody tr:not(:last-child) {
  border-bottom: 1px solid #CFD3DC; }

table tbody tr.sr-table-rows-placeholder {
  background-color: transparent;
  background: linear-gradient(180deg, #CFD3DC 1px, transparent 1px) 0 0;
  background-size: 3rem 3rem;
  background-position: 0 -0.0625rem; }

table tbody tr.input_dataset_container {
  border-radius: 0.5rem; }
  table tbody tr.input_dataset_container.selected {
    background: #E8F2F8; }

table tbody tr td {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.125rem;
  vertical-align: top;
  /*
				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;
				}
				*/ }
  table tbody tr td .button-group {
    margin-bottom: 0; }
    table tbody tr td .button-group .button {
      margin-bottom: 0.0625rem; }
  table tbody tr td:last-child {
    border-right: none; }

table tbody tr:has(td.sr-draggable-data-dragging) {
  background-color: #E0E3E8 !important; }

table tbody tr:has(.button.hollow.active) {
  background: #E8F2F8; }

table tbody tr:has(td a.hover:not(.event-anc-action)) {
  background: #E8F2F8; }

table tfoot tr td {
  font-size: 0.875rem;
  line-height: 1.125rem;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 2;
  background-color: white;
  box-shadow: 0 0 0 1px #CFD3DC inset;
  padding: 0.525rem;
  text-align: center;
  font-weight: normal;
  border-radius: 4px; }
  table tfoot tr td:has(.long-operation-container):hover {
    box-shadow: 0px 0px 0px 1px #14679E inset; }
  table tfoot tr td:has(.long-operation-container):active {
    background: #E8F2F8; }
  table tfoot tr td > span {
    vertical-align: sub; }
  table tfoot tr td .long-operation-container {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle; }
    table tfoot tr td .long-operation-container .loader {
      width: 1.125rem;
      height: 1.125rem; }

/* 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: #D6ECF9 !important; }
  i.highlight-neutral {
    color: #fefefe; }

.sr-table-container {
  margin-bottom: 0.525rem;
  overflow: auto;
  /* Stile per aggiungere un'ombra laterale per far capire che la tabella é scrollabile orizzontalmente */
  background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), transparent) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 4em 100%, 4em 100%, 1.4em 100%, 1.4em 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll;
  position: relative; }
  .sr-table-container > table {
    margin-bottom: 0; }
    .sr-table-container > table > tbody {
      background-color: transparent; }

/* 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 .sr-table-container {
  background-color: transparent;
  background: transparent; }
  .unstriped-table.without-background .sr-table-container table tbody {
    background-color: transparent; }
    .unstriped-table.without-background .sr-table-container table tbody tr {
      background-color: transparent; }
      .unstriped-table.without-background .sr-table-container table tbody tr td {
        border-color: transparent; }

.sr-table {
  position: relative; }

.sr-table-actions, .sr-webapp-table-actions {
  position: absolute;
  top: 0;
  padding: 0.25rem;
  padding-bottom: 0.0625rem;
  padding-right: 0.525rem;
  background-color: #F7F8F8;
  z-index: 3;
  cursor: pointer;
  display: inline-block;
  visibility: visible;
  opacity: .8;
  font-size: 0.875rem;
  line-height: 1.5; }
  .sr-table-actions:hover, .sr-webapp-table-actions:hover {
    opacity: 1; }
  @media print, screen and (min-width: 64em) {
    .sr-table-actions, .sr-webapp-table-actions {
      visibility: hidden; } }

.sr-webapp-table-actions {
  right: 0; }

.sr-table-current-actions {
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem;
  padding: .5rem; }
  .sr-table-current-actions .button {
    margin-bottom: 0; }

.sr-table-actions {
  right: 1.5875rem; }
  .sr-table-actions:before {
    line-height: 1.5; }

.sr-table th.ui-resizable .ui-resizable-handle, .sr-webapp-table-resizable th.ui-resizable .ui-resizable-handle {
  width: 0.9375rem !important;
  min-width: 0.4375rem; }
  .sr-table th.ui-resizable .ui-resizable-handle:hover:before, .sr-table th.ui-resizable .ui-resizable-handle:active:before, .sr-webapp-table-resizable th.ui-resizable .ui-resizable-handle:hover:before, .sr-webapp-table-resizable th.ui-resizable .ui-resizable-handle:active:before {
    content: "";
    position: absolute;
    top: 0;
    right: 3px;
    width: 0.25rem;
    height: 100vh;
    background: #1779ba; }

@media print, screen and (min-width: 64em) {
  .sr-table:hover .sr-table-actions, .sr-table:hover .sr-webapp-table-actions, .sr-webapp-table-resizable-container:hover .sr-table-actions, .sr-webapp-table-resizable-container:hover .sr-webapp-table-actions {
    visibility: visible; } }

.sr-webapp-table-resized, .sr-table-resized {
  table-layout: fixed !important;
  width: 0% !important; }

.sr-webapp-table-resizable-container {
  position: relative; }

/* 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 i bottoni dentro alle tabelle della stessa altezza degli input */
.sr-table {
  margin-bottom: 0.525rem; }
  .sr-table .sr-pseudoinput {
    overflow: hidden !important;
    background: rgba(254, 254, 254, 0.8); }
    .sr-table .sr-pseudoinput:read-only {
      background: transparent; }
    .sr-table .sr-pseudoinput[disabled][data-sr-textbox-with-format-code], .sr-table .sr-pseudoinput[readonly][data-sr-textbox-with-format-code] {
      text-overflow: ellipsis; }
  .sr-table .markdown-renderer.markdown-view-mode {
    padding-top: 0.40656rem; }
  .sr-table .button-group {
    width: fit-content; }
  .sr-table thead tr th label {
    font-weight: bold; }
  .sr-table tbody .row {
    box-sizing: border-box; }
  .sr-table tbody tr {
    transition: .1s ease; }
    .sr-table tbody tr:not(.sr-table-rows-placeholder):hover {
      background: #ECEEF1; }
      .sr-table tbody tr:not(.sr-table-rows-placeholder):hover .sr-can-be-cropped.sr-text-clamped, .sr-table tbody tr:not(.sr-table-rows-placeholder):hover [class*="sr-line-clamp"] .sr-text-clamped {
        cursor: pointer; }
        .sr-table tbody tr:not(.sr-table-rows-placeholder):hover .sr-can-be-cropped.sr-text-clamped:after, .sr-table tbody tr:not(.sr-table-rows-placeholder):hover [class*="sr-line-clamp"] .sr-text-clamped:after {
          background: linear-gradient(to bottom, rgba(236, 238, 241, 0) 0%, #eceef1 100%); }
    .sr-table tbody tr td > .sr-combobox > .sr-pseudoinput, .sr-table tbody tr td > .sr-textbox > .sr-pseudoinput, .sr-table tbody tr td > .sr-dropdownlist > .sr-pseudoinput, .sr-table tbody tr td > .sr-datetimepicker > .sr-pseudoinput {
      margin-bottom: 0; }
    .sr-table tbody tr td .sr-render-raw:has(.badge) {
      padding: 0; }
    .sr-table tbody tr td .sr-pseudotextarea-readonly {
      padding-top: 0.438rem; }
    .sr-table tbody tr td .sr-table thead tr th {
      z-index: 1; }
    .sr-table tbody tr td .sr-table tbody tr:first-child > td {
      padding-top: 0; }
    .sr-table tbody tr td .sr-table tbody tr:only-child > td {
      padding-top: 0;
      padding-bottom: 0; }

/* Fine Stile per rendere i bottoni dentro alle tabelle della stessa altezza degli input */
/* Stile particolare per dettare il comportamento degli input innestati dentro a REPEATER o Tabelle */
table.sr-table .sr-pseudoinput:read-only {
  text-align: unset; }

/* Fine stile particolare per dettare il comportamento degli input innestati dentro a REPEATER o Tabelle */
/* Stile per header e footer nelle tabelle della Dynamic */
.sr-table .sr-table-header-container, .sr-table .sr-table-footer-container {
  display: flex;
  align-items: center; }
  .sr-table .sr-table-header-container > .columns, .sr-table .sr-table-footer-container > .columns {
    float: inherit !important;
    padding-left: 0;
    padding-left: 0;
    width: auto; }

.sr-table .sr-table-header-container {
  gap: .75rem;
  margin-bottom: .625rem; }
  .sr-table .sr-table-header-container .sr-label > label {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: inherit; }
  .sr-table .sr-table-header-container .sr-buttongroup .button-group {
    margin-bottom: 0; }
  .sr-table .sr-table-header-container .sr-table-actions {
    position: inherit;
    margin-left: auto;
    line-height: 1.357;
    color: #172b4d; }
    .sr-table .sr-table-header-container .sr-table-actions:before {
      line-height: 1; }
    .sr-table .sr-table-header-container .sr-table-actions:active {
      color: #172b4d; }

.sr-table.sr-collapsable-layout .sr-table-header-container .sr-label > label {
  cursor: pointer; }

.sr-table:has([data-sr-repeater-table]):has(.sr-table-footer-container) .columns {
  float: inherit !important; }

.sr-table:is(.sr-collapsable-layout):has(.sr-table-actions) .sr-layout-collapsable-action {
  margin-left: inherit !important; }

@media print, screen and (min-width: 64em) {
  .sr-table:is(.sr-collapsable-layout):has(.sr-table-actions):not(:hover) .sr-layout-collapsable-action {
    margin-left: auto !important; } }

.sr-table:has([data-sr-repeater-table]):is(.sr-collapsable-layout) .sr-layout-collapsable-action {
  margin-left: auto !important; }

/* Fine stile per header e footer nelle tabelle della Dynamic */
/* 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: 12.5rem !important;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1006;
  font-family: inherit;
  font-size: 0.875rem; }
  .ui-autocomplete .ui-menu-item {
    border: 1px solid transparent; }
    .ui-autocomplete .ui-menu-item a {
      color: inherit; }
    .ui-autocomplete .ui-menu-item.selected {
      background: #1779ba;
      color: #FFFFFF; }
      .ui-autocomplete .ui-menu-item.selected:hover {
        background: #126195; }
  .ui-autocomplete .ui-state-focus {
    background: #dadada;
    border: 1px solid #999999;
    color: #172b4d; }

/* 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.5rem;
  background-color: #1779ba;
  color: #fefefe;
  position: fixed;
  top: 0;
  z-index: 1006;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.75rem;
  text-align: center; }
  .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.5rem;
  background-color: #e8413a;
  color: #fefefe;
  position: fixed;
  top: 0;
  z-index: 1006;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.75rem;
  text-align: center; }
  .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;
  overflow: hidden;
  text-overflow: ellipsis; }

.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: 1.5625rem;
  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 */
/* NOSTRO STILE PER PERSONALIZZARE QUELLO DI CODEMIRROR */
.sr-markdowneditor-container:has(.cm-editor), .sr-scripteditor-container:has(.cm-editor) {
  border: 1px solid #CFD3DC;
  min-height: 1.9375rem;
  margin-bottom: 0.525rem;
  border-radius: 0.5rem; }
  .sr-markdowneditor-container:has(.cm-editor), .sr-scripteditor-container:has(.cm-editor) {
    /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
    transition: box-shadow 0.15s ease-in-out; }
    .sr-markdowneditor-container:has(.cm-editor):hover, .sr-scripteditor-container:has(.cm-editor):hover {
      border-color: #1779ba; }
    .sr-markdowneditor-container:has(.cm-editor):focus, .sr-scripteditor-container:has(.cm-editor):focus {
      outline: none; }
    .sr-markdowneditor-container:has(.cm-editor):focus-visible, .sr-markdowneditor-container:has(.cm-editor):focus-within, .sr-scripteditor-container:has(.cm-editor):focus-visible, .sr-scripteditor-container:has(.cm-editor):focus-within {
      box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
      border-color: #1779ba; }
  .sr-markdowneditor-container:has(.cm-editor):has(.reveal), .sr-markdowneditor-container:has(.cm-editor):has(.reveal):hover, .sr-markdowneditor-container:has(.cm-editor):has(.reveal):focus-visible, .sr-markdowneditor-container:has(.cm-editor):has(.reveal):focus-within, .sr-scripteditor-container:has(.cm-editor):has(.reveal), .sr-scripteditor-container:has(.cm-editor):has(.reveal):hover, .sr-scripteditor-container:has(.cm-editor):has(.reveal):focus-visible, .sr-scripteditor-container:has(.cm-editor):has(.reveal):focus-within {
    border: none;
    box-shadow: none; }

.sr-markdowneditor-container.sr-scripteditor-container, .sr-scripteditor-container.sr-scripteditor-container {
  overflow: hidden; }

.sr-markdowneditor-container .skeleton-block, .sr-scripteditor-container .skeleton-block {
  border-radius: 0.5rem; }

.sr-markdowneditor-container .cm-editor, .sr-scripteditor-container .cm-editor {
  height: auto; }

.sr-markdowneditor-container .cm-content, .sr-scripteditor-container .cm-content {
  min-height: inherit !important; }

.sr-scripteditor-container .cm-scroller, .sr-scripteditor-container .skeleton-block {
  min-height: 5rem;
  max-height: 50vh; }

.sr-scripteditor-container .cm-gutters {
  min-height: 5rem !important; }

.sr-markdowneditor-container .cm-scroller, .sr-markdowneditor-container .skeleton-block {
  min-height: 6.5rem;
  font: inherit; }

.sr-markdowneditor-container i.fi-checkbox, .sr-markdowneditor-container i.fi-uncheckbox {
  cursor: pointer; }

.sr-markdowneditor-container .cm-content {
  width: 100%; }

.sr-markdowneditor-container h1, .sr-markdowneditor-container h2, .sr-markdowneditor-container h3, .sr-markdowneditor-container h4, .sr-markdowneditor-container h5, .sr-markdowneditor-container h6, .sr-markdowneditor-container .h1, .sr-markdowneditor-container .h2, .sr-markdowneditor-container .h3, .sr-markdowneditor-container .h4, .sr-markdowneditor-container .h5, .sr-markdowneditor-container .h6 {
  text-decoration: none; }

.sr-markdowneditor-container .cm-line {
  padding: 0 0.375rem; }

.sr-table .sr-markdowneditor-container:not([data-sr-content-container]) > .skeleton-block, .sr-table .sr-scripteditor-container:not([data-sr-content-container]) > .skeleton-block {
  min-height: 1.9375rem !important; }

.sr-table .sr-markdowneditor-container:not([data-sr-content-container]) > .cm-editor > .cm-scroller, .sr-table .sr-scripteditor-container:not([data-sr-content-container]) > .cm-editor > .cm-scroller {
  min-height: 0 !important; }
  .sr-table .sr-markdowneditor-container:not([data-sr-content-container]) > .cm-editor > .cm-scroller > .cm-content, .sr-table .sr-scripteditor-container:not([data-sr-content-container]) > .cm-editor > .cm-scroller > .cm-content {
    max-height: 25vh; }
  .sr-table .sr-markdowneditor-container:not([data-sr-content-container]) > .cm-editor > .cm-scroller > .cm-gutters, .sr-table .sr-scripteditor-container:not([data-sr-content-container]) > .cm-editor > .cm-scroller > .cm-gutters {
    min-height: 0 !important; }

[data-sr-editor-placeholder] .cm-cursorLayer {
  display: none; }

.cm-focused {
  outline: none !important; }

.cm-panels {
  z-index: inherit !important; }

.sr-editor-readonly {
  opacity: .9; }
  .sr-editor-readonly:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(207, 211, 220, 0.4);
    pointer-events: none;
    width: 100%;
    height: 100%; }

.cm-search.cm-panel {
  padding: .25rem !important;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem; }
  .cm-search.cm-panel input, .cm-search.cm-panel button, .cm-search.cm-panel label {
    margin: 0 !important; }
  .cm-search.cm-panel label {
    width: 100%;
    display: flex;
    gap: .25rem;
    font-size: 0.75rem !important; }
  .cm-search.cm-panel input[name="search"] {
    width: calc(100% - (1.357 * 0.875rem + 0.75075rem) - .5rem); }
  .cm-search.cm-panel button[name="close"] {
    border: 1px solid transparent;
    background: none;
    color: #1779ba;
    font-size: 0.875rem;
    top: .25rem !important;
    right: .25rem !important; }
    .cm-search.cm-panel button[name="close"]:active {
      background: #E8F2F8;
      color: #1779ba; }
    .cm-search.cm-panel button[name="close"]:hover {
      background: #ECEEF1; }

.cm-panels:has(.cm-search) {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

/* FINE NOSTRO STILE PER PERSONALIZZARE QUELLO DI CODEMIRROR */
.sr-compact-editor .cm-panels-top {
  display: none; }

.sr-compact-editor:has(.sr-editor-panel-toggle input:checked) .cm-panels-top {
  display: block; }

.sr-compact-editor:hover .sr-editor-panel-toggle {
  display: flex; }

/* Pannelli */
.sr-markdown-panel-separator {
  margin: .25rem .5rem;
  border-left: 1px solid #CFD3DC; }

.sr-editor-top-panel {
  padding: .25rem;
  display: flex;
  gap: .25rem;
  flex-wrap: wrap;
  background: #F7F8F8; }

.cm-panels-top, .sr-editor-top-panel {
  border-radius: 0.5rem 0.5rem 0 0; }

.sr-table .sr-editor-top-panel {
  padding: .125rem; }

.sr-table .sr-editor-popout-reveal .sr-editor-top-panel {
  padding: .25rem; }

.sr-editor-panel-toggle {
  position: absolute;
  z-index: 1;
  width: 2rem;
  background: #F7F8F8;
  top: -.125rem;
  left: calc(50% - 1rem);
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: .25rem;
  border: 1px solid #CFD3DC; }
  .sr-editor-panel-toggle:hover {
    background: #ECEEF1; }
  .sr-editor-panel-toggle:active {
    background: #E0E3E8; }
  .sr-editor-panel-toggle input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer; }
  .sr-editor-panel-toggle i {
    margin: 0; }
  .sr-editor-panel-toggle i.fi-arrow-bar-down {
    display: block; }
  .sr-editor-panel-toggle i.fi-arrow-bar-up {
    display: none; }
  .sr-editor-panel-toggle:has(input:checked) i.fi-arrow-bar-down {
    display: none; }
  .sr-editor-panel-toggle:has(input:checked) i.fi-arrow-bar-up {
    display: block; }
  .sr-editor-panel-toggle:has(input:checked) {
    top: 1rem; }

.sr-markdown-selection-panel-container {
  z-index: 111 !important;
  border: none !important;
  background: none !important;
  padding: 0 .75rem; }
  .sr-markdown-selection-panel-container .sr-markdown-selection-panel {
    padding: .25rem;
    display: flex;
    gap: .25rem;
    border-radius: .5rem;
    background: #F7F8F8 !important;
    box-shadow: 0px 16px 24px 0px rgba(23, 43, 77, 0.15), 0px 0px 0px 1px #d1d5dd; }
    .sr-markdown-selection-panel-container .sr-markdown-selection-panel .button:first-child {
      display: flex;
      white-space: nowrap; }
      .sr-markdown-selection-panel-container .sr-markdown-selection-panel .button:first-child i {
        margin-right: 0.3125rem !important; }

.sr-markdown-object-dropdown {
  z-index: 9999 !important; }
  .sr-markdown-object-dropdown span {
    color: #67748A;
    margin: auto;
    margin-right: 0;
    font-size: 0.75rem; }
  .sr-markdown-object-dropdown .sr-markdown-object-dropdown-element.active {
    background: #E8F2F8 !important;
    color: #1779ba !important; }
    .sr-markdown-object-dropdown .sr-markdown-object-dropdown-element.active a, .sr-markdown-object-dropdown .sr-markdown-object-dropdown-element.active a:hover {
      background: inherit !important;
      color: inherit !important; }

.sr-markdown-line-placeholder::before {
  content: attr(placeholder);
  position: absolute;
  left: .3rem;
  color: #67748A;
  pointer-events: none;
  opacity: 0.6; }

@media (hover: none) and (pointer: coarse) {
  .sr-markdown-line-placeholder::before {
    content: attr(mobile-placeholder); } }

.sr-markdown-command-dropdown {
  border: none !important;
  background: #fefefe !important;
  overflow: hidden;
  padding: .5rem 0; }
  .sr-markdown-command-dropdown completion-section, .sr-markdown-command-dropdown li {
    font-size: 0.875rem;
    line-height: 1 !important;
    width: 100%;
    display: flex;
    padding: 0.46906rem 0.5rem !important;
    border-bottom: none !important;
    opacity: 1 !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .sr-markdown-command-dropdown > ul {
    max-height: 18rem !important; }
  .sr-markdown-command-dropdown li i {
    margin-right: .5rem; }
  .sr-markdown-command-dropdown li + completion-section {
    margin-top: .5rem; }
  .sr-markdown-command-dropdown li:hover {
    background-color: #ECEEF1; }
    .sr-markdown-command-dropdown li:hover:active {
      background: #E0E3E8; }
  .sr-markdown-command-dropdown li:active {
    background: #E0E3E8; }
  .sr-markdown-command-dropdown li.hover:active {
    background: #E8F2F8; }
  .sr-markdown-command-dropdown completion-section {
    color: #67748A; }
  .sr-markdown-command-dropdown .cm-completionDetail {
    color: #67748A;
    margin: auto;
    margin-right: 0;
    font-size: 0.75rem;
    font-style: normal; }
  .sr-markdown-command-dropdown .sr-markdown-command-dropdown-element[aria-selected="true"] {
    background: #E8F2F8 !important;
    color: #1779ba !important; }
    .sr-markdown-command-dropdown .sr-markdown-command-dropdown-element[aria-selected="true"] a, .sr-markdown-command-dropdown .sr-markdown-command-dropdown-element[aria-selected="true"] a:hover {
      background: inherit !important;
      color: inherit !important; }

/* Oggetti */
.sr-markdown-image-preview {
  position: relative;
  padding: .25rem;
  outline: solid 1px transparent;
  height: auto !important; }
  .sr-markdown-image-preview:hover {
    outline: solid 1px #CFD3DC; }
  .sr-markdown-image-preview img {
    max-width: 15rem;
    max-height: 15rem; }
  .sr-markdown-image-preview .sr-markdown-image-actions {
    position: absolute;
    top: -1px;
    left: -1px;
    display: flex;
    gap: .25rem;
    width: calc(100% + 1px); }
    .sr-markdown-image-preview .sr-markdown-image-actions > .button:has(.fi-x) {
      margin-left: auto;
      color: #E8413A;
      /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
      transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
      .sr-markdown-image-preview .sr-markdown-image-actions > .button:has(.fi-x):focus {
        outline: none; }
      .sr-markdown-image-preview .sr-markdown-image-actions > .button:has(.fi-x):focus-visible, .sr-markdown-image-preview .sr-markdown-image-actions > .button:has(.fi-x):focus-within {
        box-shadow: 0 0 0 0.25rem rgba(232, 65, 58, 0.13);
        border-color: #E8413A; }
      .sr-markdown-image-preview .sr-markdown-image-actions > .button:has(.fi-x):hover, .sr-markdown-image-preview .sr-markdown-image-actions > .button:has(.fi-x):focus {
        border-color: #D33B35;
        color: #D33B35;
        background-color: #FDECEB; }
      .sr-markdown-image-preview .sr-markdown-image-actions > .button:has(.fi-x):active {
        border-color: #A52E29 !important;
        color: #A52E29 !important;
        background-color: #FDECEB !important; }
  .sr-markdown-image-preview:has(.sr-markdown-error) {
    padding-right: 2rem; }
    .sr-markdown-image-preview:has(.sr-markdown-error) img {
      display: none; }
    .sr-markdown-image-preview:has(.sr-markdown-error) .sr-markdown-image-actions {
      top: 2px;
      left: -3px; }

.sr-markdown-object {
  border-radius: 0.5rem;
  padding-right: .5rem;
  padding-left: .5rem;
  white-space: nowrap;
  height: 1lh;
  display: inline-flex; }
  .sr-markdown-object .sr-markdown-decoration-actions {
    margin-left: .5rem;
    color: #1779ba;
    cursor: pointer;
    gap: .25rem; }
    .sr-markdown-object .sr-markdown-decoration-actions i {
      width: 1lh;
      display: inline-block;
      text-align: center;
      margin: 0;
      border-radius: .5rem; }
      .sr-markdown-object .sr-markdown-decoration-actions i:hover {
        background: #ECEEF1; }
      .sr-markdown-object .sr-markdown-decoration-actions i:active {
        background: #E8F2F8; }
      .sr-markdown-object .sr-markdown-decoration-actions i.fi-x {
        color: #E8413A;
        /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
        transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
        .sr-markdown-object .sr-markdown-decoration-actions i.fi-x:focus {
          outline: none; }
        .sr-markdown-object .sr-markdown-decoration-actions i.fi-x:focus-visible, .sr-markdown-object .sr-markdown-decoration-actions i.fi-x:focus-within {
          box-shadow: 0 0 0 0.25rem rgba(232, 65, 58, 0.13);
          border-color: #E8413A; }
        .sr-markdown-object .sr-markdown-decoration-actions i.fi-x:hover, .sr-markdown-object .sr-markdown-decoration-actions i.fi-x:focus {
          border-color: #D33B35;
          color: #D33B35;
          background-color: #FDECEB; }
        .sr-markdown-object .sr-markdown-decoration-actions i.fi-x:active {
          border-color: #A52E29 !important;
          color: #A52E29 !important;
          background-color: #FDECEB !important; }
  .sr-markdown-object.sr-markdown-block-object {
    width: 100%; }
    .sr-markdown-object.sr-markdown-block-object .sr-markdown-decoration-actions {
      flex-grow: 1;
      display: inline-flex; }
      .sr-markdown-object.sr-markdown-block-object .sr-markdown-decoration-actions .fi-x {
        margin-left: auto; }
    .sr-markdown-object.sr-markdown-block-object:has(.sr-markdown-plain-tag) {
      white-space: normal;
      height: auto; }
  .sr-markdown-object.sr-markdown-editing-object {
    outline: 1px solid #CFD3DC; }
    .sr-markdown-object.sr-markdown-editing-object:has(.sr-markdown-plain-tag) {
      font-weight: normal;
      outline-style: dashed; }
  .sr-markdown-object.sr-markdown-view-object {
    outline: 1px solid transparent;
    background: #F7F8F8; }
  .sr-markdown-object:has(.sr-markdown-error) {
    background: #FDECEB; }
    .sr-markdown-object:has(.sr-markdown-error) .sr-markdown-error {
      color: #E8413A; }

.sr-markdown-viewer-user {
  color: #67748A;
  font-style: italic; }

.sr-markdown-horizontal-line {
  align-items: center;
  padding: 0; }
  .sr-markdown-horizontal-line > span {
    border-bottom: 1px solid #cacaca;
    width: 100%; }

.sr-markdown-dataset-link {
  font-weight: 600;
  color: #172b4d; }
  .sr-markdown-dataset-link > i {
    color: #1779ba; }

.sr-markdown-dataset-property .sr-markdown-dataset-property-key {
  color: #67748A;
  font-style: italic; }

.sr-markdown-dataset-property .sr-markdown-dataset-property-value {
  font-weight: 600;
  margin-left: 0.3125rem; }

.sr-markdown-dataset-hover.sr-markdown-dataset-link {
  outline: 1px solid #1779ba !important; }

.sr-markdown-dataset-hover.sr-markdown-dataset-property {
  background: #ECEEF1 !important; }

.sr-markdown-dataset-preview {
  color: #67748A;
  font-style: italic; }
  .sr-markdown-dataset-preview .sr-markdown-dataset-preview-title {
    color: #172b4d;
    font-weight: 600;
    font-style: normal;
    margin-left: 0.3125rem; }

.sr-markdown-video {
  color: #67748A; }
  .sr-markdown-video .sr-markdown-video-title {
    font-style: italic; }

.sr-markdown-search {
  color: #67748A;
  font-style: italic;
  gap: 0.3125rem; }
  .sr-markdown-search > i {
    margin-right: 0; }
  .sr-markdown-search .sr-markdown-search-value {
    color: #172b4d;
    font-weight: 600;
    font-style: normal;
    margin-right: -0.3125rem;
    overflow: hidden;
    white-space: nowrap;
    max-width: 20%;
    text-overflow: ellipsis; }

.sr-markdown-date {
  font-weight: 600; }

/* Popout */
.sr-editor-reveal-placeholder {
  background: #E8F2F8;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  height: 6.5rem;
  font-weight: 600; }

.sr-editor-popout-reveal {
  box-shadow: 0px 16px 24px 0px rgba(23, 43, 77, 0.15), 0px 0px 0px 1px #d1d5dd;
  overflow: hidden; }
  .sr-editor-popout-reveal .sr-markdowneditor-container, .sr-editor-popout-reveal .sr-scripteditor-container {
    height: 100%;
    margin-bottom: 0; }
    .sr-editor-popout-reveal .sr-markdowneditor-container .cm-editor, .sr-editor-popout-reveal .sr-scripteditor-container .cm-editor {
      height: 100%; }
    .sr-editor-popout-reveal .sr-markdowneditor-container .cm-gutters, .sr-editor-popout-reveal .sr-scripteditor-container .cm-gutters {
      height: auto;
      min-height: 100% !important; }

@media screen and (max-width: 63.99875em) {
  .sr-editor-popout-reveal {
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important; } }

@media print, screen and (min-width: 64em) {
  html:has(.sr-editor-popout-reveal).is-reveal-open {
    position: unset;
    width: unset;
    overflow: auto; } }

/*STILE PER EDITOR BARRA DI RICERCA*/
.sr-searchbareditor-container {
  position: relative; }

.sr-search-bar-editor {
  background: #F7F8F8;
  border-radius: .5rem;
  transition: background 0.2s ease;
  padding-left: calc(.5rem + 0.875rem + .25rem);
  padding-right: calc((1.357 * 0.875rem + 0.75075rem) * 2 + 0.0625rem + .25rem * 2 + .25rem);
  border: 1px solid transparent;
  height: 2.25rem;
  /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
  transition: box-shadow 0.15s ease-in-out; }
  .sr-search-bar-editor .cm-scroller {
    font: inherit;
    overflow-x: hidden; }
  .sr-search-bar-editor .cm-content {
    padding: 0;
    display: flex; }
  .sr-search-bar-editor .cm-line {
    font-size: 0.875rem;
    margin: auto 0;
    padding: 0 .25rem; }
  .sr-search-bar-editor:hover {
    border-color: #1779ba; }
  .sr-search-bar-editor:focus {
    outline: none; }
  .sr-search-bar-editor:focus-visible, .sr-search-bar-editor:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
    border-color: #1779ba; }

.search-bar-actions {
  pointer-events: none;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5rem .25rem .5rem .5rem;
  gap: .25rem; }
  .search-bar-actions .search-icon {
    font-size: 0.875rem;
    line-height: 1.2rem;
    font-size: 0.875rem;
    line-height: 1.2rem;
    color: #67748A; }
  .search-bar-actions .button {
    pointer-events: auto; }
  .search-bar-actions .separator {
    border-right: 1px solid #CFD3DC;
    height: 1lh; }

.sr-search-bar-placeholder::before {
  content: attr(placeholder);
  position: absolute;
  left: .3rem;
  color: #67748A;
  pointer-events: none;
  opacity: 0.6; }

@media (hover: none) and (pointer: coarse) {
  .sr-search-bar-placeholder::before {
    content: attr(mobile-placeholder); } }

.sr-search-bar-syntax-element {
  font-weight: bold;
  color: #1779ba; }

.search-bar-query-property {
  border-radius: 0.5rem;
  padding-right: .5rem;
  padding-left: .5rem;
  white-space: nowrap;
  height: 1lh;
  display: inline-flex;
  gap: .25rem;
  outline: 1px solid #CFD3DC;
  position: relative;
  cursor: default; }
  .search-bar-query-property .search-bar-query-property-name {
    color: #67748A;
    font-style: italic; }
  .search-bar-query-property .search-bar-query-property-value, .search-bar-query-property .search-bar-query-property-range-from, .search-bar-query-property .search-bar-query-property-range-to {
    font-weight: 600;
    cursor: text;
    white-space: pre;
    color: #172b4d !important; }
    .search-bar-query-property .search-bar-query-property-value > i, .search-bar-query-property .search-bar-query-property-range-from > i, .search-bar-query-property .search-bar-query-property-range-to > i {
      font-size: 1rem;
      line-height: 1.3;
      color: #172b4d; }
  .search-bar-query-property i {
    margin: 0; }
  .search-bar-query-property .search-bar-query-actions {
    margin-left: .25rem;
    color: #1779ba;
    cursor: pointer;
    gap: .25rem; }
    @media (hover: hover) and (pointer: fine) {
      .search-bar-query-property .search-bar-query-actions {
        display: none; } }
    .search-bar-query-property .search-bar-query-actions i {
      width: 1lh;
      display: inline-block;
      text-align: center;
      border-radius: .5rem; }
      .search-bar-query-property .search-bar-query-actions i:hover {
        background: #ECEEF1; }
      .search-bar-query-property .search-bar-query-actions i:active {
        background: #E8F2F8; }
  .search-bar-query-property:hover .search-bar-query-actions, .search-bar-query-property.search-bar-query-property-editing .search-bar-query-actions {
    display: flex; }
  .search-bar-query-property.search-bar-query-property-editing {
    outline-style: dashed; }

.recent-search .search-bar-query-property {
  pointer-events: none; }

.sr-search-bar-command-dropdown {
  border: none !important;
  background: #fefefe !important;
  padding: .5rem 0; }
  .sr-search-bar-command-dropdown completion-section, .sr-search-bar-command-dropdown li {
    font-size: 0.875rem;
    line-height: 1 !important;
    width: 100%;
    display: flex;
    padding: 0.46906rem 0.5rem !important;
    border-bottom: none !important;
    opacity: 1 !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .sr-search-bar-command-dropdown > ul {
    max-height: 18rem !important; }
  .sr-search-bar-command-dropdown li i {
    margin-right: .5rem; }
  .sr-search-bar-command-dropdown li + completion-section {
    margin-top: .5rem; }
  .sr-search-bar-command-dropdown li:hover {
    background-color: #ECEEF1; }
    .sr-search-bar-command-dropdown li:hover:active {
      background: #E0E3E8; }
  .sr-search-bar-command-dropdown li:active {
    background: #E0E3E8; }
  .sr-search-bar-command-dropdown li.hover:active {
    background: #E8F2F8; }
  .sr-search-bar-command-dropdown completion-section {
    color: #67748A; }
  .sr-search-bar-command-dropdown .cm-completionDetail {
    color: #67748A;
    margin: auto;
    margin-right: 0;
    font-size: 0.75rem;
    font-style: normal; }
  .sr-search-bar-command-dropdown .sr-search-bar-command-dropdown-element[aria-selected="true"] {
    background: #E8F2F8 !important;
    color: #1779ba !important; }
    .sr-search-bar-command-dropdown .sr-search-bar-command-dropdown-element[aria-selected="true"] a, .sr-search-bar-command-dropdown .sr-search-bar-command-dropdown-element[aria-selected="true"] a:hover {
      background: inherit !important;
      color: inherit !important; }
  .sr-search-bar-command-dropdown .sr-search-bar-command-dropdown-element:hover .sr-search-bar-command-dropdown-detail {
    display: block; }

.sr-search-bar-command-dropdown-detail {
  position: absolute;
  left: calc(100% + .5rem);
  padding: .5rem;
  border-radius: 0.5rem;
  background: #fefefe;
  box-shadow: 0px 16px 24px 0px rgba(23, 43, 77, 0.15), 0px 0px 0px 1px #d1d5dd;
  transform: translateY(-0.5rem);
  color: #172b4d;
  display: none; }
  .sr-search-bar-command-dropdown-detail span {
    font-weight: 600;
    font-size: 1rem; }
  .sr-search-bar-command-dropdown-detail p {
    display: top;
    margin: .5rem 0 1rem 0; }
  .sr-search-bar-command-dropdown-detail code {
    display: inline-block; }

.search-by-property-value {
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem; }
  .search-by-property-value .search-by-property-value-actions {
    display: flex;
    gap: .25rem;
    padding: .25rem;
    background: #F7F8F8;
    border-radius: 0.5rem 0.5rem 0 0;
    border-bottom: 1px solid #CFD3DC; }
    .search-by-property-value .search-by-property-value-actions button {
      margin: 0; }
  .search-by-property-value .search-by-property-value-input {
    margin: 0;
    border: none; }
    .search-by-property-value .search-by-property-value-input:active, .search-by-property-value .search-by-property-value-input:focus {
      box-shadow: none;
      outline: none; }

/* Racchiudo tutto in un container */
/*
Ho commentato questa parte perché in alcuni casi si potrebbe non volere immagini con questo stile. Come lo rendiamo più specifico?
.sr-markdown {
    img{
		border: 1px solid #ddd;
		margin: 1rem 0 2rem;
		border-radius: $global-radius;
	}
}*/
/* Fine della classe container in cui ho racchiuso tutto */
/* Stile per viewer planner */
.button-planner-menu.button.hollow {
  background-color: white; }

.button-planner-menu.active {
  background-color: #1779ba !important; }
  .button-planner-menu.active i {
    color: white; }

.button-planner-menu i {
  font-size: 1.7rem; }

.button-planner-tree {
  border-radius: 0.5rem;
  margin-bottom: 0; }
  .button-planner-tree i:before {
    font-size: 0.9rem; }
  .button-planner-tree i.unchecked:before {
    color: #CFD3DC; }
  .button-planner-tree.lighter {
    background-color: #C5CAD4; }

.tree-view {
  font-size: 0.75rem; }
  .tree-view .tree-node {
    white-space: nowrap; }
    .tree-view .tree-node.last {
      border-bottom: none; }
  .tree-view .tree-container {
    padding: .5rem; }
  .tree-view .tree {
    margin-top: -0.1875rem;
    /* HACK perchè altrimenti ho una scrollbar verticale fissa e non riesco a toglierla */ }
  .tree-view .node-child {
    border-left: 1px solid #C5CAD4; }
  .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: 1.75rem;
    top: -1.0625rem;
    width: 1.25rem;
    left: -1.75rem; }
  .tree-view .tree-node-leaf > .node-wrapper > .node-content-wrapper::before {
    width: 1.5625rem; }
  .tree-view .tree-children::after {
    border-left: 1px solid lightgrey;
    height: 100%;
    top: -0.9375rem;
    left: -0.9375rem; }
  .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;
  min-height: 1.93813rem;
  max-height: 3.00063rem;
  line-height: 1.81313rem;
  font-size: 0.875rem;
  margin: 0 0 0.525rem 0;
  vertical-align: middle;
  white-space: nowrap;
  overflow-x: auto;
  /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
  transition: box-shadow 0.15s ease-in-out; }
  .sr-pseudoinput:not(.sr-not-textbox-style)[contenteditable]:not([contenteditable="false"]), .sr-pseudoinput:not(.sr-not-textbox-style).limit-to-list {
    border: 1px solid #CFD3DC;
    border-radius: 0.5rem;
    /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
    transition: box-shadow 0.15s ease-in-out; }
    .sr-pseudoinput:not(.sr-not-textbox-style)[contenteditable]:not([contenteditable="false"]):focus, .sr-pseudoinput:not(.sr-not-textbox-style).limit-to-list:focus {
      outline: none; }
    .sr-pseudoinput:not(.sr-not-textbox-style)[contenteditable]:not([contenteditable="false"]):focus-visible, .sr-pseudoinput:not(.sr-not-textbox-style)[contenteditable]:not([contenteditable="false"]):focus-within, .sr-pseudoinput:not(.sr-not-textbox-style).limit-to-list:focus-visible, .sr-pseudoinput:not(.sr-not-textbox-style).limit-to-list:focus-within {
      box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
      border-color: #1779ba; }
    .sr-pseudoinput:not(.sr-not-textbox-style)[contenteditable]:not([contenteditable="false"]):hover, .sr-pseudoinput:not(.sr-not-textbox-style).limit-to-list:hover {
      border-color: #1779ba; }
    .sr-pseudoinput:not(.sr-not-textbox-style)[contenteditable]:not([contenteditable="false"]):focus, .sr-pseudoinput:not(.sr-not-textbox-style).limit-to-list:focus {
      border-color: #1779ba; }
  .sr-pseudoinput:not(.sr-not-textbox-style)[disabled], .sr-pseudoinput:not(.sr-not-textbox-style)[readonly] {
    cursor: auto;
    border: none;
    padding-left: 0;
    padding-right: 0; }
  .sr-pseudoinput:not(.sr-not-textbox-style):not([disabled]):not([readonly])[data-sr-dropdown-list], .sr-pseudoinput:not(.sr-not-textbox-style):not([disabled]):not([readonly])[data-sr-dropdown], .sr-pseudoinput:not(.sr-not-textbox-style):not([disabled]):not([readonly])[data-sr-datetimemode] {
    padding-right: 1.625rem;
    background: #fefefe; }
    .sr-pseudoinput:not(.sr-not-textbox-style):not([disabled]):not([readonly])[data-sr-dropdown-list]:hover, .sr-pseudoinput:not(.sr-not-textbox-style):not([disabled]):not([readonly])[data-sr-dropdown]:hover, .sr-pseudoinput:not(.sr-not-textbox-style):not([disabled]):not([readonly])[data-sr-datetimemode]:hover {
      cursor: pointer; }
  .sr-pseudoinput:not(.sr-not-textbox-style):not([disabled]):not([readonly]):hover {
    border-color: #1779ba; }
  .sr-pseudoinput:not(.sr-not-textbox-style)[disabled][data-sr-textbox-with-format-code], .sr-pseudoinput:not(.sr-not-textbox-style)[readonly][data-sr-textbox-with-format-code] {
    padding-right: 2.375rem; }
  .sr-pseudoinput:not(.sr-not-textbox-style):hover {
    border-color: #1779ba; }
  .sr-pseudoinput:not(.sr-not-textbox-style):focus {
    outline: none; }
  .sr-pseudoinput:not(.sr-not-textbox-style):focus-visible, .sr-pseudoinput:not(.sr-not-textbox-style):focus-within {
    box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
    border-color: #1779ba; }

.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-x: auto; }
  .sr-pseudoinput.sr-not-textbox-style:not([disabled]):not([readonly])[data-sr-dropdown-list], .sr-pseudoinput.sr-not-textbox-style:not([disabled]):not([readonly])[data-sr-dropdown], .sr-pseudoinput.sr-not-textbox-style:not([disabled]):not([readonly])[data-sr-datetimemode] {
    padding-right: 1.625rem;
    background-color: #fefefe; }
  .sr-pseudoinput.sr-not-textbox-style[disabled][data-sr-textbox-with-format-code], .sr-pseudoinput.sr-not-textbox-style[readonly][data-sr-textbox-with-format-code] {
    padding-right: 2.375rem; }

.sr-dropdown-button, .sr-datetime-button, .sr-format-code-button {
  position: absolute;
  line-height: 1.81313rem;
  width: 1.625rem;
  top: 1px;
  text-align: center;
  right: 0;
  background-color: #fefefe !important;
  border-radius: 0.5rem;
  font-size: 0.875rem; }

.sr-format-code-button {
  padding: 0.31288rem;
  width: auto;
  line-height: 1; }

.with-format-code-button {
  padding-right: 2.375rem; }

*[data-sr-not-textbox-style] .sr-dropdown-button, *[data-sr-not-textbox-style] .sr-datetime-button, *[data-sr-not-textbox-style] .sr-format-code-button {
  line-height: 1.3125rem;
  right: 0.375rem; }

*[disabled] > .sr-format-code-button {
  cursor: pointer; }

*[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button {
  border: 1px solid #CFD3DC;
  color: #1779ba;
  border-color: #CFD3DC;
  border-width: 1px;
  background-color: #fefefe; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button[disabled], *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.disabled {
    border-color: #CFD3DC !important;
    background-color: #fefefe !important; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:focus {
    border-color: #14679E;
    color: #14679E;
    background-color: #fefefe; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.selected, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.hover {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  .sr-action.active > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:active {
    border-color: #105684;
    color: #105684;
    background-color: #E8F2F8; }
  .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger {
    background-color: #fefefe;
    color: #E8413A;
    border-color: #E8413A; }
    .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB;
      border-color: #D33B35; }
    .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:active {
      color: #A52E29;
      background-color: #FDECEB;
      border-color: #A52E29; }

*[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button {
  border: 1px solid #CFD3DC;
  color: #1779ba;
  border-color: #CFD3DC;
  border-width: 1px;
  background-color: #fefefe; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button[disabled], *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.disabled {
    border-color: #CFD3DC !important;
    background-color: #fefefe !important; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:focus {
    border-color: #14679E;
    color: #14679E;
    background-color: #fefefe; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.selected, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.hover {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  .sr-action.active > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active {
    border-color: #105684;
    color: #105684;
    background-color: #E8F2F8; }
  .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger {
    background-color: #fefefe;
    color: #E8413A;
    border-color: #E8413A; }
    .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB;
      border-color: #D33B35; }
    .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:active {
      color: #A52E29;
      background-color: #FDECEB;
      border-color: #A52E29; }

*[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button {
  border: 1px solid #CFD3DC;
  color: #1779ba;
  border-color: #CFD3DC;
  border-width: 1px;
  background-color: #fefefe; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button[disabled], *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.disabled {
    border-color: #CFD3DC !important;
    background-color: #fefefe !important; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:focus {
    border-color: #14679E;
    color: #14679E;
    background-color: #fefefe; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.selected, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.hover {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  .sr-action.active > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active {
    border-color: #105684;
    color: #105684;
    background-color: #E8F2F8; }
  .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger {
    background-color: #fefefe;
    color: #E8413A;
    border-color: #E8413A; }
    .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB;
      border-color: #D33B35; }
    .danger > *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger:active {
      color: #A52E29;
      background-color: #FDECEB;
      border-color: #A52E29; }

*[readonly] > .sr-format-code-button {
  cursor: pointer; }

*[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button {
  border: 1px solid #CFD3DC;
  color: #1779ba;
  border-color: #CFD3DC;
  border-width: 1px;
  background-color: #fefefe; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button[disabled], *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.disabled {
    border-color: #CFD3DC !important;
    background-color: #fefefe !important; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:focus {
    border-color: #14679E;
    color: #14679E;
    background-color: #fefefe; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.selected, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.hover {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  .sr-action.active > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:active {
    border-color: #105684;
    color: #105684;
    background-color: #E8F2F8; }
  .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger {
    background-color: #fefefe;
    color: #E8413A;
    border-color: #E8413A; }
    .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB;
      border-color: #D33B35; }
    .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:active {
      color: #A52E29;
      background-color: #FDECEB;
      border-color: #A52E29; }

*[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button {
  border: 1px solid #CFD3DC;
  color: #1779ba;
  border-color: #CFD3DC;
  border-width: 1px;
  background-color: #fefefe; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button[disabled], *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.disabled {
    border-color: #CFD3DC !important;
    background-color: #fefefe !important; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:focus {
    border-color: #14679E;
    color: #14679E;
    background-color: #fefefe; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.selected, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.hover {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  .sr-action.active > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active {
    border-color: #105684;
    color: #105684;
    background-color: #E8F2F8; }
  .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger {
    background-color: #fefefe;
    color: #E8413A;
    border-color: #E8413A; }
    .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB;
      border-color: #D33B35; }
    .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:active {
      color: #A52E29;
      background-color: #FDECEB;
      border-color: #A52E29; }

*[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button {
  border: 1px solid #CFD3DC;
  color: #1779ba;
  border-color: #CFD3DC;
  border-width: 1px;
  background-color: #fefefe; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button[disabled], *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.disabled {
    border-color: #CFD3DC !important;
    background-color: #fefefe !important; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:focus {
    border-color: #14679E;
    color: #14679E;
    background-color: #fefefe; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.selected, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.hover {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  .sr-action.active > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active {
    border-color: #105684;
    color: #105684;
    background-color: #E8F2F8; }
  .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger {
    background-color: #fefefe;
    color: #E8413A;
    border-color: #E8413A; }
    .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB;
      border-color: #D33B35; }
    .danger > *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger:active {
      color: #A52E29;
      background-color: #FDECEB;
      border-color: #A52E29; }

.columns > .sr-dropdown-button,
.columns > .sr-datetime-button,
.columns > .sr-format-code-button {
  right: 0.4375rem; }

.flow-layout > div > .sr-dropdown-button,
.flow-layout > div > .sr-datetime-button,
.flow-layout > div > .sr-format-code-button {
  right: 0.4375rem; }

.flow-layout > div *[disabled] > .sr-dropdown-button,
.flow-layout > div *[disabled] > .sr-datetime-button,
.flow-layout > div *[disabled] > .sr-format-code-button,
.flow-layout > div *[readonly] > .sr-dropdown-button,
.flow-layout > div *[readonly] > .sr-datetime-button,
.flow-layout > div *[readonly] > .sr-format-code-button {
  right: 0.375rem; }

.flow-layout > div *[disabled] > .sr-pseudoinput[data-sr-textbox-with-format-code], .flow-layout > div *[disabled] > .sr-pseudoinput.with-format-code-button,
.flow-layout > div *[readonly] > .sr-pseudoinput[data-sr-textbox-with-format-code],
.flow-layout > div *[readonly] > .sr-pseudoinput.with-format-code-button {
  padding-right: 3.125rem; }

.button-group > div > .sr-dropdown-button,
.button-group > div > .sr-datetime-button,
.button-group > div > .sr-format-code-button {
  right: 1px; }

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

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

/* Fine stile base del container dei nostri input*/
/* Stile per modificare lo stile dei pseudoinput quando sono dentro a una tabella */
table tbody tr td .sr-dropdown-button, table tbody tr td .sr-datetime-button, table tbody tr td .sr-format-code-button {
  right: 1px; }

table tbody tr .sr-format-code-button {
  border: 1px solid #CFD3DC;
  color: #1779ba;
  border-color: #CFD3DC;
  border-width: 1px;
  background-color: #fefefe; }
  table tbody tr .sr-format-code-button[disabled], table tbody tr .sr-format-code-button.disabled {
    border-color: #CFD3DC !important;
    background-color: #fefefe !important; }
  table tbody tr .sr-format-code-button:hover, table tbody tr .sr-format-code-button:focus {
    border-color: #14679E;
    color: #14679E;
    background-color: #fefefe; }
  table tbody tr .sr-format-code-button.active, table tbody tr .sr-format-code-button.selected, table tbody tr .sr-format-code-button.hover {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  .sr-action.active > table tbody tr .sr-format-code-button {
    background-color: #E8F2F8;
    border-color: #1779ba; }
  table tbody tr .sr-format-code-button:active {
    border-color: #105684;
    color: #105684;
    background-color: #E8F2F8; }
  .danger > table tbody tr .sr-format-code-button, table tbody tr .sr-format-code-button.danger {
    background-color: #fefefe;
    color: #E8413A;
    border-color: #E8413A; }
    .danger > table tbody tr .sr-format-code-button:hover, table tbody tr .sr-format-code-button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB;
      border-color: #D33B35; }
    .danger > table tbody tr .sr-format-code-button:active, table tbody tr .sr-format-code-button.danger:active {
      color: #A52E29;
      background-color: #FDECEB;
      border-color: #A52E29; }
  table tbody tr .sr-format-code-button i {
    margin-right: 0; }

table tbody tr:nth-child(odd) .sr-dropdown-button, table tbody tr:nth-child(odd) .sr-datetime-button {
  background-color: #fefefe; }

table tbody tr:nth-child(even) .sr-dropdown-button, table tbody tr:nth-child(even) .sr-datetime-button, table tbody tr:nth-child(even) .sr-format-code-button {
  background-color: #fefefe; }

/* Fine stile per modificare lo stile dei pseudoinput quando sono dentro a una tabella */
/* Stile per posizionare un - negli input vuoti */
.sr-is-empty:after {
  content: "-"; }

/* Anche negli sr-pseudotextarea-readonly */
.sr-pseudotextarea-readonly {
  margin-bottom: 0.525rem; }
  .sr-pseudotextarea-readonly .sr-is-empty:after {
    content: "-"; }

/* Dentro alle tabelle non vogliamo il trattino */
.sr-table .sr-is-empty:after {
  content: ""; }

/* Fine stile per posizionare un - negli input vuoti */
/* Textareas for non overflow the text */
.sr-textarea {
  word-break: break-word; }
  .sr-textarea[readonly] {
    border: none;
    box-shadow: none; }
    .sr-textarea[readonly]:focus {
      border: none;
      box-shadow: none; }
  .sr-textarea .sr-pseudotextarea-readonly {
    white-space: pre-wrap;
    font-size: 0.875rem; }

/* 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; }

/* Quando ho il line-clamp devo evitare di mettere il padding, lo sostituisco quindi al margin, altrimenti nel padding intravedo il testo che dovrebbe essere tagliato per via del line-clamp */
[class*="sr-line-clamp"].sr-textbox.sr-wrapmode-wrap {
  margin-top: 0.40656rem;
  margin-bottom: 0.40656rem; }
  [class*="sr-line-clamp"].sr-textbox.sr-wrapmode-wrap > .sr-pseudoinput-readonly {
    padding-top: 0;
    padding-bottom: 0; }

/* Fine Stile per rendere gli input readonly (Che se dentro una tabella sono renderizzati come Span) alti uguali agli altri input */
/* Stile generico per le label*/
label {
  font-weight: 600; }

/* 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: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    height: 0 !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.09375rem dashed #1779ba !important;
  border-left: 0.09375rem dashed #1779ba !important;
  border-right: 0.09375rem dashed #1779ba !important;
  /* Hack per forzare il cursor anche su chrome */ }
  .fileinput-button-foundation.expanded {
    width: 100%; }
    .fileinput-button-foundation.expanded .fileinput-button-text-foundation {
      text-align: center; }
  .fileinput-button-foundation ::-webkit-file-upload-button {
    cursor: pointer; }
  .fileinput-button-foundation input[type=file] {
    cursor: pointer;
    font-size: 625rem;
    /* 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: 1.5px dashed #CFD3DC !important;
    border-left: 1.5px dashed #CFD3DC !important;
    border-right: 1.5px dashed #CFD3DC !important;
    padding-top: 0.33437rem;
    padding-bottom: 0.33437rem;
    width: 100%;
    margin-bottom: 0; }
    .fileinput-button-foundation.button:hover {
      background-color: transparent;
      border: 1.5px dashed #1779ba !important;
      border-left: 1.5px dashed #1779ba !important;
      border-right: 1.5px dashed #1779ba !important;
      outline: none; }
    .fileinput-button-foundation.button:active {
      background-color: #E8F2F8; }
    .fileinput-button-foundation.button.disabled {
      background-color: transparent;
      border: 1.5px solid #CFD3DC !important;
      border-left: 1.5px solid #CFD3DC !important;
      border-right: 1.5px solid #CFD3DC !important;
      outline: none;
      opacity: 0.25; }
  .fileinput-button-foundation:focus {
    background-color: transparent;
    border: 1.5px solid #CFD3DC !important;
    border-left: 1.5px solid #CFD3DC !important;
    border-right: 1.5px solid #CFD3DC !important;
    outline: none; }
  .fileinput-button-foundation .fileinput-button-text-foundation {
    justify-items: center; }
  .fileinput-button-foundation .fileupload-progressbar-foundation {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    background-color: #1779ba;
    height: 100%;
    z-index: 0; }

.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: 625rem;
    /* 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: #1779ba; } }

.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.09375rem dashed #C5CAD4 !important;
  border-left: 0.09375rem dashed #C5CAD4 !important;
  border-right: 0.09375rem dashed #C5CAD4 !important;
  /* Hack per forzare il cursor anche su chrome */ }
  .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 ::-webkit-file-upload-button {
    cursor: pointer; }
  .fileupload-big-style .fileinput-button-foundation input[type=file] {
    cursor: pointer;
    font-size: 625rem;
    /* 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: 1.5px dashed #C5CAD4 !important;
    border-left: 1.5px dashed #C5CAD4 !important;
    border-right: 1.5px dashed #C5CAD4 !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: 1.5px dashed #C5CAD4 !important;
      border-left: 1.5px dashed #C5CAD4 !important;
      border-right: 1.5px dashed #C5CAD4 !important;
      outline: none; }
    .fileupload-big-style .fileinput-button-foundation.button:active {
      background-color: #E8F2F8; }
    .fileupload-big-style .fileinput-button-foundation.button.disabled {
      background-color: transparent;
      border: 1.5px solid #C5CAD4 !important;
      border-left: 1.5px solid #C5CAD4 !important;
      border-right: 1.5px solid #C5CAD4 !important;
      outline: none;
      opacity: 0.25; }
  .fileupload-big-style .fileinput-button-foundation:focus {
    background-color: transparent;
    border: 1.5px solid #C5CAD4 !important;
    border-left: 1.5px solid #C5CAD4 !important;
    border-right: 1.5px solid #C5CAD4 !important;
    outline: none; }
  .fileupload-big-style .fileinput-button-foundation .fileinput-button-text-foundation {
    justify-items: center; }
  .fileupload-big-style .fileinput-button-foundation .fileupload-progressbar-foundation {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    background-color: #1779ba;
    height: 100%;
    z-index: 0; }

.fileupload-content-foundation .files .error {
  color: red; }

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

.sr-barcodereader-container .sr-barcodereader-box {
  background: transparent; }
  .sr-barcodereader-container .sr-barcodereader-box > video {
    width: 100%;
    height: auto; }

.sr-barcodereader-container .sr-barcodereader-source-container {
  display: none; }

.sr-barcodereader-container .sr-barcodereader-button-container .sr-barcodereader-source {
  padding: 0.2em; }
  .sr-barcodereader-container .sr-barcodereader-button-container .sr-barcodereader-source > i {
    font-size: 1.5rem; }

/* Stile per creare classi per aggiungere o togliere la freccia dropdown */
ul.menu > li.sr-is-dropdown-down {
  font-weight: normal; }
  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 0.3125rem;
      content: '';
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #172b4d transparent transparent;
      right: 6px !important;
      left: auto;
      margin-top: -0.15625rem;
      position: absolute;
      top: 50%;
      border-radius: 0.5rem; }
    ul.menu > li.sr-is-dropdown-down > a:hover::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 0.3125rem;
      content: '';
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #172b4d transparent transparent; }
    ul.menu > li.sr-is-dropdown-down > a.hover, ul.menu > li.sr-is-dropdown-down > a.active {
      background-color: #E8F2F8;
      color: #1779ba; }
      ul.menu > li.sr-is-dropdown-down > a.hover::after, ul.menu > li.sr-is-dropdown-down > a.active::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 0.3125rem;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent; }
    ul.menu > li.sr-is-dropdown-down > a.button.hollow::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 0.3125rem;
      content: '';
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #1779ba 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 0.3125rem;
      content: '';
      border-right-width: 0;
      border-left-style: solid;
      border-color: transparent transparent transparent #172b4d;
      position: absolute;
      top: 50%;
      margin-top: -0.3125rem;
      border-radius: 0.5rem; }

ul.menu > li.sr-hide-dropdown-arrow > a, ul.menu > li.is-dropdown-submenu-parent.sr-hide-dropdown-arrow > a {
  padding-right: 0.5rem !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; }
  ul.menu > li.sr-hide-dropdown-arrow > a.hover, ul.menu > li.sr-hide-dropdown-arrow > a.active, ul.menu > li.is-dropdown-submenu-parent.sr-hide-dropdown-arrow > a.hover, ul.menu > li.is-dropdown-submenu-parent.sr-hide-dropdown-arrow > a.active {
    background: #E8F2F8;
    color: #1779ba; }

/* Fine stile per creare classi per aggiungere o togliere la freccia dropdown */
/* Stile per contenuto dei button */
.sr-action .button span, .sr-action .button div {
  display: flex;
  gap: .25rem;
  align-items: center;
  justify-content: center; }

.sr-action.flex-direction-column {
  flex-direction: column; }

/* 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 {
  row-gap: 0.25rem; }
  .button-group .sr-action > .button, .button-group .sr-action > .button:last-child {
    margin-right: 0.25rem;
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .button-group.tiny .button {
      padding: 0.1875rem 0.3125rem;
      font-size: 0.6rem;
      line-height: 1.33; }
      .button-group.tiny .button.icon {
        padding: 0.1875rem !important; }
        .button-group.tiny .button.icon i {
          display: block;
          width: 1lh; }
        .button-group.tiny .button.icon[class*="fi-"] {
          width: calc(1lh + 0.5rem); } }
  @media print, screen and (min-width: 40em) {
    .button-group.tiny .button.chip {
      padding: 0.3125rem 0.4375rem !important;
      font-size: 0.75rem !important; } }
  @media print, screen and (min-width: 40em) {
    .button-group.small .button {
      padding: 0.3125rem 0.4375rem;
      font-size: 0.75rem;
      line-height: 1.33; }
      .button-group.small .button.icon {
        padding: 0.3125rem !important; }
        .button-group.small .button.icon i {
          display: block;
          width: 1lh; }
        .button-group.small .button.icon[class*="fi-"] {
          width: calc(1lh + 0.75rem); } }
  @media print, screen and (min-width: 40em) {
    .button-group.small .button.chip {
      padding: 0.1875rem 0.3125rem !important;
      font-size: 0.6rem !important; } }
  .button-group.large .button {
    padding: 0.6875rem 1.4375rem;
    font-size: 1.25rem; }
    .button-group.large .button.icon {
      padding: 0.6875rem !important; }
      .button-group.large .button.icon i {
        display: block;
        width: 1lh; }
      .button-group.large .button.icon[class*="fi-"] {
        width: calc(1lh + 1.5rem); }
    .button-group.large .button.chip {
      padding: 0.31288rem 0.6875rem;
      font-size: 0.875rem; }
  .button-group:empty {
    margin-bottom: 0; }

.button-group-space-between {
  display: flex;
  justify-content: space-between; }

/* 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 */
/* Stile per i badge group */
.badge-group {
  display: flex;
  justify-content: center;
  gap: .25rem;
  flex-wrap: wrap; }

/* Fine stile per i badge group */
/* 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: 0.25rem; }

.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 impostare il limite massimo della width nei dropdown su mobile altrimenti mi esce fuori dallo schermo */
.dropdown-pane, .is-dropdown-submenu {
  z-index: 130;
  border: none;
  box-shadow: 0px 16px 24px 0px rgba(23, 43, 77, 0.15), 0px 0px 0px 1px #d1d5dd; }
  @media screen and (max-width: 39.99875em) {
    .dropdown-pane, .is-dropdown-submenu {
      min-width: auto;
      max-width: 100vw !important;
      width: 100vw !important;
      left: 0vw !important;
      z-index: 110; } }
  .dropdown-pane.sr-draggable-element, .is-dropdown-submenu.sr-draggable-element {
    padding-top: 1.5rem; }
    .dropdown-pane.sr-draggable-element .sr-draggable-handle, .is-dropdown-submenu.sr-draggable-element .sr-draggable-handle {
      position: absolute;
      min-height: 1.5rem;
      width: 100%;
      top: 0;
      left: 0;
      cursor: move; }

/* 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;
  /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
  transition: box-shadow 0.15s ease-in-out; }
  .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: 0.375rem;
    border-style: solid;
    border-width: 1px;
    border-color: #CFD3DC;
    box-sizing: border-box;
    border-radius: 0.5rem; }
  .sr-checkbox-icon[disabled]:before, .sr-checkbox-icon[readonly]:before {
    background-color: #E0E3E8;
    color: #67748A; }
  .sr-checkbox-icon[disabled]:hover, .sr-checkbox-icon[readonly]:hover {
    cursor: not-allowed !important; }
  .sr-checkbox-icon:focus {
    outline: none; }
  .sr-checkbox-icon:focus-visible, .sr-checkbox-icon:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
    border-color: #1779ba; }
  .sr-checkbox-icon:not([disabled]):before {
    cursor: pointer; }
  .sr-checkbox-icon:not([disabled]).sr-unchecked:hover:before {
    border: 1px solid #1779ba; }
  .sr-checkbox-icon:not([disabled]).sr-unchecked:active:before {
    background: #E8F2F8; }
  .sr-checkbox-icon:not([disabled]).sr-checked:before {
    background: #1779ba;
    border-color: #1779ba;
    color: #fefefe; }
  .sr-checkbox-icon:not([disabled]).sr-checked:hover:before {
    background: #14679E;
    border-color: #14679E; }
  .sr-checkbox-icon:not([disabled]).sr-checked:active:before {
    background: #105684;
    border-color: #105684; }
  .sr-checkbox-icon.sr-unchecked:before {
    color: transparent; }

input[type="checkbox"] + label.sr-checkbox-icon {
  margin-left: 0;
  margin-bottom: 0.525rem;
  font-weight: 600; }
  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: #1779ba; }

/* 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: #172b4d; }

.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: #115b8c;
  background-color: transparent; }

/* Faccio partire la dropdown con la sua prima voce allineata alla voce padre */
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: -0.5rem; }

/* 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; } }

/* 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: 0.75rem;
  border: 1px solid #CFD3DC;
  padding-left: 0;
  padding-right: 0;
  border: none;
  position: relative;
  /*&:before{
		height: 1px;
		background: $gainsboro;
		content: '';
		position: absolute;
		top: 0;
		width: 100%;
	}*/ }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }
  .fieldset:has(legend:not(:empty)) {
    margin-top: 2.5rem; }
  .fieldset legend {
    margin-left: 0;
    margin-top: -2.25rem;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
    float: left;
    line-height: 1;
    position: relative;
    font-size: 1.125rem;
    /*&::after{
			height: $fieldset-legend-after;
			display: block;
			background: get-color(primary);
			content: '';
			margin-top: rem-calc(1.5);
		}*/ }
  .fieldset .fieldset {
    border: 1px solid #CFD3DC;
    border-radius: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin: 0;
    margin-top: .5rem !important; }
    .fieldset .fieldset:has(legend:not(:empty)) {
      padding-top: 3.25rem; }
    .fieldset .fieldset legend {
      font-size: 1rem; }
    .fieldset .fieldset:before {
      left: 0.75rem;
      width: calc(100% - 1.5rem); }
  .fieldset .with-border.sr-fieldset, .fieldset .with-flat-border.sr-fieldset, .fieldset .with-shadown.sr-fieldset {
    margin-bottom: 0; }
  .fieldset .with-border > .fieldset, .fieldset .with-flat-border > .fieldset, .fieldset .with-shadown > .fieldset {
    padding: 0.75rem; }

/* Fine nuovo stile per i fieldset */
/* Override Accordion */
.accordion {
  margin-bottom: 0.525rem; }
  .accordion .accordion-item {
    background-color: #fefefe; }
    .accordion .accordion-item .accordion-title {
      background-color: #fefefe;
      color: #172b4d;
      border-color: #CFD3DC;
      font-size: 0.875rem;
      font-weight: 600; }
      .accordion .accordion-item .accordion-title:hover {
        outline: none;
        color: #172b4d;
        background: #ECEEF1; }
      .accordion .accordion-item .accordion-title:focus {
        background-color: #E8F2F8;
        color: #1779ba; }
    .accordion .accordion-item.is-active .accordion-title {
      color: #1779ba;
      border-color: #CFD3DC; }
    .accordion .accordion-item .accordion-content {
      border-color: #CFD3DC;
      border-top: none; }
    .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: #F7F8F8;
        color: #5A6881;
        border-color: #F7F8F8; }

/* Fine override Accordion */
/* Override Tabs */
.tabs {
  border: none; }
  .tabs .tabs-title {
    background-color: #fefefe;
    border: none;
    font-weight: 600;
    margin-right: 0.1875rem;
    margin-bottom: 0.0625rem;
    /* Per non nascondere il bordo della tab attiva quando le tab vanno a capo */ }
    .tabs .tabs-title.is-active a {
      border-bottom: 2px solid #1779ba;
      color: #1779ba;
      margin-bottom: -0.125rem; }
      .tabs .tabs-title.is-active a:hover {
        color: #1779ba; }
    .tabs .tabs-title > a {
      padding: .6rem 1rem;
      font-size: .9rem;
      border-radius: 0.5rem 0.5rem 0 0; }
      .tabs .tabs-title > a:focus {
        outline: none; }
    .tabs .tabs-title:not(.is-active) > a {
      color: #172b4d; }
      .tabs .tabs-title:not(.is-active) > a:hover {
        color: #172b4d;
        background: #ECEEF1; }
      .tabs .tabs-title:not(.is-active) > a:focus {
        background: #E0E3E8;
        color: #172b4d; }
    .tabs .tabs-title[disabled], .tabs .tabs-title[readonly] {
      border-color: #CFD3DC;
      pointer-events: none; }
      .tabs .tabs-title[disabled] > a, .tabs .tabs-title[readonly] > a {
        background-color: #E0E3E8;
        color: #67748A; }

.tabs-content {
  margin-bottom: 0.525rem;
  border: none;
  border-top: 1px solid #CFD3DC;
  margin-top: -1px;
  /* Per allinearlo con il bordo della tab attiva */ }

/* 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 */
.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: .1875rem; }
    .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-border-style .sr-listbox-container label {
  border-color: #cacaca; }

.sr-listbox-container label {
  box-shadow: inset 0px 0px 0px 1px #CFD3DC;
  border-radius: 0.5rem;
  padding: .25rem .5rem;
  margin-left: 0;
  margin-right: 0;
  color: inherit;
  font-size: 0.875rem; }
  .sr-listbox-container label:hover {
    background: #fefefe;
    box-shadow: inset 0px 0px 0px 1px #1779ba; }
  .sr-listbox-container label:active {
    background-color: #E8F2F8;
    color: #1779ba; }
  .sr-listbox-container label.selected {
    box-shadow: inset 0px 0px 0px 1px #1779ba;
    background: #E8F2F8;
    color: #1779ba; }

.long-operation-container {
  z-index: 1006;
  /* Safari */ }
  .long-operation-container .loader-small {
    border: 0.25rem solid #f2f2f2;
    border-radius: 50%;
    border-top: 0.25rem solid #1779ba;
    width: 1.5625rem;
    height: 1.5625rem;
    -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: 0.25rem solid #f2f2f2;
    border-radius: 50%;
    border-top: 0.25rem solid #1779ba;
    width: 1.5625rem;
    height: 1.5625rem;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    display: block;
    margin: 0 auto; }
    .long-operation-container .loader.black {
      border-top: 0.25rem solid #000000; }

@-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: 0.1875rem;
    top: 0; }
  .long-operation-container .l-window {
    display: block;
    overflow: auto;
    position: relative;
    background: #fff; }
  .long-operation-container.l-window-small {
    display: block;
    overflow: auto;
    margin: auto;
    width: 3.375rem;
    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: 0.3125rem;
    transform: translateY(-30%); }
  .long-operation-container .l-icon {
    font-size: 1rem; }

.sr-out-of-container.sr-is-nested-display-mode .reveal-overlay {
  position: absolute; }

.sr-out-of-container.sr-is-nested-display-mode .long-operation-container.l-window-small {
  position: absolute; }

.sr-out-of-container.sr-is-nested-display-mode .long-operation-container.l-centered {
  position: absolute;
  padding: 0 0.375rem; }

.sr-out-of-container.sr-is-nested-display-mode.sr-not-workspace-loaded .reveal-overlay {
  padding: 1rem;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }

.sr-out-of-container.sr-is-nested-display-mode.sr-not-workspace-loaded .long-operation-container.l-window-small {
  position: relative;
  transform: none;
  left: 0; }

.sr-out-of-container.sr-is-nested-display-mode.sr-not-workspace-loaded .long-operation-container.l-centered {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }

/* 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 il titolo dei dataset */
.dataset-header > .row {
  display: flex;
  align-items: center; }

.dataset-header-copy-button {
  cursor: pointer; }

.dataset-header-status-icon {
  line-height: 1rem; }

.dataset-header-description .sr-pseudoinput {
  max-height: inherit;
  white-space: normal; }

.sr-dataset-header {
  margin-bottom: 1rem;
  padding-left: .3rem; }
  .sr-dataset-header > .row {
    display: flex;
    align-items: center; }
  .sr-dataset-header .sr-dataset-preview {
    width: fit-content;
    padding: 0; }
    .sr-dataset-header .sr-dataset-preview .photobox {
      width: 4rem;
      height: 4rem;
      display: flex;
      align-items: center;
      min-height: 0 !important;
      margin-right: .5rem; }
  .sr-dataset-header .sr-dataset-top-panel .sr-dataset-ext, .sr-dataset-header .sr-dataset-top-panel label {
    font-size: 1rem; }
  .sr-dataset-header .sr-dataset-top-panel .flow-layout {
    margin-bottom: 0; }
  .sr-dataset-header .sr-dataset-top-panel .flow-layout > div {
    padding: 0;
    margin: 0; }
  .sr-dataset-header .sr-dataset-top-panel .sr-dataset-slash {
    margin: 0 .5rem !important; }
  .sr-dataset-header .sr-dataset-top-panel .sr-dataset-ext, .sr-dataset-header .sr-dataset-top-panel .sr-dataset-slash label {
    color: #67748A;
    font-weight: 400; }
  .sr-dataset-header .sr-dataset-top-panel .sr-dataset-title label {
    font-weight: bold; }
  .sr-dataset-header .sr-dataset-top-panel .sr-dataset-version label {
    font-style: italic; }
  .sr-dataset-header .sr-dataset-top-panel .sr-dataset-status-icon {
    font-size: 1.5rem;
    line-height: 1rem; }
  .sr-dataset-header .sr-dataset-top-panel .sr-dataset-copy {
    margin: 0 .5rem 0 .25rem !important;
    color: #1779ba;
    cursor: pointer;
    font-size: .8rem; }
    .sr-dataset-header .sr-dataset-top-panel .sr-dataset-copy:hover, .sr-dataset-header .sr-dataset-top-panel .sr-dataset-copy:active {
      color: #105684; }
  .sr-dataset-header .sr-dataset-top-panel .sr-dataset-revision label {
    padding-right: .5rem; }
  .sr-dataset-header.sr-webapp-dataset-header .sr-dataset-top-panel {
    display: flex;
    align-items: center; }
  .sr-dataset-header .sr-dataset-bottom-panel {
    min-height: 2.55rem; }
    .sr-dataset-header .sr-dataset-bottom-panel .sr-dataset-description, .sr-dataset-header .sr-dataset-bottom-panel .sr-dataset-description .sr-pseudoinput {
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1.7;
      margin-bottom: 0;
      max-height: inherit;
      white-space: normal;
      width: 100%; }

/* Fine stile per titolo dei dataset */
/* Stile per una card che rappresenta un dataset */
.sr-dataset-card-icon {
  background: #E0E3E8;
  border-radius: 50%;
  padding: 0.375rem !important;
  margin-bottom: 0 !important; }
  .sr-dataset-card-icon i {
    margin-right: 0;
    display: block;
    line-height: 1.25rem;
    height: 1.25rem; }
  .sr-dataset-card-icon i::before {
    line-height: 1.25rem;
    font-size: 1.25rem;
    color: #67748A;
    vertical-align: initial; }
  .sr-dataset-card-icon .sr-pseudoinput-readonly {
    padding: 0; }

.sr-dataset-card .sr-dataset-card-text {
  width: 100%;
  margin-bottom: 0; }
  .sr-dataset-card .sr-dataset-card-text > .row {
    display: grid; }

.sr-dataset-card:has(.sr-dataset-card-description) .sr-dataset-card-title {
  -webkit-line-clamp: 1;
  line-height: inherit; }

.sr-dataset-card .sr-dataset-card-title {
  font-weight: 600;
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
  color: #1779ba;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.219rem;
  -webkit-box-orient: vertical;
  white-space: normal !important; }
  .sr-dataset-card .sr-dataset-card-title .sr-pseudoinput-readonly {
    padding: 0; }

.sr-dataset-card .sr-dataset-card-description label {
  color: #67748A;
  font-weight: normal;
  font-size: .75rem; }

.sr-dataset-card .sr-dataset-card-description, .sr-dataset-card .sr-dataset-card-description label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sr-dataset-card .sr-dataset-card-actions {
  padding: 0;
  margin-bottom: 0; }
  .sr-dataset-card .sr-dataset-card-actions .sr-action:last-child > .button {
    margin-right: 0; }
  .sr-dataset-card .sr-dataset-card-actions .button .fi-x {
    color: #CFD3DC; }

.sr-dataset-card > .flow-layout {
  margin-bottom: 0; }

td .sr-layout-content > div:has(.sr-dataset-card) {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  td .sr-layout-content > div:has(.sr-dataset-card) .sr-dataset-card {
    padding: 0;
    margin: 0; }
    td .sr-layout-content > div:has(.sr-dataset-card) .sr-dataset-card .sr-dataset-card-actions {
      align-self: flex-start; }
      td .sr-layout-content > div:has(.sr-dataset-card) .sr-dataset-card .sr-dataset-card-actions > .sr-pseudoinput-readonly {
        padding: 0; }
    td .sr-layout-content > div:has(.sr-dataset-card) .sr-dataset-card > .flow-layout {
      margin-bottom: -0.525rem; }

/* Fine stile per una card che rappresenta un dataset */
/* Stile per il summary */
.sr-summary-container {
  padding-bottom: .5rem; }
  .sr-summary-container > fieldset {
    margin-top: 0.375rem;
    border: none;
    padding: 0.375rem; }
    .sr-summary-container > fieldset:before {
      content: none; }
  .sr-summary-container .flow-layout {
    align-items: inherit; }
  .sr-summary-container .sr-summary-item {
    border-right: 1px solid #CFD3DC;
    /* Aggiungo il padding tolto dal flow layout */ }
    .sr-summary-container .sr-summary-item .sr-pseudoinput {
      margin-bottom: 0; }
      .sr-summary-container .sr-summary-item .sr-pseudoinput.sr-not-textbox-style {
        padding: 0;
        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: 33%;
        -ms-flex: 33%;
        max-width: calc(33% + 1px);
        /* Larghezza + bordo destro */
        align-items: center; } }
    .sr-summary-container .sr-summary-item:last-child {
      padding-right: 0.375rem;
      border-right: none; }
    .sr-summary-container .sr-summary-item:first-child {
      padding-left: 0.375rem; }
    @media print, screen and (min-width: 64em) {
      .sr-summary-container .sr-summary-item:first-child {
        padding-left: 0; } }
  @media screen and (max-width: 39.99875em) {
    .sr-summary-container {
      display: none; } }

/* 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: 0.375rem;
    padding-left: 0.375rem;
    margin-bottom: 0.525rem; }
    .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout > div:first-child {
      padding-left: 0; }
    .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout > div:last-child {
      padding-right: 0; }
  .flow-layout > .sr-combobox:not([readonly]), .flow-layout > .sr-textbox:not([readonly]), .flow-layout > .sr-dropdownlist:not([readonly]), .flow-layout > .sr-datetimepicker:not([readonly]) {
    flex-grow: 1; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.right > div:first-child:not(.padding-right-4):not(.padding-right-8):not(.padding-right-16):not(.padding-4):not(.padding-8):not(.padding-16) {
    padding-right: 0 !important; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.right > div:first-child:not(.noPadding):not(.noPaddingLeft):not(.padding-left-4):not(.padding-left-8):not(.padding-left-16):not(.padding-4):not(.padding-8):not(.padding-16) {
    padding-left: 0.375rem !important; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.right > div:last-child:not(.padding-left-4):not(.padding-left-8):not(.padding-left-16):not(.padding-4):not(.padding-8):not(.padding-16) {
    padding-left: 0 !important; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.right > div:last-child:not(.noPadding):not(.noPaddingRight):not(.padding-right-4):not(.padding-right-8):not(.padding-right-16):not(.padding-4):not(.padding-8):not(.padding-16) {
    padding-right: 0.375rem !important; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.reverse > div:first-child:not(.padding-right-4):not(.padding-right-8):not(.padding-right-16):not(.padding-4):not(.padding-8):not(.padding-16) {
    padding-right: 0 !important; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.reverse > div:first-child:not(.noPadding):not(.noPaddingLeft):not(.padding-left-4):not(.padding-left-8):not(.padding-left-16):not(.padding-4):not(.padding-8):not(.padding-16) {
    padding-left: 0.375rem !important; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.reverse > div:last-child:not(.padding-left-4):not(.padding-left-8):not(.padding-left-16):not(.padding-4):not(.padding-8):not(.padding-16) {
    padding-left: 0 !important; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.reverse > div:last-child:not(.noPadding):not(.noPaddingRight):not(.padding-right-4):not(.padding-right-8):not(.padding-right-16):not(.padding-4):not(.padding-8):not(.padding-16) {
    padding-right: 0.375rem !important; }

.right.flow-layout, .right > .flow-layout, .right > .button-group {
  flex-direction: row-reverse; }

.reverse.flow-layout, .reverse > .flow-layout, .reverse > .button-group {
  flex-direction: row-reverse;
  justify-content: flex-end; }

.align-right.flow-layout, .align-right > .flow-layout, .align-right > .button-group {
  justify-content: flex-end; }

.align-center.flow-layout, .align-center > .flow-layout, .align-center > .button-group {
  justify-content: center; }

.sr-flowlayoutpanel:not(.flow-layout-full-padding).right > .flow-layout:not(.flex-direction-column) > div:first-child:not(.padding-right-4):not(.padding-right-8):not(.padding-right-16):not(.padding-4):not(.padding-8):not(.padding-16) {
  padding-right: 0 !important; }

.sr-flowlayoutpanel:not(.flow-layout-full-padding).right > .flow-layout:not(.flex-direction-column) > div:first-child:not(.noPadding):not(.noPaddingLeft):not(.padding-left-4):not(.padding-left-8):not(.padding-left-16):not(.padding-4):not(.padding-8):not(.padding-16) {
  padding-left: 0.375rem !important; }

.sr-flowlayoutpanel:not(.flow-layout-full-padding).right > .flow-layout:not(.flex-direction-column) > div:last-child:not(.padding-left-4):not(.padding-left-8):not(.padding-left-16):not(.padding-4):not(.padding-8):not(.padding-16) {
  padding-left: 0 !important; }

.sr-flowlayoutpanel:not(.flow-layout-full-padding).right > .flow-layout:not(.flex-direction-column) > div:last-child:not(.noPadding):not(.noPaddingRight):not(.padding-right-4):not(.padding-right-8):not(.padding-right-16):not(.padding-4):not(.padding-8):not(.padding-16) {
  padding-right: 0.375rem !important; }

.sr-flowlayoutpanel:not(.flow-layout-full-padding).reverse > .flow-layout:not(.flex-direction-column) > div:first-child:not(.padding-right-4):not(.padding-right-8):not(.padding-right-16):not(.padding-4):not(.padding-8):not(.padding-16) {
  padding-right: 0 !important; }

.sr-flowlayoutpanel:not(.flow-layout-full-padding).reverse > .flow-layout:not(.flex-direction-column) > div:first-child:not(.noPadding):not(.noPaddingLeft):not(.padding-left-4):not(.padding-left-8):not(.padding-left-16):not(.padding-4):not(.padding-8):not(.padding-16) {
  padding-left: 0.375rem !important; }

.sr-flowlayoutpanel:not(.flow-layout-full-padding).reverse > .flow-layout:not(.flex-direction-column) > div:last-child:not(.padding-left-4):not(.padding-left-8):not(.padding-left-16):not(.padding-4):not(.padding-8):not(.padding-16) {
  padding-left: 0 !important; }

.sr-flowlayoutpanel:not(.flow-layout-full-padding).reverse > .flow-layout:not(.flex-direction-column) > div:last-child:not(.noPadding):not(.noPaddingRight):not(.padding-right-4):not(.padding-right-8):not(.padding-right-16):not(.padding-4):not(.padding-8):not(.padding-16) {
  padding-right: 0.375rem !important; }

.with-gap > .flow-layout {
  gap: 1rem; }

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

.sr-flex-no-wrap > .flow-layout {
  flex-wrap: nowrap; }

.flow-layout-vertical-align-top > .flow-layout, .flow-layout-vertical-align-top > .button-group {
  align-items: flex-start; }

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

.flow-layout-vertical-align-center > .flow-layout, .flow-layout-vertical-align-center > .button-group {
  align-items: center; }

.flow-layout-vertical-align-stretch > .flow-layout {
  align-items: stretch; }

.flow-layout-horizontal-align-right > .flow-layout {
  flex-direction: row-reverse; }

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

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

/* Fine stile per il FlowLayoutPanel */
/* Stile per gli oggetti collassabili */
.sr-collapsable-layout .sr-layout-title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer; }
  .sr-collapsable-layout .sr-layout-title .sr-layout-collapsable-action {
    margin-bottom: 0;
    margin-left: auto; }
    .sr-collapsable-layout .sr-layout-title .sr-layout-collapsable-action, .sr-collapsable-layout .sr-layout-title .sr-layout-collapsable-action:hover, .sr-collapsable-layout .sr-layout-title .sr-layout-collapsable-action:active {
      background: none !important; }
  .sr-collapsable-layout .sr-layout-title:hover {
    background: #ECEEF1; }
  .sr-collapsable-layout .sr-layout-title:active {
    background: #E0E3E8; }
  .sr-collapsable-layout .sr-layout-title .sr-layout-collapsable-action .fi-open {
    display: block; }
  .sr-collapsable-layout .sr-layout-title .sr-layout-collapsable-action .fi-close {
    display: none; }
  .sr-collapsable-layout .sr-layout-title.open .sr-layout-collapsable-action .fi-open {
    display: none; }
  .sr-collapsable-layout .sr-layout-title.open .sr-layout-collapsable-action .fi-close {
    display: block; }

.sr-collapsable-layout:has( > .fieldset > .sr-layout-title.open) .sr-layout-content, .sr-collapsable-layout:has( > .sr-layout-title.open) .sr-layout-content {
  display: block; }

.sr-collapsable-layout:has( > .fieldset > .sr-layout-title:not(.open)) .sr-layout-content, .sr-collapsable-layout:has( > .sr-layout-title:not(.open)) .sr-layout-content {
  display: none; }

.sr-collapsable-layout:has( > .fieldset > .sr-layout-title:not(.open)) .fieldset, .sr-collapsable-layout:has( > .sr-layout-title:not(.open)) .fieldset {
  padding-bottom: 0; }

.sr-collapsable-layout:has( > .fieldset > .sr-layout-title:not(.open)) .sr-table-header-container, .sr-collapsable-layout:has( > .sr-layout-title:not(.open)) .sr-table-header-container {
  margin-bottom: 0; }

/* Fine stile per gli oggetti collassabili */
/* Stile per il nostro magellan (Che al momento usiamo nei "TabControl" Sticky) */
.sr-magellan a {
  background-color: #1779ba;
  color: #fefefe;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-right: 1px solid #146aa3; }
  .sr-magellan a:hover {
    background-color: #146aa3;
    color: #fefefe; }
  .sr-magellan a.is-active {
    background-color: #fefefe;
    color: #1779ba; }

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

/* 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 switch */
.switch-paddle {
  border-radius: 2rem;
  background: #fefefe;
  box-shadow: 0 0 0px 1px #CFD3DC;
  /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
  transition: box-shadow 0.15s ease-in-out; }
  .switch-paddle:after {
    border-radius: 2rem; }
  .switch-paddle:hover {
    box-shadow: 0 0 0px 1px #14679E; }
  .switch-paddle:active {
    box-shadow: 0 0 0px 1px #105684;
    background: #E8F2F8; }
  .switch-paddle:after {
    background: #1779ba; }
  .switch-paddle:focus {
    outline: none; }
  .switch-paddle:focus-visible, .switch-paddle:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
    border-color: #1779ba; }

input:checked ~ .switch-paddle {
  box-shadow: 0 0 0px 1px #1779ba; }
  input:checked ~ .switch-paddle:hover {
    box-shadow: 0 0 0px 1px #14679E;
    background: #14679E; }
  input:checked ~ .switch-paddle:active {
    box-shadow: 0 0 0px 1px #105684;
    background: #105684; }
  input:checked ~ .switch-paddle:after {
    background: #fefefe; }

input + .switch-paddle {
  margin-top: 1px;
  margin-left: 1px; }

/* 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.5rem;
  background-color: #fefefe;
  color: #172b4d;
  border: 1px solid rgba(23, 43, 77, 0.25); }
  .callout.tertiary > :first-child {
    margin-top: 0; }
  .callout.tertiary > :last-child {
    margin-bottom: 0; }

.callout.alert {
  color: #fefefe; }

.callout h5 {
  text-transform: lowercase;
  font-weight: bold; }
  .callout h5:first-letter {
    text-transform: uppercase; }

/* 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 Reveal e il suo contenuto */
.reveal {
  border-radius: 0.5rem;
  border: none; }
  .reveal .sr-title {
    font-size: 1.6875rem; }
    .reveal .sr-title label {
      font-size: 1.6875rem;
      color: #172b4d;
      font-weight: bold; }
  .reveal h2 {
    font-size: 1.6875rem;
    font-weight: bold; }
    .reveal h2 i.fi-info {
      color: #40779F !important; }
    .reveal h2 i.fi-thin-check {
      color: #69B761 !important; }
    .reveal h2 i.fi-error {
      color: #E8413A !important; }
  .reveal .sr-dataset-title > label {
    margin-bottom: 0.375rem; }
  .reveal:focus {
    outline: none; }
  .reveal .close-button {
    color: black;
    width: 2rem;
    border: 1px solid transparent;
    background: none;
    color: #1779ba; }
    .reveal .close-button[disabled], .reveal .close-button.disabled {
      color: #1779ba !important;
      background: none !important; }
    .reveal .close-button.active {
      background: #E8F2F8;
      color: #1779ba; }
    .sr-action.active > .reveal .close-button {
      background: #E8F2F8;
      color: #1779ba; }
    .reveal .close-button:active {
      background: #E8F2F8;
      color: #1779ba; }
    .reveal .close-button:hover {
      background: #ECEEF1; }
    .danger > .reveal .close-button, .reveal .close-button.danger {
      background-color: transparent;
      color: #E8413A; }
      .danger > .reveal .close-button:hover, .reveal .close-button.danger:hover {
        color: #D33B35;
        background-color: #FDECEB; }
      .danger > .reveal .close-button:active, .reveal .close-button.danger:active {
        color: #A52E29;
        background-color: #FDECEB; }
  .reveal.sr-draggable-element .sr-draggable-handle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: move; }

@media screen and (max-width: 63.99875em) {
  .reveal.tiny, .reveal.small, .reveal.large {
    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; } }

/* Fine stile per Reveal e il suo contenuto */
/* Stile iniziale per quando un determinato oggetto non è ancora inizializzato, successivamente quando viene inizializzato dal js tolgo questa classe */
.is-loading.accordion {
  visibility: hidden; }

/* Fine stile iniziale per quando un determinato oggetto non è ancora inizializzato, successivamente quando viene inizializzato dal js tolgo questa classe */
/* Stile per i nostri iframe */
.sr-iframe-container > iframe {
  border: 0;
  height: 100%;
  width: 100%; }

/* Fine stile per i nostri iframe*/
/* Stile per rendere più chiaro il reveal-overlay (usato per le reveal draggable) */
.reveal-overlay.lighter {
  background-color: rgba(23, 43, 77, 0.2); }

/* Fine stile per rendere più chiaro il reveal-overlay (usato per le reveal draggable) */
.sr-out-of-container[data-sr-contains-overlay] ~ .sr-out-of-container[data-sr-contains-overlay] > .reveal-overlay {
  background: transparent; }

/* Override dello stile della label */
.label {
  line-height: 1.1; }
  .label.secondary {
    background: #F7F8F8; }
  a > .label {
    cursor: inherit; }
    a > .label.secondary {
      color: inherit; }

.select-all-pages .label {
  white-space: unset;
  line-height: inherit; }

/* Fine override dello stile della label */
/* Stile per contenere delle label con dentro dei radio */
.sr-label-radio-container > label {
  display: inline-block;
  margin-right: 1rem; }
  .sr-label-radio-container > label:not(.disabled) {
    cursor: pointer; }

/* Fine stile per contenere delle label con dentro dei radio */
/* Stile per labelbox */
.sr-labelbox > label, .section-label > label {
  font-size: 0.875rem;
  font-weight: 600; }

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

.sr-label.h1 label, .sr-label.h1 > .sr-pseudoinput, .sr-textbox.h1 label, .sr-textbox.h1 > .sr-pseudoinput {
  font-size: 1.75rem;
  font-weight: bold; }

.sr-label.h2 label, .sr-label.h2 > .sr-pseudoinput, .sr-textbox.h2 label, .sr-textbox.h2 > .sr-pseudoinput {
  font-size: 1.5rem;
  font-weight: bold; }

.sr-label.h3 label, .sr-label.h3 > .sr-pseudoinput, .sr-textbox.h3 label, .sr-textbox.h3 > .sr-pseudoinput {
  font-size: 1.25rem;
  font-weight: bold; }

.sr-label.h4 label, .sr-label.h4 > .sr-pseudoinput, .sr-textbox.h4 label, .sr-textbox.h4 > .sr-pseudoinput {
  font-size: 1.125rem;
  font-weight: bold; }

.sr-label.h5 label, .sr-label.h5 > .sr-pseudoinput, .sr-textbox.h5 label, .sr-textbox.h5 > .sr-pseudoinput {
  font-size: 1rem;
  font-weight: bold; }

.sr-label.h6 label, .sr-label.h6 > .sr-pseudoinput, .sr-textbox.h6 label, .sr-textbox.h6 > .sr-pseudoinput {
  font-size: 0.875rem;
  font-weight: bold; }

/* Stili standard per i testi */
.text, .text > label {
  font-weight: normal; }

.semi-bold, .semi-bold > label {
  font-weight: 600; }

.bold, .bold > label {
  font-weight: bold; }

.italic, .italic > label {
  font-style: italic; }

.black, .black > label {
  color: #172b4d; }

.primary:not(.badge):not(.icon-badge):not(.button), .primary:not(.badge):not(.icon-badge):not(.button) > label {
  color: #1779ba; }

.secondary:not(.badge):not(.icon-badge):not(.button), .secondary:not(.badge):not(.icon-badge):not(.button) > label {
  color: #67748A; }

.info:not(.sr-banner):not(.badge):not(.icon-badge):not(.button), .info:not(.sr-banner):not(.badge):not(.icon-badge):not(.button) > label {
  color: #40779F; }

.success:not(.sr-banner):not(.badge):not(.icon-badge):not(.button), .success:not(.sr-banner):not(.badge):not(.icon-badge):not(.button) > label {
  color: #69B761; }

.warning:not(.sr-banner):not(.badge):not(.icon-badge):not(.button), .warning:not(.sr-banner):not(.badge):not(.icon-badge):not(.button) > label {
  color: #FFCC07; }

.error:not(.sr-banner):not(.badge):not(.icon-badge):not(.button), .error:not(.sr-banner):not(.badge):not(.icon-badge):not(.button) > label {
  color: #E8413A; }

.small, .small > label {
  font-size: 0.75rem; }

.normal, .normal > label {
  font-size: 0.875rem; }

.medium, .medium > label {
  font-size: 1rem; }

.title1, .title1 > label, .title1 > .sr-pseudoinput {
  font-size: 1.75rem; }
  .title1.sr-pseudoinput, .title1 > label.sr-pseudoinput, .title1 > .sr-pseudoinput.sr-pseudoinput {
    line-height: inherit; }

.title2, .title2 > label, .title2 > .sr-pseudoinput {
  font-size: 1.5rem; }
  .title2.sr-pseudoinput, .title2 > label.sr-pseudoinput, .title2 > .sr-pseudoinput.sr-pseudoinput {
    line-height: inherit; }

.title3, .title3 > label, .title3 > .sr-pseudoinput {
  font-size: 1.25rem; }
  .title3.sr-pseudoinput, .title3 > label.sr-pseudoinput, .title3 > .sr-pseudoinput.sr-pseudoinput {
    line-height: inherit; }

.title4, .title4 > label, .title4 > .sr-pseudoinput {
  font-size: 1.125rem; }
  .title4.sr-pseudoinput, .title4 > label.sr-pseudoinput, .title4 > .sr-pseudoinput.sr-pseudoinput {
    line-height: inherit; }

.title5, .title5 > label, .title5 > .sr-pseudoinput {
  font-size: 1rem; }
  .title5.sr-pseudoinput, .title5 > label.sr-pseudoinput, .title5 > .sr-pseudoinput.sr-pseudoinput {
    line-height: inherit; }

.title6, .title6 > label, .title6 > .sr-pseudoinput {
  font-size: 0.875rem; }
  .title6.sr-pseudoinput, .title6 > label.sr-pseudoinput, .title6 > .sr-pseudoinput.sr-pseudoinput {
    line-height: inherit; }

/* Fine stili standard per i testi */
/* Stile per testo secondario*/
.secondary-text {
  color: #67748A; }

/* Fine stile per testo secondario*/
/* Stile per helper sotto agli input */
.helper {
  color: #67748A;
  font-size: .875rem; }

/* Stile per testo divisore */
p.divider {
  overflow: hidden;
  text-align: center;
  font-size: 0.75rem;
  text-transform: uppercase; }
  p.divider:before, p.divider:after {
    background-color: #CFD3DC;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%; }
  p.divider:before {
    right: 0.5em;
    margin-left: -50%; }
  p.divider:after {
    left: 0.5em;
    margin-right: -50%; }

/* Fine stile per testo divisore */
/* Stile per i dropdown chiamati da input / pseudoinput */
.sr-dropdown-of-input {
  z-index: 1005;
  padding: 0.375rem;
  max-width: calc(100vw - 0.75rem);
  width: auto;
  overflow: auto;
  padding: 0;
  /* Nei treeselect non nascondiamo mai la barra di ricerca */ }
  .sr-dropdown-of-input .menu.accordion-menu li a {
    min-height: 1.81313rem; }
  .sr-dropdown-of-input .sr-hide-expand-arrow-placeholders .sr-expand-arrow-placeholder {
    display: none; }
  .sr-dropdown-of-input .sr-expand-arrow {
    padding-left: 1px;
    width: auto !important; }
    .sr-dropdown-of-input .sr-expand-arrow:hover {
      background-color: transparent !important;
      color: #172b4d !important; }
    .sr-dropdown-of-input .sr-expand-arrow:focus {
      border: 1px solid #1779ba; }
    .sr-dropdown-of-input .sr-expand-arrow > i {
      margin-right: 0 !important; }
  .sr-dropdown-of-input .sr-dropdown-content {
    max-height: 45vh;
    overflow: auto; }
    .sr-dropdown-of-input .sr-dropdown-content a {
      padding-left: 1rem;
      padding-right: 1rem; }
  .sr-dropdown-of-input .sr-dropdown-searchbar-container {
    padding: .5rem; }
    .sr-dropdown-of-input .sr-dropdown-searchbar-container .sr-pseudoinput.sr-dropdown-searchbar {
      margin-bottom: 0; }
  .sr-dropdown-of-input .sr-dropdown-searchbar-container + .sr-dropdown-content ul {
    padding-top: 0; }
  .sr-dropdown-of-input:not(.sr-dropdown-mode-treeselect) .sr-dropdown-searchbar.sr-dropdown-results-0000, .sr-dropdown-of-input:not(.sr-dropdown-mode-treeselect) .sr-dropdown-searchbar.sr-dropdown-results-0001, .sr-dropdown-of-input:not(.sr-dropdown-mode-treeselect) .sr-dropdown-searchbar.sr-dropdown-results-0002, .sr-dropdown-of-input:not(.sr-dropdown-mode-treeselect) .sr-dropdown-searchbar.sr-dropdown-results-0003, .sr-dropdown-of-input:not(.sr-dropdown-mode-treeselect) .sr-dropdown-searchbar.sr-dropdown-results-0004, .sr-dropdown-of-input:not(.sr-dropdown-mode-treeselect) .sr-dropdown-searchbar.sr-dropdown-results-0005 {
    display: none; }

/* Fine stile per i dropdown chiamati da input / pseudoinput */
/* Stile che crea una classe da applicare a un nostro Repeater per far si che gli oggetti vengano disposti orizzontalmente */
.horizontal-repeater > div > div > div {
  display: inline-block;
  margin-right: 1rem;
  /* Stile per simulare le spaziature di un button-group */ }
  .like-button-group.horizontal-repeater > div > div > div {
    margin-right: 0.25rem; }
    .like-button-group.horizontal-repeater > div > div > div .sr-formelement {
      padding-right: 0;
      padding-left: 0; }

/* Fine stile per repeater orizzontale */
/* Stile per Picture Box */
.picture-box-container.picture-box-editing-mode {
  margin-bottom: 0.525rem; }

.picture-box-container.picture-box-in-editing {
  width: 100%;
  background-color: #fefefe; }
  .picture-box-container.picture-box-in-editing .photobox {
    margin-top: 3.1rem; }

.picture-box-container .photobox {
  position: relative; }
  .picture-box-container .photobox .picture-box-actions-bar {
    padding: .5rem;
    position: absolute;
    background-color: transparent;
    z-index: 1;
    top: -3.1rem;
    width: 100%;
    border: 1px solid #CFD3DC;
    border-bottom: none;
    /* Inizio Stile Hack per far si che in tutti siano 3 elementi in modo da avere il contenitore centrale perfettamente al centro */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Fine Stile Hack per far si che in tutti siano 3 elementi in modo da avere il contenitore centrale perfettamente al centro */ }
    .picture-box-container .photobox .picture-box-actions-bar > * {
      flex: 1; }
    .picture-box-container .photobox .picture-box-actions-bar:after {
      flex: 1;
      content: ""; }
    .picture-box-container .photobox .picture-box-actions-bar .button {
      margin-right: 0.25rem;
      margin-bottom: 0; }
  .picture-box-container .photobox .resize-container {
    padding: 0;
    text-align: center; }
    .picture-box-container .photobox .resize-container .resize-separator {
      margin: 0 .25rem; }
    .picture-box-container .photobox .resize-container .resize-input {
      border: 1px solid #CFD3DC; }
      .picture-box-container .photobox .resize-container .resize-input:focus {
        outline: 1px solid #fefefe; }
    .picture-box-container .photobox .resize-container .resize-input, .picture-box-container .photobox .resize-container .resize-separator {
      width: 3rem;
      padding: .25rem 0;
      text-align: center;
      line-height: 1.15rem;
      font-size: 1rem; }

/* Fine stile per Picture Box */
/* Classe generica da mettere sopra a un button per ottenere dei button con icone grandi */
.sr-table .large-icon-button {
  padding-top: 0.31288rem;
  padding-bottom: 0.31288rem; }

.large-icon-button i {
  display: block;
  line-height: 1.2;
  font-size: 2rem; }
  .large-icon-button i:before {
    font-size: 2rem;
    line-height: 1.2; }

/* Fine classe generica da mettere sopra a un button per ottenere dei button con icone grandi */
/* Classe utilizzata per distanziare i titoli delle schermate di login e di 2FA */
.signin-header-container {
  margin-top: 2rem;
  margin-bottom: 1rem; }

/* Fine classe utilizzata per distanziare i titoli delle schermate di login e di 2FA */
/* Classe utilizzata per l'effetto in fase di drag dell'elemento di origine */
.sr-draggable-data-dragging {
  opacity: .4; }

/* Fine classe utilizzata per l'effetto in fase di drag dell'elemento di origine */
/* Classe utilizzata per l'effetto in fase di drop del contenitore dove sto droppando */
.sr-droppable-data-dragging {
  box-shadow: 0 0 0 1.5px #fefefe;
  outline: dashed 1.5px #1779ba;
  background: #E8F2F8;
  padding-bottom: 1rem;
  border-radius: 0.5rem; }

/* Fine classe utilizzata per l'effetto in fase di drop del contenitore dove sto droppando */
/* Fine classe utilizzata per distanziare i titoli delle schermate di login e di 2FA */
/* Stile per datetimepicker */
.datepicker.dropdown-menu {
  border: none !important;
  box-shadow: 0px 16px 24px 0px rgba(23, 43, 77, 0.15), 0px 0px 0px 1px #d1d5dd !important;
  border-radius: 0.5rem !important; }

.datepicker thead tr:first-child th {
  border-radius: 0.5rem; }
  .datepicker thead tr:first-child th:hover {
    background: #ECEEF1; }
  .datepicker thead tr:first-child th:active {
    background: #E8F2F8;
    color: #1779ba; }

.datepicker tbody tr:not(:last-child) {
  border-bottom: none; }

.datepicker tbody td span {
  border-radius: 0.5rem; }
  .datepicker tbody td span:hover {
    background: #ECEEF1; }
  .datepicker tbody td span:active {
    background: #E8F2F8;
    color: #1779ba; }
  .datepicker tbody td span.active {
    background: #1779ba;
    color: #fefefe; }

.datepicker .datepicker-days td {
  border-radius: 0.5rem; }
  .datepicker .datepicker-days td:hover {
    background: #ECEEF1; }
  .datepicker .datepicker-days td:active {
    background: #E8F2F8;
    color: #1779ba; }
  .datepicker .datepicker-days td.active.day {
    background: #1779ba;
    color: #fefefe; }

/* Fine stile per datetimepicker */
/* Stile per ricerca nei filtri */
.filter-filters {
  box-shadow: none;
  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;
  min-height: 1.93813rem;
  max-height: 3.00063rem;
  line-height: 1.81313rem;
  font-size: 0.875rem;
  margin: 0 0 0.525rem 0;
  vertical-align: middle;
  white-space: nowrap;
  overflow-x: auto;
  /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
  transition: box-shadow 0.15s ease-in-out; }
  .filter-filters[contenteditable]:not([contenteditable="false"]), .filter-filters.limit-to-list {
    border: 1px solid #CFD3DC;
    border-radius: 0.5rem;
    /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
    transition: box-shadow 0.15s ease-in-out; }
    .filter-filters[contenteditable]:not([contenteditable="false"]):focus, .filter-filters.limit-to-list:focus {
      outline: none; }
    .filter-filters[contenteditable]:not([contenteditable="false"]):focus-visible, .filter-filters[contenteditable]:not([contenteditable="false"]):focus-within, .filter-filters.limit-to-list:focus-visible, .filter-filters.limit-to-list:focus-within {
      box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
      border-color: #1779ba; }
    .filter-filters[contenteditable]:not([contenteditable="false"]):hover, .filter-filters.limit-to-list:hover {
      border-color: #1779ba; }
    .filter-filters[contenteditable]:not([contenteditable="false"]):focus, .filter-filters.limit-to-list:focus {
      border-color: #1779ba; }
  .filter-filters[disabled], .filter-filters[readonly] {
    cursor: auto;
    border: none;
    padding-left: 0;
    padding-right: 0; }
  .filter-filters:not([disabled]):not([readonly])[data-sr-dropdown-list], .filter-filters:not([disabled]):not([readonly])[data-sr-dropdown], .filter-filters:not([disabled]):not([readonly])[data-sr-datetimemode] {
    padding-right: 1.625rem;
    background: #fefefe; }
    .filter-filters:not([disabled]):not([readonly])[data-sr-dropdown-list]:hover, .filter-filters:not([disabled]):not([readonly])[data-sr-dropdown]:hover, .filter-filters:not([disabled]):not([readonly])[data-sr-datetimemode]:hover {
      cursor: pointer; }
  .filter-filters:not([disabled]):not([readonly]):hover {
    border-color: #1779ba; }
  .filter-filters[disabled][data-sr-textbox-with-format-code], .filter-filters[readonly][data-sr-textbox-with-format-code] {
    padding-right: 2.375rem; }
  .filter-filters:hover {
    border-color: #1779ba; }
  .filter-filters:focus {
    outline: none; }
  .filter-filters:focus-visible, .filter-filters:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
    border-color: #1779ba; }

/* Card */
.card {
  padding: 1rem;
  margin-bottom: 1rem;
  margin-right: 1rem; }
  .card .h4 {
    margin-bottom: 0; }
  .card:hover {
    border-color: #1779ba; }
  .card:active {
    background: #E8F2F8; }
  .card .image {
    margin: 0 auto;
    text-align: center; }

/* Configuration panel */
.configuration-panel {
  min-height: 80vh;
  position: relative;
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem;
  padding: 1rem;
  padding-bottom: 3.6875rem;
  /* altezza della summary bar */ }
  .configuration-panel .category {
    margin-bottom: 1rem; }
  .configuration-panel .summary-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .5rem;
    border-top: 1px solid #CFD3DC;
    left: 50%;
    transform: translateX(-50%); }
    .configuration-panel .summary-bar > .flow-layout {
      justify-content: space-between; }

/* Flow layout con space-between */
.space-between .flow-layout {
  justify-content: space-between; }

.sr-ignore-max-height.sr-vh-handled {
  max-height: none !important;
  overflow: visible !important; }

.sr-table-element .sr-can-be-cropped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; }

/* Stile per testo celle troncato */
.sr-table-element .sr-can-be-cropped:not(.sr-avoid-line-clamp).sr-text-clamped, .sr-table-element .sr-can-be-cropped:not(.sr-avoid-line-clamp) .sr-text-clamped, [class*="sr-line-clamp"]:not(.sr-avoid-line-clamp).sr-text-clamped, [class*="sr-line-clamp"]:not(.sr-avoid-line-clamp) .sr-text-clamped {
  cursor: pointer;
  position: relative; }
  .sr-table-element .sr-can-be-cropped:not(.sr-avoid-line-clamp).sr-text-clamped:after, .sr-table-element .sr-can-be-cropped:not(.sr-avoid-line-clamp) .sr-text-clamped:after, [class*="sr-line-clamp"]:not(.sr-avoid-line-clamp).sr-text-clamped:after, [class*="sr-line-clamp"]:not(.sr-avoid-line-clamp) .sr-text-clamped:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    pointer-events: none; }

.sr-error-alert {
  z-index: 1006;
  display: flex;
  align-items: center;
  max-width: inherit;
  background: #fefefe;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 4px 4px rgba(23, 43, 77, 0.1);
  border-radius: 0.5rem;
  top: .25rem;
  padding: .5rem;
  background: #FDECEB;
  color: #E8413A; }
  .sr-error-alert span {
    font-weight: 600;
    font-size: 0.875rem;
    color: #172b4d; }
  .sr-error-alert .button {
    margin-left: 1rem; }

.sr-app-view-element, .sr-configurator-element {
  position: relative; }

.sr-index-result-container[data-sr-processed-embeddedurl] > .customview {
  margin-right: 0.375rem;
  margin-left: 0.375rem; }

.sr-horizontal-scroller {
  position: relative; }
  .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-left, .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-right {
    cursor: pointer;
    display: flex;
    position: absolute;
    font-size: 1.4rem;
    padding: 0 0.5rem;
    height: 100%;
    align-items: center;
    color: #1779ba; }
    .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-left:hover, .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-right:hover {
      color: #14679E; }
    .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-left:active, .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-right:active {
      color: #105684; }
    .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-left.sr-horizontal-scroller-scroll-arrow-left, .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-right.sr-horizontal-scroller-scroll-arrow-left {
      background: linear-gradient(to left, rgba(254, 254, 254, 0) 0%, rgba(254, 254, 254, 0.7) 50%, #fefefe 80%);
      left: 0;
      top: 0;
      z-index: 1000; }
    .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-left.sr-horizontal-scroller-scroll-arrow-right, .sr-horizontal-scroller .sr-horizontal-scroller-scroll-arrow-right.sr-horizontal-scroller-scroll-arrow-right {
      background: linear-gradient(to right, rgba(254, 254, 254, 0) 0%, rgba(254, 254, 254, 0.7) 50%, #fefefe 80%);
      right: 0;
      top: 0;
      z-index: 1000; }
  .sr-horizontal-scroller .sr-horizontal-scroller-container {
    display: flex;
    overflow: hidden; }
    .sr-horizontal-scroller .sr-horizontal-scroller-container .sr-horizontal-scroller-content {
      width: fit-content; }

.flow-layout:has( > .timeline-event) {
  height: 2.5rem; }

.timeline-event::before {
  content: "";
  position: absolute;
  bottom: calc(100% - .25rem);
  left: .875rem;
  width: 1px;
  height: 1.25rem;
  background: #CFD3DC;
  z-index: -10; }

@media print, screen and (min-width: 40em) {
  .sr-width-raw {
    width: var(--sr-width-raw);
    max-width: var(--sr-width-raw); } }

i.fi-sr-assistant, i.fi-sr-assistant-circle {
  background: linear-gradient(132deg, #ed4cca 0%, #846DD6 45%, #4A57F5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.datepicker {
  display: none;
  position: absolute;
  padding: 0.25rem;
  margin-top: 0.0625rem;
  direction: ltr; }
  .datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 10rem;
    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: 0.8125rem;
    line-height: 1.125rem; }
    .datepicker.dropdown-menu th {
      padding: 0.25rem 0.3125rem; }
    .datepicker.dropdown-menu td {
      padding: 0.25rem 0.3125rem; }
  .datepicker table {
    border: 0;
    margin: 0;
    width: auto; }
    .datepicker table tr td span {
      display: block;
      width: 23%;
      height: 3.375rem;
      line-height: 3.375rem;
      float: left;
      margin: 1%;
      cursor: pointer; }
  .datepicker td {
    text-align: center;
    width: 1.25rem;
    height: 1.25rem;
    border: 0;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    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: 0.5625rem;
      height: 2.1875rem;
      line-height: 2.1875rem; }
  .datepicker th {
    text-align: center;
    width: 1.25rem;
    height: 1.25rem;
    border: 0;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    background: #fff;
    cursor: pointer; }
    .datepicker th.active.day, .datepicker th.active.year {
      background: #2ba6cb; }
    .datepicker th.date-switch {
      width: 9.0625rem; }
    .datepicker th span.active {
      background: #2ba6cb; }
  .datepicker .cw {
    font-size: 0.625rem;
    width: 0.75rem;
    padding: 0 0.125rem 0 0.3125rem;
    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: 13.75rem; }

.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: -0.4375rem;
    left: 0.375rem; }
  .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: -0.375rem;
    left: 0.4375rem; }

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

.datepicker-close {
  position: absolute;
  top: -1.875rem;
  right: 0;
  width: 0.9375rem;
  height: 1.875rem;
  padding: 0;
  display: none; }

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

/* INIZIO stile per calendario */
.calendar-container {
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin-bottom: 1.25rem; }

.daytable-header {
  background: #fff;
  color: #555;
  table-layout: fixed;
  width: 100%; }

.calendar-event-container {
  overflow: hidden;
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid #CFD3DC; }
  .calendar-event-container > .calendar-week-row:last-child {
    border-bottom: none; }

.calendar-week-row {
  border-bottom: 1px solid #CFD3DC;
  width: 100%;
  display: flex; }
  .calendar-week-row > table tbody tr {
    border-bottom: none; }
    .calendar-week-row > table tbody tr:nth-child(even) {
      background-color: transparent; }
    .calendar-week-row > table tbody tr > td:last-child {
      border-right: none; }
  .calendar-week-row .calendar-week-number-side {
    font-size: 0.875rem;
    font-weight: 600;
    background: #F7F8F8;
    padding: .25rem;
    width: 2rem;
    text-align: center; }

.calendar-week-number-top {
  font-size: 0.875rem;
  font-weight: 600;
  background: #F7F8F8;
  text-align: center;
  padding: .25rem; }

.calendar-month-row {
  border-bottom: 1px solid #CFD3DC; }

.cell-label {
  color: #222;
  overflow: hidden; }
  .cell-label a {
    color: #222; }
    .cell-label a:hover {
      text-decoration: underline; }

.cell-label-off {
  color: #aaa;
  overflow: hidden; }
  .cell-label-off a {
    color: #aaa; }
    .cell-label-off a:hover {
      text-decoration: underline; }

.calendar-menu-container.non-working-time, .calendar-menu-container.public-holiday {
  /* Hack per permettere alla cella di occupare l'intera area disponibile per colorare tutto il background-color in modo che non rimangano dei buchi laterali */
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem; }
  .calendar-menu-container.non-working-time > *, .calendar-menu-container.public-holiday > * {
    /* Rimetto il margine ai figli descendants per evitare di avere dei datasets senza margine e quindi più grandi rispetto ad altri */
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .calendar-menu-container.non-working-time .hour-cell .event-anc-action, .calendar-menu-container.public-holiday .hour-cell .event-anc-action {
    right: 0.313rem; }

.calendar-menu-container.non-working-time {
  background-color: #F7F8F8; }

.calendar-container .ui-state-hover {
  background: initial;
  background-color: transparent !important;
  border: 1px dashed #1779ba;
  border-bottom: 1px dashed #1779ba !important;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.cellItem {
  position: relative;
  vertical-align: middle;
  padding: 0;
  border-right: 1px solid #CFD3DC; }
  .cellItem.non-working-day {
    background-color: #F7F8F8; }
  .cellItem.public-holiday {
    background-color: #ffe5e5; }

.cellItem-pos {
  position: relative;
  padding: 0.0625rem 0.0625rem 0 0.125rem;
  cursor: pointer; }

.cellItem-pos-rb {
  color: #777777; }

.calendar-element {
  overflow: hidden;
  font-size: .875rem; }
  .calendar-element.active {
    font-weight: bolder; }
  .calendar-element .dataset-preview {
    border-radius: .25rem;
    border-color: white; }

.daytable {
  position: relative;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 0; }

.scroll-hourtable {
  border-top: none;
  border-bottom: none;
  position: relative;
  border-left: 0 none;
  padding: 0;
  line-height: normal; }

.hourtable {
  height: 63.125rem;
  background-color: #fff;
  table-layout: fixed;
  width: 100%; }

.hour-label {
  border-bottom: 1px dotted #CFD3DC;
  padding-right: 0.125rem;
  box-sizing: border-box; }

.hour-labels {
  background-color: #fff;
  color: #555;
  padding: 0;
  text-align: right;
  vertical-align: top;
  border-right: 1px solid #CFD3DC;
  border-top: 1px dotted #CFD3DC; }

.table-column {
  border-left: 1px solid #CFD3DC;
  border-right: 1px solid #CFD3DC;
  border-top: 1px dotted #CFD3DC;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible; }

.hourtable-hours-markers {
  position: relative;
  margin: 0.0625rem 0 0 0.0625rem; }

.half-hour-markers {
  position: absolute;
  width: 100%; }

.half-hour-marker {
  height: 2rem; }

.half-hour-marker-line {
  height: 1rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px dotted #CFD3DC;
  border-top: 1px solid #CFD3DC;
  font-size: 0.0625rem; }

.table-column-rows-container {
  position: relative;
  height: 0; }

.hour-cell {
  cursor: default;
  color: #222;
  font-size: 0.6875rem;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .hour-cell .dataset-preview {
    border: 1px solid #CFD3DC;
    border-radius: .25rem; }
  .hour-cell > div:has(.dataset-preview) {
    height: 100% !important; }
    .hour-cell > div:has(.dataset-preview) > .dataset-preview {
      height: 100% !important; }

.calendar-date {
  margin: 0.1875rem; }
  .calendar-date:hover {
    min-width: 2em;
    border-radius: 1rem;
    font-size: inherit;
    background: #ECEEF1; }
  .calendar-date:active {
    background: #E8F2F8;
    color: #1779ba; }
  .calendar-date, .calendar-date .calendar-date-badge {
    padding: .3rem;
    display: inline-block; }

.calendar-date-badge {
  display: inline-block;
  min-width: 2em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  font-size: inherit;
  font-weight: bold;
  background: #1779ba;
  color: #FFFFFF;
  margin: 0.1875rem;
  border-radius: 1rem; }
  .calendar-date-badge:hover {
    background: #14679E; }
  .calendar-date-badge:active {
    background: #105684; }
  .calendar-date-badge.public-holiday {
    background: #e8413a;
    color: #FFFFFF; }

.calendar-today-badge {
  position: relative;
  padding: .3rem .3rem .3rem 1.5rem;
  display: inline-block; }
  .calendar-today-badge:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
    content: " ";
    width: 1rem;
    height: 1rem;
    background: #1779ba;
    border-radius: 1rem; }
  .calendar-today-badge.public-holiday {
    color: #e8413a; }

.calendar-legend-filter-container .legend-badge {
  display: inline-block;
  cursor: pointer;
  padding: .2rem;
  background: #fefefe;
  border-radius: 0.5rem; }
  .calendar-legend-filter-container .legend-badge.calendar-filter-clicked {
    filter: grayscale(100%);
    opacity: .4; }
  .calendar-legend-filter-container .legend-badge:hover {
    background: #ECEEF1; }
  .calendar-legend-filter-container .legend-badge:active {
    background: #E8F2F8;
    color: #1779ba; }

.calendar-disable-element > * {
  opacity: .3;
  /*
		Prima era fatto così: (era molto figo)
		filter: grayscale(100%);
		background-image: linear-gradient(45deg, #ffffff66 9.10%, #ffffff00 9.10%, #ffffff00 50%, #ffffff66 50%, #ffffff66 59.10%, #ffffff00 59.10%, #ffffff00 100%);
		background-size: 15.56px 15.56px;
		background-color: gray;
		* {
			background-color: transparent !important;
			color: black;
		}
		*/ }

.hour-container {
  position: absolute;
  top: 0;
  z-index: 80;
  width: 100%;
  /*
	Solo nella vista giorno così parte dalle ore e arriva alal fine della cella
		left: -65px;
		width: calc(100% + 65px);
	*/ }
  .hour-container .hour-marker {
    position: relative; }
  .hour-container .hour-marker-circle {
    background: #ea4335;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: "";
    position: absolute;
    height: 0.75rem;
    margin-left: -0.40625rem;
    margin-top: -0.3125rem;
    width: 0.75rem; }
  .hour-container .hour-marker-line {
    position: absolute;
    border-top: #ea4335 solid 2px;
    left: 0;
    right: -0.0625rem; }

.hour-cell .ui-resizable-e, .cellItem-pos .ui-resizable-e {
  right: 0; }

.hour-cell .ui-resizable-w, .cellItem-pos .ui-resizable-w {
  left: 0; }

.hour-cell .ui-resizable-n, .cellItem-pos .ui-resizable-n {
  top: 0; }

.hour-cell .ui-resizable-s, .cellItem-pos .ui-resizable-s {
  bottom: 0; }

body:has(.cellItem-pos.ui-resizable-resizing) *, body:has(.hour-cell.ui-resizable-resizing) * {
  pointer-events: none !important; }

.cellItem-pos.ui-resizable {
  z-index: 1; }

.hour-cell.ui-resizable-resizing, .cellItem-pos.ui-resizable-resizing {
  z-index: 2000; }

/* Fine stile per calendario*/
.sr-scroll-to-anchor-offset-topbar {
  padding-top: 4.025rem !important;
  margin-top: -4.025rem !important; }

.search-tooltip-item {
  padding: 0.7rem;
  margin: 0;
  margin-bottom: 0.3rem; }

.filter-item-container {
  overflow: hidden;
  padding-bottom: 0.5rem; }

.dataset-link-name a.dataset_anchor {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

fieldset {
  display: inline;
  width: 100%;
  text-overflow: ellipsis;
  min-width: 0;
  /*
    a{
    	display: block;
    	text-overflow: ellipsis;
    	overflow: hidden;
    	white-space:normal;
    }
    */ }
  fieldset p .dataset-link-name .dataset_anchor {
    white-space: nowrap; }
    fieldset p .dataset-link-name .dataset_anchor * {
      white-space: nowrap; }
  fieldset .filterlist li {
    padding-left: 0.3rem; }
  fieldset.dataset-properties {
    overflow: hidden; }
    fieldset.dataset-properties li {
      text-overflow: ellipsis;
      overflow: hidden;
      /*white-space:nowrap;*/ }
    fieldset.dataset-properties p {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      fieldset.dataset-properties p * {
        white-space: normal; }
  fieldset.search-tooltip-item {
    overflow: hidden; }
    fieldset.search-tooltip-item li {
      text-overflow: ellipsis;
      overflow: hidden;
      /*white-space:nowrap;*/ }
    fieldset.search-tooltip-item p {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      fieldset.search-tooltip-item p * {
        white-space: normal; }
    fieldset.search-tooltip-item input {
      margin: 0;
      vertical-align: middle; }
  fieldset .dataset-actions div {
    padding: 0 0 0.25rem 0; }

.preview-dataset-img {
  text-align: right;
  width: 100%;
  height: 100%;
  max-height: 6.25rem;
  max-width: 6.25rem; }
  .preview-dataset-img img {
    margin-bottom: 0.4375rem;
    max-height: 100%;
    max-width: 100%; }
  .preview-dataset-img div {
    padding: 0;
    padding-bottom: 0.25rem;
    text-align: right; }

@-moz-document url-prefix() {
  fieldset {
    display: table-cell; } }

.filterlist {
  margin: 0;
  line-height: 1.2; }
  .filterlist li {
    list-style-type: none;
    font-size: small;
    margin-top: 0.2rem; }
    .filterlist li i.fi-x {
      color: #E8413A !important; }
    .filterlist li a {
      font-size: small;
      color: #1779ba;
      padding: 0; }

.search-result-container {
  overflow-x: auto; }
  .search-result-container > .search-result {
    table-layout: fixed; }
    .search-result-container > .search-result > tbody > tr, .search-result-container > .search-result > tbody > tr:nth-child(even) {
      transition: .1s ease; }
      .search-result-container > .search-result > tbody > tr:hover, .search-result-container > .search-result > tbody > tr:nth-child(even):hover {
        background: #ECEEF1; }
        .search-result-container > .search-result > tbody > tr:hover .sr-can-be-cropped.sr-text-clamped, .search-result-container > .search-result > tbody > tr:nth-child(even):hover .sr-can-be-cropped.sr-text-clamped {
          cursor: pointer; }
          .search-result-container > .search-result > tbody > tr:hover .sr-can-be-cropped.sr-text-clamped:after, .search-result-container > .search-result > tbody > tr:nth-child(even):hover .sr-can-be-cropped.sr-text-clamped:after {
            background: linear-gradient(to bottom, rgba(236, 238, 241, 0) 0%, #eceef1 100%); }

.filtertitle {
  text-transform: uppercase;
  margin: 0 !important; }
  .filtertitle.quick-search-enabled {
    cursor: pointer; }
  .filtertitle > i {
    font-size: 1.125rem;
    color: #1779ba; }

.search-title {
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 0;
  line-height: 1.2;
  width: 100%;
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: lowercase !important; }
  .search-title:first-line {
    text-transform: capitalize; }
  @media screen and (max-width: 39.99875em) {
    .search-title {
      font-size: 1.2rem; } }

.dataset-title {
  line-height: 1;
  margin-bottom: 0.125rem; }
  .dataset-title.dataset-title-only {
    padding-top: 0.75rem; }

.dataset-title-icon {
  font-size: 1.5rem; }

.dataset-description {
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 75vw; }
  .dataset-description span {
    white-space: nowrap; }

.detailed-view-container {
  position: relative;
  height: 100%; }
  .detailed-view-container table {
    border: 3px solid #fefefe;
    border-collapse: collapse;
    position: relative;
    table-layout: fixed;
    margin-bottom: 0; }
    .detailed-view-container table tbody {
      background-color: transparent; }
    .detailed-view-container table colgroup col:last-child {
      background-color: white;
      /*width:60%;*/ }
    .detailed-view-container table colgroup col:first-child {
      background-color: #fefefe;
      /*width:40%;*/ }
    .detailed-view-container table tr, .detailed-view-container table tr:nth-child(even) {
      background-color: transparent; }
      .detailed-view-container table tr:first-child, .detailed-view-container table tr:nth-child(even):first-child {
        height: 1.125rem;
        background-color: white;
        vertical-align: bottom; }
        .detailed-view-container table tr:first-child img, .detailed-view-container table tr:nth-child(even):first-child img {
          float: left; }
      .detailed-view-container table tr:nth-child(2), .detailed-view-container table tr:nth-child(even):nth-child(2) {
        height: 1.125rem;
        background-color: white; }
  .detailed-view-container span {
    white-space: normal;
    word-break: break-word;
    display: block; }
  .detailed-view-container .preview-dataset-img {
    height: 6.25rem;
    width: 6.25rem;
    padding: 0;
    vertical-align: middle;
    display: table-cell; }
  .detailed-view-container .dataset-item-name {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    word-break: normal; }

.item-selectbox {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  height: 1rem; }
  .item-selectbox > input {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    opacity: 0.5; }
    .item-selectbox > input:hover {
      opacity: 0.8; }

.item-buttons-action {
  float: left; }

.anc-action {
  border-radius: 0.5rem; }
  .anc-action:hover {
    background: #ECEEF1; }
  .anc-action:active {
    background: #E8F2F8; }
    .anc-action:active i {
      color: #1779ba; }
  .anc-action.hover, .anc-action.active {
    background: #E8F2F8;
    opacity: 1; }
    .anc-action.hover i, .anc-action.active i {
      color: #1779ba; }

.cellItem .event-anc-action, .hour-cell .event-anc-action {
  height: calc(1 * 1.125rem);
  position: absolute;
  top: 0.063rem;
  right: 0.063rem;
  border-radius: .25rem;
  display: none;
  overflow: hidden; }
  .cellItem .event-anc-action:hover, .cellItem .event-anc-action:active, .cellItem .event-anc-action.hover, .hour-cell .event-anc-action:hover, .hour-cell .event-anc-action:active, .hour-cell .event-anc-action.hover {
    display: block; }
    .cellItem .event-anc-action:hover .event-anc-action-background, .cellItem .event-anc-action:active .event-anc-action-background, .cellItem .event-anc-action.hover .event-anc-action-background, .hour-cell .event-anc-action:hover .event-anc-action-background, .hour-cell .event-anc-action:active .event-anc-action-background, .hour-cell .event-anc-action.hover .event-anc-action-background {
      background: rgba(0, 0, 0, 0.4) !important; }
  .cellItem .event-anc-action .event-anc-action-background, .hour-cell .event-anc-action .event-anc-action-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: .25rem;
    z-index: 10; }
  .cellItem .event-anc-action i, .hour-cell .event-anc-action i {
    z-index: 100;
    position: relative; }

.cellItem:hover .event-anc-action, .hour-cell:hover .event-anc-action {
  display: block; }

.search_searchprofile {
  margin-bottom: 0; }

/* Modify the aspect of the element that are a previous dataset revision */
.search-result tr.previous-dataset-revision td, .search-result div.previous-dataset-revision td {
  color: #BBBBBB !important; }

.search-result ul li.previous-dataset-revision td {
  color: #BBBBBB !important; }

.search-result a.previous-dataset-revision {
  color: #59ACFF !important; }

.search-result a.button {
  margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .search-result a.button {
      padding: 0.3125rem 0.4375rem;
      font-size: 0.75rem;
      line-height: 1.33; }
      .search-result a.button.icon {
        padding: 0.3125rem !important; }
        .search-result a.button.icon i {
          display: block;
          width: 1lh; }
        .search-result a.button.icon[class*="fi-"] {
          width: calc(1lh + 0.75rem); } }
  @media print, screen and (min-width: 40em) {
    .search-result a.button.chip {
      padding: 0.1875rem 0.3125rem !important;
      font-size: 0.6rem !important; } }

.modify_user_password {
  padding-right: 0.5rem; }

.border-none {
  border: 0 !important; }

.dataset-properties-legend {
  cursor: pointer;
  text-align: left; }

.field-collapsable {
  cursor: pointer; }

@media screen and (max-width: 999px) {
  .show-for-topbar-only {
    display: inherit !important; }
  .hide-for-topbar-only {
    display: none !important; }
  .hide-for-topbar {
    display: none !important; }
  .show-for-topbar {
    display: inherit !important; } }

@media screen and (min-width: 1000px) {
  .show-for-topbar-only {
    display: none !important; }
  .hide-for-topbar-only {
    display: inherit !important; } }

.container-tables {
  overflow-x: auto; }

@media screen and (max-width: 61.25rem) {
  table.search-result {
    width: 61.25rem; }
  .search-result-container {
    overflow-x: auto; }
  .top-horizontal-bar {
    width: 61.25rem;
    height: 0.0625rem; }
  .container-tables {
    overflow-x: auto; }
    .container-tables > table {
      width: 61.25rem; } }

.back-to-top-button-container {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  margin: 3.5rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
  z-index: 1; }

.back-to-top-button {
  background-color: #1779ba;
  color: #FFFFFF;
  font-size: 2rem;
  height: 3rem;
  width: 3rem;
  border-radius: 10px;
  text-align: center; }
  .back-to-top-button:hover {
    cursor: pointer; }

.medium-button-size {
  font-size: 2.5rem !important; }

.sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style .fileupload-buttonbar-foundation-no-style .fileinput-button-foundation-no-style {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  cursor: pointer; }
  .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style .fileupload-buttonbar-foundation-no-style .fileinput-button-foundation-no-style ::-webkit-file-upload-button {
    cursor: pointer; }
  .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style .fileupload-buttonbar-foundation-no-style .fileinput-button-foundation-no-style input[type=file] {
    cursor: pointer;
    font-size: 625rem;
    /* 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; }

.small-logo {
  width: 2rem; }

.outer-sidebar {
  padding: .5rem;
  position: fixed;
  z-index: 100;
  height: 100%;
  top: 0; }
  @media print, screen and (min-width: 40em) {
    .outer-sidebar {
      background-color: #fefefe; } }
  .outer-sidebar .toggle-sidebar-button {
    position: absolute;
    top: 1.1rem;
    right: -4rem;
    font-size: .9rem;
    line-height: 1;
    background: #F7F8F8;
    border: 1px solid #CFD3DC;
    padding: .2rem;
    z-index: 101;
    border-radius: 1rem;
    color: #172b4d; }
    .outer-sidebar .toggle-sidebar-button i {
      margin-right: 0; }
    .outer-sidebar .toggle-sidebar-button:hover {
      background-color: #ECEEF1; }
    .outer-sidebar .toggle-sidebar-button:active {
      background-color: #E0E3E8; }
  .outer-sidebar:has(.is-expanded) .toggle-sidebar-button {
    right: -21rem; }
  .outer-sidebar .left-sidebar {
    background-color: #F7F8F8;
    padding-left: .5rem;
    overflow: hidden;
    border-radius: 1rem;
    z-index: 100;
    width: 3.5rem;
    min-width: 2.8125rem;
    height: calc(100% - 1rem);
    /* Altezza totale meno il padding attorno alla sidebar */
    display: flex;
    flex-direction: column;
    /*
        Secondo me é un refuso di un copia e incolla, mi da fastidio per quando cambio di modalitá questa barra del menu
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
        
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        */ }
    .outer-sidebar .left-sidebar:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-left: 0.5rem solid #172b4d; }
    .outer-sidebar .left-sidebar .left-sidebar-portal-icon-container {
      padding: .5rem;
      z-index: 101; }
    .outer-sidebar .left-sidebar .header-logo {
      padding: .5rem;
      display: none; }
      .outer-sidebar .left-sidebar .header-logo img {
        max-height: 2rem; }
    .outer-sidebar .left-sidebar a.application-menu-icon {
      padding-left: 0.6rem; }
    .outer-sidebar .left-sidebar.is-expanded {
      width: 20.5rem;
      overflow: hidden; }
      .outer-sidebar .left-sidebar.is-expanded .header-logo {
        display: flex;
        z-index: 1; }
      .outer-sidebar .left-sidebar.is-expanded .left-sidebar-portal-icon-container {
        display: none; }
    .outer-sidebar .left-sidebar .accordion-menu a {
      font-weight: 600;
      padding: 0.75rem .5rem; }
    .outer-sidebar .left-sidebar .accordion-menu .is-accordion-submenu {
      border-left: 1px solid #CFD3DC; }
    .outer-sidebar .left-sidebar #leftMenuContainer {
      height: 100%;
      position: relative;
      overflow: hidden; }
    .outer-sidebar .left-sidebar ul.menu > li.sr-is-dropdown-down > a {
      padding-right: 2rem; }
      .outer-sidebar .left-sidebar ul.menu > li.sr-is-dropdown-down > a:after {
        right: .75rem !important; }
    .outer-sidebar .left-sidebar .sr-webapp-menu-fileupload {
      margin-right: 0; }
      .outer-sidebar .left-sidebar .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation {
        margin-bottom: 0; }
        .outer-sidebar .left-sidebar .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation {
          margin-bottom: 0;
          background-color: transparent; }
          .outer-sidebar .left-sidebar .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation:hover {
            background-color: transparent; }
    .outer-sidebar .left-sidebar .left-sidebar-collapsed-menu .sr-webapp-menu-fileupload {
      padding: .125rem; }
      .outer-sidebar .left-sidebar .left-sidebar-collapsed-menu .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation .fileinput-button-text-foundation {
        text-align: center; }
    .outer-sidebar .left-sidebar .left-sidebar-expanded-menu .sr-webapp-menu-fileupload {
      padding: .25rem; }
      .outer-sidebar .left-sidebar .left-sidebar-expanded-menu .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation .fileinput-button-text-foundation {
        text-align: left; }

.dropdown.menu.vertical.user-menu-dropdown > li > a {
  padding-right: .5rem !important;
  padding-left: 2rem;
  justify-content: flex-start !important; }

.dropdown.menu.vertical.user-menu-dropdown > li > a {
  font-weight: normal !important;
  white-space: nowrap; }

.dropdown.menu.vertical.user-menu-dropdown > li > ul > li > a {
  font-weight: normal !important;
  white-space: nowrap; }

.dropdown.menu.vertical.user-menu-dropdown > li.is-active > a {
  background: #E8F2F8;
  color: #1779ba; }
  .dropdown.menu.vertical.user-menu-dropdown > li.is-active > a:after {
    border-color: transparent #1779ba transparent transparent; }

.dropdown.menu.vertical.user-menu-dropdown ul {
  width: fit-content;
  min-width: 6.25rem;
  border-radius: 0.5rem; }

.dropdown.menu.vertical.user-menu-dropdown > li > a::after {
  margin-top: -0.3125rem;
  left: 0.875rem !important; }

.property-nav > li {
  background-color: #F7F8F8;
  list-style-type: none;
  font-size: 0.9375rem;
  border-bottom: thin solid none;
  margin-left: -1.125rem; }
  .property-nav > li a.application-menu-icon, .property-nav > li a.application-menu-icon:hover {
    /*padding-left: 10px; Commentato perché all'hover sposta le icone di un pixel creando un effetto indesiderato */
    text-transform: uppercase;
    font-weight: bold;
    color: #172b4d;
    display: block;
    white-space: nowrap;
    background-color: transparent; }

.left-sidebar:not(.is-expanded) .property-nav > li:hover, .left-sidebar:not(.is-expanded) .property-nav > li.active {
  background: #ECEEF1; }

.left-sidebar:not(.is-expanded) .property-nav > li:active {
  background: #E0E3E8; }

.sideMenuIcon {
  font-size: 1.7rem;
  margin-right: 0.625rem;
  vertical-align: sub; }

.left-sidebar-arrow {
  position: absolute;
  background-color: #F7F8F8;
  z-index: 1;
  cursor: pointer; }
  .left-sidebar-arrow.left-sidebar-arrow-up {
    top: 0; }
  .left-sidebar-arrow.left-sidebar-arrow-down {
    bottom: 0; }
  .left-sidebar.is-expanded .left-sidebar-arrow {
    width: calc(20.5rem - 1px);
    text-align: center; }

.left-sidebar-arrow-icon {
  font-size: 1.7rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  vertical-align: middle;
  margin-right: 0;
  color: #1779ba; }

/* Stile per affiancare l'icona a un select box*/
.selectbox-icon {
  position: absolute;
  line-height: 1.9375rem;
  vertical-align: middle;
  font-size: 1.1rem;
  margin-right: 0;
  margin-left: 0.1875rem; }

/* Fine stile per affiancare l'icona a un select box*/
/* Stile per il Dropdown del select menu */
.select-menu-dropdown li a {
  padding-left: 2.125rem !important; }
  .select-menu-dropdown li a .dropdown-item-selected {
    position: absolute;
    left: 0.375rem; }

li.select-menu-dropdown a {
  padding-left: 1.9rem !important; }
  li.select-menu-dropdown a .dropdown-item-selected {
    position: absolute;
    left: 0.5rem; }

/* Fine stile per il Dropdown del select menu */
/* Stile per cambiare il colore degli anchor dentro ai button secondary */
.button.secondary a {
  color: #172b4d; }

/* Fine stile per cambiare il colore degli anchor dentro ai button secondary */
/*Stile per button login*/
.login-button {
  display: flex;
  align-items: center;
  text-align: left; }
  .login-button img {
    height: 2.5rem;
    object-fit: contain; }

.top-bar .login-button {
  color: #172b4d;
  border-radius: .5rem;
  background: #F7F8F8;
  height: 2.25rem;
  padding: .75rem 1rem .5rem 1rem;
  overflow: hidden;
  position: relative;
  line-height: 1.4;
  font-weight: 600; }
  .top-bar .login-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 0.5rem solid #172b4d; }
  .top-bar .login-button:hover {
    background: #ECEEF1; }
  .top-bar .login-button:active {
    background: #E0E3E8;
    color: #172b4d; }

/*Fine stile per button login*/
/* Stile per posizionare i loghi */
.center-logo {
  margin: 7.5rem 0 1.5625rem 0;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center; }

.left-logo {
  margin: 0.625rem 0; }

/* Fine stile per posizionare i loghi */
/* Inizio stile per format-code */
span[data-sr-format-code] {
  white-space: nowrap; }

span[data-sr-format-code] > i {
  cursor: pointer; }

/* Fine stile per format-code */
/* Inizio stile per dropdown dei Filtri */
.filterlistDropdownContainer {
  position: absolute;
  z-index: 10;
  display: none;
  width: 18.75rem;
  padding: 0.375rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0.5rem;
  background-color: #fefefe;
  font-size: 0.875rem;
  border: none;
  box-shadow: 0px 16px 24px 0px rgba(23, 43, 77, 0.15), 0px 0px 0px 1px #d1d5dd;
  max-height: 28rem;
  overflow: auto;
  z-index: 98;
  padding: 0rem;
  min-width: 18.75rem;
  width: fit-content; }
  .filterlistDropdownContainer.is-opening {
    display: block; }
  .filterlistDropdownContainer.is-open {
    display: block;
    visibility: visible; }
  .filterlistDropdownContainer h5, .filterlistDropdownContainer h6 {
    text-transform: unset; }
  .filterlistDropdownContainer h5 {
    font-weight: bold; }
  .filterlistDropdownContainer > .callout {
    margin-bottom: 0;
    background: #fefefe; }
    .filterlistDropdownContainer > .callout > .row {
      width: 18.75rem; }

/* Fine stile per dropdown dei Filtri */
/* Inizio stile per la nostra pagination */
.sr-pagination {
  flex-wrap: wrap; }
  .sr-pagination .chips {
    margin-right: .25rem; }
  .sr-pagination .chip i.fi-x {
    color: #E8413A; }

.last-pagination-page {
  margin-right: 1rem !important; }

/* Fine stile per la nostra pagination */
/* 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("images/ui-anim_basic_16x16.gif") 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 */
/* Stile per il contenitore della nostra topbar e della title-bar*/
.top-bar-container {
  width: 100%;
  z-index: 110;
  position: fixed;
  top: 0; }
  @media screen and (max-width: 39.99875em) {
    .top-bar-container {
      background-color: #fefefe; } }
  .top-bar-container .title-bar-right {
    display: flex;
    gap: 1rem;
    justify-content: flex-end; }

.title-bar-container {
  width: 100%;
  z-index: 99;
  position: fixed; }

@media print, screen and (min-width: 40em) {
  .body-container.with-left-sidebar .top-bar-container, .body-container.with-left-sidebar .title-bar-container {
    width: calc(100% - (3.5rem + .5rem) - 1rem);
    margin-left: 1rem; }
  .body-container.with-left-sidebar.is-expanded .top-bar-container, .body-container.with-left-sidebar.is-expanded .title-bar-container {
    width: calc(100% - (20.5rem + .5rem) - 1rem);
    margin-left: 1rem; } }

/* Fine stile per il contenitore nostra topbar e della title-bar */
/* Stile iniziale per quando un determinato oggetto non è ancora inizializzato, successivamente quando viene inizializzato dal js tolgo questa classe */
.is-loading.menu[data-sr-menu-button] {
  max-height: 2.14813rem;
  max-width: 2.21rem;
  overflow: hidden; }

/* Fine stile iniziale per quando un determinato oggetto non è ancora inizializzato, successivamente quando viene inizializzato dal js tolgo questa classe */
/* Stile per l'icona nella top bar */
.portal-icon-container {
  margin-right: .5rem; }

/* Fine stile per l'icona nella top bar */
/* Stile per la topbar */
.top-bar {
  /* Questo stile, è una sorta di stile hack per ridurre il font-size e l'altezza generale della topbar e dei suoi elementi quando non è in mobile */
  /* Fine stile hack per ridurre il font-size e l'altezza generale della topbar */
  /* Fine stile per impostare la larghezza della barra di ricerca nella topbar */
  gap: .5rem; }
  @media print, screen and (min-width: 40em) {
    .top-bar {
      padding: 0.4375rem;
      font-size: 0.8125rem;
      height: 3.5rem; }
      .top-bar .input-group-button a, .top-bar .input-group-button input, .top-bar .input-group-button button, .top-bar .input-group-button label {
        font-size: 0.8125rem; }
      .top-bar .is-dropdown-submenu {
        min-width: auto;
        white-space: nowrap; } }
  .top-bar ul .menu:not(.user-menu) a::after {
    border-color: #1779ba transparent transparent !important; }
  .top-bar ul .menu:not(.user-menu) a:hover::after {
    border-color: #FFFFFF transparent transparent !important; }
  .top-bar .top-bar-right ul {
    gap: .5rem; }
  .top-bar ul.menu:not(.user-menu) > li.sr-is-dropdown-down > a:after {
    border-color: #1779ba transparent transparent; }
  .top-bar .search-form {
    position: relative;
    z-index: 113; }
    .top-bar .search-form:has([data-sr-search-popup-opened="true"]) [data-sr-search-menu] {
      display: flex !important;
      gap: .25rem; }
    .top-bar .search-form .menu.dropdown li .button {
      /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
      transition: box-shadow 0.15s ease-in-out; }
      .top-bar .search-form .menu.dropdown li .button:focus {
        outline: none; }
      .top-bar .search-form .menu.dropdown li .button:focus-visible, .top-bar .search-form .menu.dropdown li .button:focus-within {
        box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
        border-color: #1779ba; }
      .top-bar .search-form .menu.dropdown li .button:active {
        box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
        border-color: #1779ba; }
      .top-bar .search-form .menu.dropdown li .button.hollow {
        border-color: #CFD3DC;
        border-width: 1px;
        background-color: #fefefe;
        color: #1779ba; }
        .top-bar .search-form .menu.dropdown li .button.hollow[disabled], .top-bar .search-form .menu.dropdown li .button.hollow.disabled {
          border-color: #CFD3DC !important;
          background-color: #fefefe !important; }
        .top-bar .search-form .menu.dropdown li .button.hollow:hover, .top-bar .search-form .menu.dropdown li .button.hollow:focus {
          border-color: #14679E;
          color: #14679E;
          background-color: #fefefe; }
        .top-bar .search-form .menu.dropdown li .button.hollow.active, .top-bar .search-form .menu.dropdown li .button.hollow.selected, .top-bar .search-form .menu.dropdown li .button.hollow.hover {
          background-color: #E8F2F8;
          border-color: #1779ba; }
        .sr-action.active > .top-bar .search-form .menu.dropdown li .button.hollow {
          background-color: #E8F2F8;
          border-color: #1779ba; }
        .top-bar .search-form .menu.dropdown li .button.hollow:active {
          border-color: #105684;
          color: #105684;
          background-color: #E8F2F8; }
        .danger > .top-bar .search-form .menu.dropdown li .button.hollow, .top-bar .search-form .menu.dropdown li .button.hollow.danger {
          background-color: #fefefe;
          color: #E8413A;
          border-color: #E8413A; }
          .danger > .top-bar .search-form .menu.dropdown li .button.hollow:hover, .top-bar .search-form .menu.dropdown li .button.hollow.danger:hover {
            color: #D33B35;
            background-color: #FDECEB;
            border-color: #D33B35; }
          .danger > .top-bar .search-form .menu.dropdown li .button.hollow:active, .top-bar .search-form .menu.dropdown li .button.hollow.danger:active {
            color: #A52E29;
            background-color: #FDECEB;
            border-color: #A52E29; }
      .top-bar .search-form .menu.dropdown li .button.ghost {
        border: 1px solid transparent;
        background: none;
        color: #1779ba; }
        .top-bar .search-form .menu.dropdown li .button.ghost[disabled], .top-bar .search-form .menu.dropdown li .button.ghost.disabled {
          color: #1779ba !important;
          background: none !important; }
        .top-bar .search-form .menu.dropdown li .button.ghost.active {
          background: #E8F2F8;
          color: #1779ba; }
        .sr-action.active > .top-bar .search-form .menu.dropdown li .button.ghost {
          background: #E8F2F8;
          color: #1779ba; }
        .top-bar .search-form .menu.dropdown li .button.ghost:active {
          background: #E8F2F8;
          color: #1779ba; }
        .top-bar .search-form .menu.dropdown li .button.ghost:hover {
          background: #ECEEF1; }
        .danger > .top-bar .search-form .menu.dropdown li .button.ghost, .top-bar .search-form .menu.dropdown li .button.ghost.danger {
          background-color: transparent;
          color: #E8413A; }
          .danger > .top-bar .search-form .menu.dropdown li .button.ghost:hover, .top-bar .search-form .menu.dropdown li .button.ghost.danger:hover {
            color: #D33B35;
            background-color: #FDECEB; }
          .danger > .top-bar .search-form .menu.dropdown li .button.ghost:active, .top-bar .search-form .menu.dropdown li .button.ghost.danger:active {
            color: #A52E29;
            background-color: #FDECEB; }
  .top-bar .button-group:has([data-sr-search-menu]) {
    position: absolute;
    top: 3rem; }
    .top-bar .button-group:has([data-sr-search-menu]) [data-sr-search-menu] {
      display: none; }
  .top-bar .sr-webapp-menu-fileupload {
    padding: 0 .5rem;
    margin-right: 0; }
    .top-bar .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation {
      margin-bottom: 0; }
      .top-bar .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation {
        margin-bottom: 0;
        background-color: transparent; }
        .top-bar .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation:hover {
          background-color: transparent; }
        .top-bar .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation .fileinput-button-text-foundation {
          text-align: left;
          color: #1779ba;
          mix-blend-mode: unset; }
  .top-bar .top-bar-left, .top-bar .top-bar-right {
    align-items: center;
    display: flex; }
  .top-bar .top-bar-right {
    gap: 1rem; }
  .top-bar .top-bar-right .button {
    margin: 0; }
  .top-bar .top-bar-left {
    min-width: 0; }
  .top-bar .top-bar-left div:has(.search-form) {
    width: 100%; }

.sr-search-top-bar {
  display: none; }

/* Stile user user menu */
.top-bar .user-menu li.sr-is-dropdown-down a, .title-bar .user-menu li.sr-is-dropdown-down a {
  font-size: 0.8125rem;
  display: flex;
  color: #172b4d;
  border-radius: .5rem;
  background: #F7F8F8;
  height: 2.25rem;
  padding: .75rem 2rem .5rem 1rem;
  overflow: hidden;
  position: relative;
  line-height: 1.4;
  font-weight: 600; }
  .top-bar .user-menu li.sr-is-dropdown-down a:before, .title-bar .user-menu li.sr-is-dropdown-down a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 0.5rem solid #172b4d; }
  .top-bar .user-menu li.sr-is-dropdown-down a.hover:hover, .top-bar .user-menu li.sr-is-dropdown-down a.hover:active, .top-bar .user-menu li.sr-is-dropdown-down a.active:hover, .top-bar .user-menu li.sr-is-dropdown-down a.active:active, .title-bar .user-menu li.sr-is-dropdown-down a.hover:hover, .title-bar .user-menu li.sr-is-dropdown-down a.hover:active, .title-bar .user-menu li.sr-is-dropdown-down a.active:hover, .title-bar .user-menu li.sr-is-dropdown-down a.active:active {
    background: #E8F2F8;
    color: #1779ba; }
  .top-bar .user-menu li.sr-is-dropdown-down a.hover i, .top-bar .user-menu li.sr-is-dropdown-down a.active i, .title-bar .user-menu li.sr-is-dropdown-down a.hover i, .title-bar .user-menu li.sr-is-dropdown-down a.active i {
    color: #1779ba; }
  .top-bar .user-menu li.sr-is-dropdown-down a:hover, .title-bar .user-menu li.sr-is-dropdown-down a:hover {
    background: #ECEEF1; }
  .top-bar .user-menu li.sr-is-dropdown-down a:active, .title-bar .user-menu li.sr-is-dropdown-down a:active {
    background: #E0E3E8;
    color: #172b4d; }
  .top-bar .user-menu li.sr-is-dropdown-down a:after, .title-bar .user-menu li.sr-is-dropdown-down a:after {
    margin-top: 0 !important; }

.title-bar .user-menu {
  margin-right: 0.4375rem;
  background-color: #fefefe; }

ul.user-menu.menu > li.sr-is-dropdown-down > a:after {
  right: 0.875rem !important; }

.languages-menu {
  width: 4.5rem; }

.reveal-overlay:has(.search-modal) {
  z-index: 112; }

.reveal.search-modal {
  margin: unset;
  padding: 0;
  padding-top: 6rem; }
  .reveal.search-modal .menu.dropdown li .button {
    /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
    transition: box-shadow 0.15s ease-in-out; }
    .reveal.search-modal .menu.dropdown li .button:focus {
      outline: none; }
    .reveal.search-modal .menu.dropdown li .button:focus-visible, .reveal.search-modal .menu.dropdown li .button:focus-within {
      box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
      border-color: #1779ba; }
    .reveal.search-modal .menu.dropdown li .button.hollow {
      border-color: #CFD3DC;
      border-width: 1px;
      background-color: #fefefe;
      color: #1779ba; }
      .reveal.search-modal .menu.dropdown li .button.hollow[disabled], .reveal.search-modal .menu.dropdown li .button.hollow.disabled {
        border-color: #CFD3DC !important;
        background-color: #fefefe !important; }
      .reveal.search-modal .menu.dropdown li .button.hollow:hover, .reveal.search-modal .menu.dropdown li .button.hollow:focus {
        border-color: #14679E;
        color: #14679E;
        background-color: #fefefe; }
      .reveal.search-modal .menu.dropdown li .button.hollow.active, .reveal.search-modal .menu.dropdown li .button.hollow.selected, .reveal.search-modal .menu.dropdown li .button.hollow.hover {
        background-color: #E8F2F8;
        border-color: #1779ba; }
      .sr-action.active > .reveal.search-modal .menu.dropdown li .button.hollow {
        background-color: #E8F2F8;
        border-color: #1779ba; }
      .reveal.search-modal .menu.dropdown li .button.hollow:active {
        border-color: #105684;
        color: #105684;
        background-color: #E8F2F8; }
      .danger > .reveal.search-modal .menu.dropdown li .button.hollow, .reveal.search-modal .menu.dropdown li .button.hollow.danger {
        background-color: #fefefe;
        color: #E8413A;
        border-color: #E8413A; }
        .danger > .reveal.search-modal .menu.dropdown li .button.hollow:hover, .reveal.search-modal .menu.dropdown li .button.hollow.danger:hover {
          color: #D33B35;
          background-color: #FDECEB;
          border-color: #D33B35; }
        .danger > .reveal.search-modal .menu.dropdown li .button.hollow:active, .reveal.search-modal .menu.dropdown li .button.hollow.danger:active {
          color: #A52E29;
          background-color: #FDECEB;
          border-color: #A52E29; }
    .reveal.search-modal .menu.dropdown li .button.ghost {
      border: 1px solid transparent;
      background: none;
      color: #1779ba; }
      .reveal.search-modal .menu.dropdown li .button.ghost[disabled], .reveal.search-modal .menu.dropdown li .button.ghost.disabled {
        color: #1779ba !important;
        background: none !important; }
      .reveal.search-modal .menu.dropdown li .button.ghost.active {
        background: #E8F2F8;
        color: #1779ba; }
      .sr-action.active > .reveal.search-modal .menu.dropdown li .button.ghost {
        background: #E8F2F8;
        color: #1779ba; }
      .reveal.search-modal .menu.dropdown li .button.ghost:active {
        background: #E8F2F8;
        color: #1779ba; }
      .reveal.search-modal .menu.dropdown li .button.ghost:hover {
        background: #ECEEF1; }
      .danger > .reveal.search-modal .menu.dropdown li .button.ghost, .reveal.search-modal .menu.dropdown li .button.ghost.danger {
        background-color: transparent;
        color: #E8413A; }
        .danger > .reveal.search-modal .menu.dropdown li .button.ghost:hover, .reveal.search-modal .menu.dropdown li .button.ghost.danger:hover {
          color: #D33B35;
          background-color: #FDECEB; }
        .danger > .reveal.search-modal .menu.dropdown li .button.ghost:active, .reveal.search-modal .menu.dropdown li .button.ghost.danger:active {
          color: #A52E29;
          background-color: #FDECEB; }
  .reveal.search-modal .secondary-title {
    display: inline-block;
    color: #67748A;
    font-size: 0.875rem;
    font-weight: 600;
    margin-left: .25rem; }
  .reveal.search-modal .button.clear-all {
    margin-bottom: .125rem;
    margin-left: .25rem; }
  .reveal.search-modal:not(.mobile-search-modal) .search-popup {
    max-height: calc(100vh - 7rem);
    overflow-y: auto;
    overflow-x: hidden; }
  .reveal.search-modal.mobile-search-modal .sr-search-bar-editor {
    margin-bottom: .5rem; }
  @media screen and (max-width: 39.99875em) {
    .reveal.search-modal .search-popup {
      margin-top: 1rem; } }
  .reveal.search-modal .search-popup-info {
    border-top: 1px solid #CFD3DC; }
    .reveal.search-modal .search-popup-info .button {
      margin-bottom: 0;
      margin-top: .5rem; }
      .reveal.search-modal .search-popup-info .button i {
        margin-right: .5rem; }
  .reveal.search-modal .recents-pages {
    padding: 0 .5rem; }
  .reveal.search-modal [data-sr-recents-searches-content]:has(.recent-search) {
    margin-bottom: 1rem; }
  .reveal.search-modal [data-sr-recents-searches-content] .recent-search {
    font-size: 0.875rem;
    font-weight: 600;
    color: #172b4d;
    padding: .25rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .reveal.search-modal [data-sr-recents-searches-content] .recent-search span {
      color: #67748A;
      font-weight: normal; }
    .reveal.search-modal [data-sr-recents-searches-content] .recent-search .delete-search {
      visibility: hidden;
      margin-bottom: 0; }
    @media screen and (max-width: 39.99875em) {
      .reveal.search-modal [data-sr-recents-searches-content] .recent-search:not(.search-result-count) .delete-search {
        visibility: visible; } }
    .reveal.search-modal [data-sr-recents-searches-content] .recent-search:hover {
      background: #ECEEF1; }
      .reveal.search-modal [data-sr-recents-searches-content] .recent-search:hover:not(.search-result-count) .delete-search {
        visibility: visible; }
    .reveal.search-modal [data-sr-recents-searches-content] .recent-search:active, .reveal.search-modal [data-sr-recents-searches-content] .recent-search:focus {
      background: #E0E3E8; }
  @media screen and (max-width: 39.99875em) {
    .reveal.search-modal {
      border-radius: 0;
      padding-top: 0;
      padding-bottom: 1.5rem; }
      .reveal.search-modal .close-button {
        right: 1rem;
        top: 1.5rem; }
      .reveal.search-modal .small-logo {
        margin-top: 1.5rem;
        margin-left: 1rem; }
      .reveal.search-modal .search-form {
        padding-left: 1rem;
        padding-right: 1rem; }
      .reveal.search-modal .recents-pages {
        padding-left: 1rem;
        padding-right: 1rem; }
      .reveal.search-modal .recent-search {
        padding: .5rem 1rem; } }

/* Se si aprono dei dropdown nel reveal venivano messi sotto */
body:has(.reveal.search-modal[aria-hidden="false"]) .filterlistDropdownContainer,
body:has(.reveal.search-modal[aria-hidden="false"]) .dropdown-pane {
  z-index: 2000; }

.sr-search-top-bar {
  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;
  min-height: 1.93813rem;
  max-height: 3.00063rem;
  line-height: 1.81313rem;
  font-size: 0.875rem;
  margin: 0 0 0.525rem 0;
  vertical-align: middle;
  white-space: nowrap;
  overflow-x: auto;
  /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
  transition: box-shadow 0.15s ease-in-out; }
  .sr-search-top-bar[contenteditable]:not([contenteditable="false"]), .sr-search-top-bar.limit-to-list {
    border: 1px solid #CFD3DC;
    border-radius: 0.5rem;
    /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
    transition: box-shadow 0.15s ease-in-out; }
    .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):focus, .sr-search-top-bar.limit-to-list:focus {
      outline: none; }
    .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):focus-visible, .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):focus-within, .sr-search-top-bar.limit-to-list:focus-visible, .sr-search-top-bar.limit-to-list:focus-within {
      box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
      border-color: #1779ba; }
    .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):hover, .sr-search-top-bar.limit-to-list:hover {
      border-color: #1779ba; }
    .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):focus, .sr-search-top-bar.limit-to-list:focus {
      border-color: #1779ba; }
  .sr-search-top-bar[disabled], .sr-search-top-bar[readonly] {
    cursor: auto;
    border: none;
    padding-left: 0;
    padding-right: 0; }
  .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-dropdown-list], .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-dropdown], .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-datetimemode] {
    padding-right: 1.625rem;
    background: #fefefe; }
    .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-dropdown-list]:hover, .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-dropdown]:hover, .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-datetimemode]:hover {
      cursor: pointer; }
  .sr-search-top-bar:not([disabled]):not([readonly]):hover {
    border-color: #1779ba; }
  .sr-search-top-bar[disabled][data-sr-textbox-with-format-code], .sr-search-top-bar[readonly][data-sr-textbox-with-format-code] {
    padding-right: 2.375rem; }
  .sr-search-top-bar:hover {
    border-color: #1779ba; }
  .sr-search-top-bar:focus {
    outline: none; }
  .sr-search-top-bar:focus-visible, .sr-search-top-bar:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
    border-color: #1779ba; }

/* Fine stile per la topbar */
table {
  /* Stile per la tabella utilizzata nella gestione delle cartelle virtuali */
  /* Fine stile per la tabella utilizzata nella gestione delle cartelle virtuali */ }
  table.browsefoldertree thead tr th, table.browsefoldertree thead tr td {
    vertical-align: top;
    padding: .5rem; }
  table.browsefoldertree tbody tr .linktofolder-action {
    visibility: hidden; }
  table.browsefoldertree tbody tr:hover {
    background-color: #ffffcc; }
    table.browsefoldertree tbody tr:hover .linktofolder-action {
      visibility: visible; }
  table.browsefoldertree tbody tr td {
    vertical-align: top;
    padding: .5rem;
    padding-left: 1.125rem; }

/* Stile per il content container e il body-container*/
.body-container.with-left-sidebar {
  position: relative; }
  @media print, screen and (min-width: 40em) {
    .body-container.with-left-sidebar {
      padding-left: 4rem; }
      .body-container.with-left-sidebar.is-expanded {
        padding-left: 21rem; } }

.content-container {
  padding-top: .5rem;
  min-height: calc(100vh - 2.5rem); }
  .content-container.with-left-sidebar {
    padding-left: 0.6255rem;
    padding-right: 0.5625rem; }

.l-window-small.long-operation-container {
  box-shadow: 0px 4px 4px rgba(23, 43, 77, 0.1);
  border-radius: 0.5rem;
  top: .25rem; }

@media print, screen and (min-width: 40em) {
  body:has(.body-container.with-left-sidebar) .l-window-small.long-operation-container {
    left: calc(50% + (3.5rem + .5rem) / 2); }
  body:has(.body-container.with-left-sidebar) .sr-out-of-container.sr-is-nested-display-mode .l-window-small.long-operation-container {
    left: 50%; }
  body:has(.body-container.with-left-sidebar) .sr-out-of-container.sr-is-nested-display-mode.sr-not-workspace-loaded .l-window-small.long-operation-container {
    left: 0; }
  body:has(.body-container.with-left-sidebar.is-expanded) .l-window-small.long-operation-container {
    left: calc(50% + (20.5rem + .5rem) / 2); }
  body:has(.body-container.with-left-sidebar.is-expanded) .sr-out-of-container.sr-is-nested-display-mode .l-window-small.long-operation-container {
    left: 50%; }
  body:has(.body-container.with-left-sidebar.is-expanded) .sr-out-of-container.sr-is-nested-display-mode.sr-not-workspace-loaded .l-window-small.long-operation-container {
    left: 0; } }

/* Fine stile per il content container e il body-container*/
/* Stile per la cutom submenu, è un'override di title-bar */
.title-bar {
  background: #fefefe;
  color: #fefefe; }
  .title-bar.custom-title-bar {
    background-color: #fefefe;
    height: 3.43813rem;
    padding: 0 .5rem .5rem .5rem; }
    .title-bar.custom-title-bar:focus {
      outline: none; }
    .title-bar.custom-title-bar .title-bar-full-container {
      position: relative;
      height: 1.93813rem;
      width: 100%; }
    .title-bar.custom-title-bar .title-bar-full {
      white-space: nowrap;
      position: absolute;
      transition: left .3s ease-in-out;
      left: 0;
      display: flex;
      align-self: anchor-center; }
      .title-bar.custom-title-bar .title-bar-full > div {
        vertical-align: middle; }
      @media screen and (max-width: 39.99875em) {
        .title-bar.custom-title-bar .title-bar-full .is-dropdown-submenu {
          min-width: 85vw;
          width: 85vw;
          max-height: 70vh;
          overflow: auto; } }
      .title-bar.custom-title-bar .title-bar-full .is-dropdown-submenu a {
        width: 100%; }
    .title-bar.custom-title-bar .scroll-arrow {
      z-index: 1;
      line-height: 1.93813rem;
      cursor: pointer;
      display: flex;
      position: absolute;
      font-size: 1.4rem;
      padding: 0 1.5rem;
      width: 22rem;
      color: #1779ba; }
      .title-bar.custom-title-bar .scroll-arrow:hover {
        color: #14679E; }
      .title-bar.custom-title-bar .scroll-arrow:active {
        color: #105684; }
      .title-bar.custom-title-bar .scroll-arrow.scroll-arrow-left {
        justify-content: flex-end;
        background: linear-gradient(to left, rgba(254, 254, 254, 0), rgba(254, 254, 254, 0.5) 1.5rem, #fefefe 3.5rem);
        right: calc(100% - 4rem); }
      .title-bar.custom-title-bar .scroll-arrow.scroll-arrow-right {
        justify-content: flex-start;
        background: linear-gradient(to right, rgba(254, 254, 254, 0), rgba(254, 254, 254, 0.5) 1.5rem, #fefefe 3.5rem);
        left: calc(100% - 4rem); }
        @media print, screen and (min-width: 40em) {
          .title-bar.custom-title-bar .scroll-arrow.scroll-arrow-right {
            left: calc(100% - 12rem); } }
    .title-bar.custom-title-bar:has(.user-menu-title-bar-container.hideThis) .scroll-arrow-right {
      left: calc(100% - 4rem) !important; }
    .title-bar.custom-title-bar .user-menu-title-bar-container {
      z-index: 100; }
    .title-bar.custom-title-bar ul:not(.user-menu) li:has( > a), .title-bar.custom-title-bar ul:not(.user-menu) li:has( > div > .special-button) {
      margin-right: 0.25rem; }
      .title-bar.custom-title-bar ul:not(.user-menu) li:has( > a):has(.hideThis), .title-bar.custom-title-bar ul:not(.user-menu) li:has( > div > .special-button):has(.hideThis) {
        margin-right: 0; }
    .title-bar.custom-title-bar ul:not(.user-menu) li.sr-is-dropdown-down a, .title-bar.custom-title-bar ul:not(.user-menu) li.is-dropdown-submenu-parent a {
      padding-right: 1.5rem !important; }
    .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button {
      font-size: 0.875rem !important;
      line-height: 1.357 !important;
      border-radius: 0.5rem;
      font-weight: 600;
      padding: 0.31288rem 0.6875rem;
      border: 1px solid #CFD3DC;
      background-color: #fefefe;
      color: #1779ba !important;
      cursor: pointer;
      /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
      transition: box-shadow 0.15s ease-in-out; }
      .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a:hover, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button:hover {
        border-color: #14679E;
        color: #14679E;
        background-color: #fefefe; }
        .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a:hover:active, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button:hover:active {
          border-color: #105684;
          color: #105684;
          background-color: #E8F2F8; }
      .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a.hover, .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a.active, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button.hover, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button.active {
        background-color: #E8F2F8;
        border-color: #1779ba; }
      .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a.icon, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button.icon {
        padding: 0.31288rem !important; }
        .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a.icon i, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button.icon i {
          display: block;
          width: 1lh;
          margin-right: 0;
          text-align: center; }
      .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a:focus, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button:focus {
        outline: none; }
      .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a:focus-visible, .title-bar.custom-title-bar ul:not(.user-menu) li:not(.is-submenu-item) > a:focus-within, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button:focus-visible, .title-bar.custom-title-bar ul:not(.user-menu) li > div > .special-button:focus-within {
        box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
        border-color: #1779ba; }
    .title-bar.custom-title-bar ul:not(.user-menu) li.sr-is-dropdown-down a::after, .title-bar.custom-title-bar ul:not(.user-menu) li.sr-is-dropdown-down a:hover::after, .title-bar.custom-title-bar ul:not(.user-menu) li.is-dropdown-submenu-parent a::after, .title-bar.custom-title-bar ul:not(.user-menu) li.is-dropdown-submenu-parent a:hover::after {
      right: 0.5rem !important;
      border-color: #1779ba transparent transparent; }
    .title-bar.custom-title-bar ul:not(.user-menu) li .sr-webapp-menu-fileupload {
      display: flex;
      align-items: center;
      margin-right: 0.25rem; }
      .title-bar.custom-title-bar ul:not(.user-menu) li .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation {
        margin-bottom: 0; }
        .title-bar.custom-title-bar ul:not(.user-menu) li .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation {
          margin-bottom: 0;
          background-color: transparent; }
          .title-bar.custom-title-bar ul:not(.user-menu) li .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation .fileinput-button-text-foundation {
            line-height: 1.357; }
    .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li:not(.is-submenu-item) > a, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li > div > .special-button {
      font-size: 0.875rem !important;
      line-height: 1.357 !important;
      border-radius: 0.5rem;
      font-weight: 600;
      padding: 0.31288rem 0.6875rem;
      border: 1px solid transparent;
      background: #1779ba;
      color: #FFFFFF !important;
      cursor: pointer;
      /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
      transition: box-shadow 0.15s ease-in-out; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li:not(.is-submenu-item) > a:hover, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li > div > .special-button:hover {
        color: #FFFFFF;
        background-color: #14679E; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li:not(.is-submenu-item) > a:active, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li > div > .special-button:active {
        background-color: #105684; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li:not(.is-submenu-item) > a:hover, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li > div > .special-button:hover {
        background-color: #14679E !important; }
        .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li:not(.is-submenu-item) > a:hover:active, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li > div > .special-button:hover:active {
          background-color: #105684 !important; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li:not(.is-submenu-item) > a:focus, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li > div > .special-button:focus {
        outline: none; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li:not(.is-submenu-item) > a:focus-visible, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li:not(.is-submenu-item) > a:focus-within, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li > div > .special-button:focus-visible, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li > div > .special-button:focus-within {
        box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
        border-color: #1779ba; }
    .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li.sr-is-dropdown-down a::after, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li.sr-is-dropdown-down a:hover::after, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li.is-dropdown-submenu-parent a::after, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul):first-child ul li.is-dropdown-submenu-parent a:hover::after {
      right: 0.5rem !important;
      border-color: #FFFFFF transparent transparent; }
    .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button {
      font-size: 0.875rem !important;
      line-height: 1.357 !important;
      border-radius: 0.5rem;
      font-weight: 600;
      padding: 0.31288rem 0.6875rem;
      border: 1px solid #CFD3DC;
      background-color: #fefefe;
      color: #1779ba !important;
      cursor: pointer;
      /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
      transition: box-shadow 0.15s ease-in-out; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a:hover, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button:hover {
        border-color: #14679E;
        color: #14679E;
        background-color: #fefefe; }
        .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a:hover:active, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button:hover:active {
          border-color: #105684;
          color: #105684;
          background-color: #E8F2F8; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a.hover, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a.active, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button.hover, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button.active {
        background-color: #E8F2F8;
        border-color: #1779ba; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a.icon, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button.icon {
        padding: 0.31288rem !important; }
        .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a.icon i, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button.icon i {
          display: block;
          width: 1lh;
          margin-right: 0;
          text-align: center; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a:focus, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button:focus {
        outline: none; }
      .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a:focus-visible, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li:not(.is-submenu-item) > a:focus-within, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button:focus-visible, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li > div > .special-button:focus-within {
        box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
        border-color: #1779ba; }
    .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li.sr-is-dropdown-down a::after, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li.sr-is-dropdown-down a:hover::after, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li.is-dropdown-submenu-parent a::after, .title-bar.custom-title-bar .title-bar-full div:first-child ul li:has(ul) ul li.is-dropdown-submenu-parent a:hover::after {
      right: 0.5rem !important;
      border-color: #1779ba transparent transparent; }
    .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child:not(.is-submenu-item) > a, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child > div > .special-button {
      font-size: 0.875rem !important;
      line-height: 1.357 !important;
      border-radius: 0.5rem;
      font-weight: 600;
      padding: 0.31288rem 0.6875rem;
      border: 1px solid transparent;
      background: #1779ba;
      color: #FFFFFF !important;
      cursor: pointer;
      /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
      transition: box-shadow 0.15s ease-in-out; }
      .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child:not(.is-submenu-item) > a:hover, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child > div > .special-button:hover {
        color: #FFFFFF;
        background-color: #14679E; }
      .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child:not(.is-submenu-item) > a:active, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child > div > .special-button:active {
        background-color: #105684; }
      .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child:not(.is-submenu-item) > a:hover, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child > div > .special-button:hover {
        background-color: #14679E !important; }
        .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child:not(.is-submenu-item) > a:hover:active, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child > div > .special-button:hover:active {
          background-color: #105684 !important; }
      .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child:not(.is-submenu-item) > a:focus, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child > div > .special-button:focus {
        outline: none; }
      .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child:not(.is-submenu-item) > a:focus-visible, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child:not(.is-submenu-item) > a:focus-within, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child > div > .special-button:focus-visible, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child > div > .special-button:focus-within {
        box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
        border-color: #1779ba; }
    .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child.sr-is-dropdown-down a::after, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child.sr-is-dropdown-down a:hover::after, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child.is-dropdown-submenu-parent a::after, .title-bar.custom-title-bar .title-bar-full div:first-child > ul > li:first-child.is-dropdown-submenu-parent a:hover::after {
      right: 0.5rem !important;
      border-color: #FFFFFF transparent transparent; }
    .title-bar.custom-title-bar .sr-menu-button-bar {
      flex-wrap: nowrap; }

/* Fine stile per la custom submenu, è un'override di title-bar */
/* Stile per i menu dropdown */
.dropdown-pane .sr-webapp-menu-fileupload {
  padding: 0 .5rem;
  margin-right: 0; }
  .dropdown-pane .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation {
    margin-bottom: 0; }
    .dropdown-pane .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation {
      margin-bottom: 0;
      background-color: transparent; }
      .dropdown-pane .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation:hover {
        background-color: transparent; }
      .dropdown-pane .sr-webapp-menu-fileupload .fileupload-buttonbar-foundation .fileinput-button-foundation .fileinput-button-text-foundation {
        text-align: left; }
  .dropdown-pane .sr-webapp-menu-fileupload.sr-webapp-menu-fileupload-no-style {
    padding: 0.46906rem 0.5rem; }

.dropdown-pane ul {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

/* Fine stile per i menu dropdown */
/* Stile per il menu mobile della topbar */
.mobile-menu-button {
  border: 1px solid transparent;
  background: none;
  color: #1779ba;
  font-size: 1.5rem;
  height: 2rem;
  cursor: pointer;
  padding: .25rem;
  vertical-align: middle;
  border: none;
  color: #172b4d; }
  .mobile-menu-button[disabled], .mobile-menu-button.disabled {
    color: #1779ba !important;
    background: none !important; }
  .mobile-menu-button.active {
    background: #E8F2F8;
    color: #1779ba; }
  .sr-action.active > .mobile-menu-button {
    background: #E8F2F8;
    color: #1779ba; }
  .mobile-menu-button:active {
    background: #E8F2F8;
    color: #1779ba; }
  .mobile-menu-button:hover {
    background: #ECEEF1; }
  .danger > .mobile-menu-button, .mobile-menu-button.danger {
    background-color: transparent;
    color: #E8413A; }
    .danger > .mobile-menu-button:hover, .mobile-menu-button.danger:hover {
      color: #D33B35;
      background-color: #FDECEB; }
    .danger > .mobile-menu-button:active, .mobile-menu-button.danger:active {
      color: #A52E29;
      background-color: #FDECEB; }
  .mobile-menu-button:active {
    background-color: #E0E3E8;
    color: #172b4d; }
  .mobile-menu-button:focus {
    outline: none; }

.left-menu-mobile-modal {
  border-radius: 0;
  padding: 0; }
  .left-menu-mobile-modal .close-button {
    right: 1rem;
    top: 1.5rem; }
  .left-menu-mobile-modal > div {
    height: 100%; }
    .left-menu-mobile-modal > div > div {
      height: 100%; }
      .left-menu-mobile-modal > div > div .mobile-menu-content {
        height: calc(100% - 2rem);
        display: flex;
        flex-direction: column; }
  .left-menu-mobile-modal .user-menu {
    padding: .5rem;
    margin-top: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    .left-menu-mobile-modal .user-menu a {
      border-radius: 1rem;
      background: #ECEEF1;
      padding: 0;
      color: #172b4d;
      font-weight: 600; }
      .left-menu-mobile-modal .user-menu a i {
        color: #67748A;
        padding: .5rem; }
      .left-menu-mobile-modal .user-menu a:active {
        background: #E0E3E8; }
        .left-menu-mobile-modal .user-menu a:active i {
          color: #67748A; }
      .left-menu-mobile-modal .user-menu a.hover, .left-menu-mobile-modal .user-menu a.active {
        background: #E8F2F8; }
        .left-menu-mobile-modal .user-menu a.hover i, .left-menu-mobile-modal .user-menu a.hover span, .left-menu-mobile-modal .user-menu a.active i, .left-menu-mobile-modal .user-menu a.active span {
          color: #1779ba; }
        .left-menu-mobile-modal .user-menu a.hover:active i, .left-menu-mobile-modal .user-menu a.active:active i {
          color: #1779ba; }
    .left-menu-mobile-modal .user-menu a {
      display: block;
      padding: .5rem; }
      .left-menu-mobile-modal .user-menu a.accordion-menu-icon {
        position: relative; }
        .left-menu-mobile-modal .user-menu a.accordion-menu-icon:after {
          border: inset 5px;
          content: '';
          border-color: transparent transparent transparent #172b4d;
          right: 1rem;
          position: absolute;
          top: 50%;
          transform: translatey(-50%); }
  .left-menu-mobile-modal ul.menu > li.sr-is-dropdown-down > a:after {
    right: 1.375rem !important; }

.user-menu-mobile-modal {
  border-radius: 0;
  padding: 0; }
  .user-menu-mobile-modal .username-menu-title {
    margin: 2.15rem 0 1rem 1rem; }
    .user-menu-mobile-modal .username-menu-title a {
      margin-bottom: 0; }
    .user-menu-mobile-modal .username-menu-title span {
      font-weight: 600; }
  .user-menu-mobile-modal .close-button {
    right: 1rem;
    top: 1.5rem; }
  .user-menu-mobile-modal ul.menu > li.sr-is-dropdown-down > a:after {
    right: 1.375rem !important; }

.user-menu-mobile-modal div div > .menu {
  margin-top: 1rem; }

/* Fine stile per il container del menu mobile leftmenu */
/* Stile per il visualizzatore di .product 2D */
td.svnName {
  display: none; }

table.part-list tbody td {
  overflow: hidden; }

.map-wrapper {
  position: relative;
  margin: 0 0 0.525rem 0;
  height: 70vh;
  border: 1px solid #E5E5E5; }

/* Stile della signin */
.signin-container {
  border-radius: 1rem;
  padding: 2rem;
  border: 1px solid #C5CAD4;
  position: relative;
  overflow: hidden; }
  .signin-container input {
    box-shadow: none;
    /*transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, z-index 0.25s ease-in-out 0s;*/
    transition: box-shadow 0.15s ease-in-out; }
    .signin-container input:focus {
      outline: none; }
    .signin-container input:focus-visible, .signin-container input:focus-within {
      box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
      border-color: #1779ba; }
  .signin-container .button {
    width: 100%; }
  .signin-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 0.5rem solid #172b4d; }

.sr-termscond-container {
  text-align: center; }
  .sr-termscond-container .sr-termscond-content-container {
    text-align: left;
    display: inline-block;
    border-radius: 0.5rem;
    padding: 2rem;
    border: 1px solid #C5CAD4; }

.remember-me-label {
  display: inline-block; }
  .remember-me-label > label {
    font-weight: 100; }

.remember-me-checkbox {
  display: inline-block; }

.align-center-container {
  margin: 0 auto;
  max-width: 30rem; }

/* Fine stile della signin */
/* Stile per l'offcanvas della webapp */
.off-canvas.sr-off-canvas-webapp {
  z-index: 111;
  left: auto !important; }
  .off-canvas.sr-off-canvas-webapp h5 {
    text-transform: unset;
    font-weight: bold; }
  @media screen and (max-width: 39.99875em) {
    .off-canvas.sr-off-canvas-webapp {
      width: 100%; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .off-canvas.sr-off-canvas-webapp {
      width: 80%; } }
  @media screen and (min-width: 64em) and (max-width: 74.99875em) {
    .off-canvas.sr-off-canvas-webapp {
      width: 70%; } }
  .off-canvas.sr-off-canvas-webapp.is-transition-overlap {
    z-index: 111;
    box-shadow: 0px 16px 24px 0px rgba(23, 43, 77, 0.15), 0px 0px 0px 1px #d1d5dd; }
  .off-canvas.sr-off-canvas-webapp.is-over-a-reveal {
    z-index: 1015; }
  .off-canvas.sr-off-canvas-webapp.sr-off-canvas-preview {
    padding-top: 3.5rem;
    padding-bottom: 0; }
  .off-canvas.sr-off-canvas-webapp.sr-off-canvas-webapp-layout {
    overflow: visible;
    overflow-y: visible;
    overflow-x: visible; }
  .off-canvas.sr-off-canvas-webapp .ui-resizable-handle:hover:before, .off-canvas.sr-off-canvas-webapp .ui-resizable-handle:active:before {
    content: "";
    position: absolute;
    top: 0;
    right: 3px;
    width: 0.25rem;
    height: 100vh;
    background: #1779ba; }
  .off-canvas.sr-off-canvas-webapp.sr-filter-panel {
    padding: 0.625rem;
    padding-top: 4rem; }

.off-canvas .sr-off-canvas-preview-button-bar {
  width: 100%;
  height: 3.5rem;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #F7F8F8;
  z-index: 1; }
  .off-canvas .sr-off-canvas-preview-button-bar .sr-off-canvas-preview-buttons {
    width: 100%;
    height: 3.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .off-canvas .sr-off-canvas-preview-button-bar .sr-off-canvas-preview-buttons .button-group {
      gap: .25rem;
      margin-bottom: 0; }
      .off-canvas .sr-off-canvas-preview-button-bar .sr-off-canvas-preview-buttons .button-group .button {
        margin-bottom: 0;
        margin-right: 0;
        color: #172b4d; }
        .off-canvas .sr-off-canvas-preview-button-bar .sr-off-canvas-preview-buttons .button-group .button.sr-off-canvas-close-button {
          font-size: 1.25rem; }

/* Fine stile per l'offcanvas della webapp */
.sr-off-canvas-webapp {
  /* Stile per l'handle (La maniglia) per fare il resize di alcuni oggetti (Al momento dell'offcanvas) */
  /* 
	Probabilmente questa modifica andava fatta in and con la classe .sr-off-canvas-webapp e non come elementi figli
	Al momento la commento perchè è dannosa per i blocchi del Layout e perchè ho già fatto il left auto !important direttamente nella classe .sr-off-canvas-webapp
    .ui-resizable{
	    left: auto !important; // OVERRIDE di left perchè altrimenti in IE visto che da js gli imposta la left si rompe perchè si sposta
    }
	*/
  /* Fine stile per l'handle (La maniglia) per fare il resize di alcuni oggetti (Al momento dell'offcanvas) */ }
  .sr-off-canvas-webapp .ui-resizable-w {
    left: -2px; }

/* Stile per le pagine layouts dei settings della web application */
.properties-rows-container, .sortable-rows-container {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .properties-rows-container li, .sortable-rows-container li {
    background-color: #F7F8F8;
    padding: .4rem;
    font-size: .875rem;
    font-weight: 600;
    min-height: 2.5rem;
    margin-bottom: .5rem;
    border-radius: 0.5rem; }
  .properties-rows-container .sort-input-container, .properties-rows-container .sort-buttons-container, .sortable-rows-container .sort-input-container, .sortable-rows-container .sort-buttons-container {
    float: right; }
  .properties-rows-container .sort-input-container, .sortable-rows-container .sort-input-container {
    margin-right: 0.25rem; }
  .properties-rows-container .sort-input-container input, .properties-rows-container .sort-input-container select, .sortable-rows-container .sort-input-container input, .sortable-rows-container .sort-input-container select {
    height: 1.9375rem; }

.sortable-rows-container .sort-actions-add {
  display: none; }

.properties-rows-container li div.sort-input-container, .properties-rows-container li .sort-actions-up, .properties-rows-container li .sort-actions-down, .properties-rows-container li .sort-actions-top, .properties-rows-container li .sort-actions-bottom, .properties-rows-container li .sort-actions-remove, .properties-rows-container li .sr-checkbox-icon {
  display: none !important; }

/* Fine stile per le pagine layouts dei settings della web application */
/* Stile per gli ui-multiselect (saranno da rimpiazzare quando farem oun refactoring dei controlli)*/
.ui-multiselect.disabled, .ui-multiselect.readonly {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 0.7;
  cursor: not-allowed; }
  .ui-multiselect.disabled *, .ui-multiselect.readonly * {
    pointer-events: none; }

.ui-multiselect input.search {
  height: 1.3125rem;
  width: 15.625rem;
  padding: 0.1875rem; }
  .ui-multiselect input.search.ui-state-active {
    color: #172b4d; }

/* Fine stile per gli ui-multiselect */
/* Pulsanti amministrativi menu */
.sr-adm-menu-remove {
  position: absolute !important;
  top: 0.0625rem !important;
  width: 0.8125rem !important;
  height: 0.8125rem !important;
  display: block !important;
  font-size: 0.6875rem !important;
  padding: 0 !important;
  border-radius: 50%;
  right: 0.0625rem;
  background-color: #E8413A; }
  .sr-adm-menu-remove > i {
    color: #fefefe;
    width: 0.8125rem !important;
    height: 0.8125rem !important;
    line-height: 0.8125rem !important;
    display: block !important;
    text-align: center; }
  .sr-adm-menu-remove:after {
    display: none !important; }
  .sr-adm-menu-remove:hover {
    background-color: #e52b23 !important; }

.sr-adm-menu-edit {
  position: absolute !important;
  top: 0.0625rem !important;
  width: 0.8125rem !important;
  height: 0.8125rem !important;
  display: block !important;
  font-size: 0.6875rem !important;
  padding: 0 !important;
  border-radius: 50%;
  right: 0.9375rem;
  background-color: #1779ba; }
  .sr-adm-menu-edit > i {
    color: #fefefe;
    width: 0.8125rem !important;
    height: 0.8125rem !important;
    line-height: 0.8125rem !important;
    display: block !important;
    text-align: center; }
  .sr-adm-menu-edit:after {
    display: none !important; }
  .sr-adm-menu-edit:hover {
    background-color: #146aa3 !important; }

.sr-adm-menu-add {
  background-color: dimgray !important; }
  .sr-adm-menu-add i, .sr-adm-menu-add a {
    color: #fefefe !important; }

/* Devo passare sopra a uno stile che non voglio avere */
ul.menu > li.sr-hide-dropdown-arrow > a.sr-adm-menu-remove, ul.menu > li.sr-hide-dropdown-arrow > a.sr-adm-menu-edit {
  padding-right: 0 !important; }

/* Fine pulsanti amministrativi menu */
.accordion-menu li {
  position: relative;
  /* Quando ho i pulsanti amministrativi del menu ho bisogno di avere un posizionamento relativo per far andare i tasti sopra al loro li di riferimento e non uno sopra l'altro nell'ul */ }

.user-menu-mobile-modal .accordion-menu li a, .user-menu-mobile-modal .accordion-menu li .is-accordion-submenu a, .left-menu-mobile-modal .accordion-menu li a, .left-menu-mobile-modal .accordion-menu li .is-accordion-submenu a {
  padding: .75rem 1.5rem; }

.user-menu-mobile-modal .small-logo, .left-menu-mobile-modal .small-logo {
  margin-top: 1.5rem;
  margin-left: 1rem; }

.left-menu-mobile-modal, .mobile-search-modal, .user-menu-mobile-modal {
  position: fixed;
  top: 0 !important; }
  .left-menu-mobile-modal .long-operation-container, .mobile-search-modal .long-operation-container, .user-menu-mobile-modal .long-operation-container {
    margin-top: 1rem; }

/* Stile per le proprietà visualizzate nelle tabelle di ricerca che mostrano username */
.sr-user-format-property-container {
  white-space: nowrap; }

/* Fine per le proprietà visualizzate nelle tabelle di ricerca che mostrano username */
/* Stile per la validazione summary, mostrato al momento nella maschera per accettare i terms and conditions */
.validation-summary-errors {
  font-weight: bold;
  color: #E8413A; }

/* Fine stile per la validazione summary */
/* Stile generico per il box che mostra l'informativa dell'applicativo */
.sr-license-text {
  border: 1px solid #CFD3DC;
  height: 27.5rem; }
  .sr-license-text iframe {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 27.5rem; }

/* Fine stile generico per il box che mostra l'informativa dell'applicativo */
/* Stile per i vari elementi della maschera con i termini e le condizioni */
.sr-termscond-flag-label.must-be-flagged:after {
  content: "*";
  color: #E8413A; }

.sr-termscond-notice .must-be-flagged {
  color: #E8413A; }

.sr-termscond-summary {
  margin-bottom: 0.525rem; }

.sr-termscond-flags-container {
  margin-bottom: 1.05rem; }

.sr-termscond-flags-date {
  margin-bottom: 0.525rem; }

/* Fine stile per i vari elementi della maschera con i termini e le condizioni */
/* Stile per la tabella dove viene cambiata la dimensione */
.sr-webapp-table-resizable th > div {
  display: inline-block; }

/* Fine stile per la tabella dove viene cambiata la dimensione */
.search_action_form {
  position: relative;
  margin-bottom: .5rem; }

/* Fine stile per i vari elementi della maschera con i termini e le condizioni */
.customview.with-submenu {
  padding: 3.938rem 0.625rem; }

.sr-not-desk-element.with-submenu {
  padding-top: 3.438rem; }

/* Stile per la vista a cards */
.sr-search-result-card-view {
  padding-right: 1rem;
  padding-left: 1rem; }
  .sr-search-result-card-view.sr-search-result-groupby {
    overflow: auto;
    max-height: 80vh; }
  .sr-search-result-card-view.sr-droppable-data-dragging {
    background-color: #E8F2F8; }
  .sr-search-result-card-view .sr-cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: .5rem; }

.sr-cards-container.search-result-container {
  overflow: unset; }

.sr-cards-container .sr-card-item {
  cursor: pointer;
  position: relative;
  background-color: #fefefe;
  padding: 1rem;
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in-out;
  transform: translatey(0px);
  min-width: 0; }
  .sr-cards-container .sr-card-item:hover {
    box-shadow: 0px 4px 4px rgba(23, 43, 77, 0.1);
    transform: translatey(-2px);
    cursor: move;
    /* fallback if grab cursor is not supported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab; }
  .sr-cards-container .sr-card-item.active {
    border: 1px solid #1779ba;
    background-color: #E8F2F8; }
  .sr-cards-container .sr-card-item:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing; }
  .sr-cards-container .sr-card-item .sr-card-actions-row {
    display: flex;
    justify-content: space-between;
    gap: .25rem;
    margin-bottom: .25rem; }
    .sr-cards-container .sr-card-item .sr-card-actions-row .sr-checkbox-icon {
      line-height: normal; }
    .sr-cards-container .sr-card-item .sr-card-actions-row .card-anc-action {
      width: calc(1.357 * 0.875rem + 0.75075rem);
      height: calc(1.357 * 0.875rem + 0.75075rem);
      display: flex;
      align-items: center;
      justify-content: center; }
      .sr-cards-container .sr-card-item .sr-card-actions-row .card-anc-action i {
        margin-right: 0; }
  .sr-cards-container .sr-card-item .sr-card-property-row .preview-dataset-img {
    height: 6.25rem;
    width: 6.25rem;
    margin: .25rem auto; }
    .sr-cards-container .sr-card-item .sr-card-property-row .preview-dataset-img img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .sr-cards-container .sr-card-item .sr-card-property-row-0 {
    font-size: .75rem !important; }
  .sr-cards-container .sr-card-item .sr-card-property-row-1 {
    font-size: 1rem !important;
    font-weight: bold;
    margin-bottom: .25rem; }
  .sr-cards-container .sr-card-item .sr-card-property-row:not(.sr-card-property-row-0):not(.sr-card-property-row-1) {
    font-size: 0.875rem;
    padding: .25rem 0;
    display: flex;
    gap: .25rem;
    flex-wrap: nowrap; }
    .sr-cards-container .sr-card-item .sr-card-property-row:not(.sr-card-property-row-0):not(.sr-card-property-row-1):not(:last-child) {
      border-bottom: 1px solid #CFD3DC; }
    .sr-cards-container .sr-card-item .sr-card-property-row:not(.sr-card-property-row-0):not(.sr-card-property-row-1):has(.preview-dataset-img) {
      border-bottom: none; }
    .sr-cards-container .sr-card-item .sr-card-property-row:not(.sr-card-property-row-0):not(.sr-card-property-row-1) .sr-card-property-label {
      font-weight: 600;
      width: 35%;
      flex-shrink: 0;
      height: fit-content;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis; }
  .sr-cards-container .sr-card-item .sr-card-property-row .sr-card-property-value {
    height: fit-content;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis; }
    .sr-cards-container .sr-card-item .sr-card-property-row .sr-card-property-value .sr-property-value-nowrap {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .sr-cards-container .sr-card-item .icon-standard {
    color: #000; }

.sr-force-gridview .sr-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  gap: .5rem; }
  .sr-force-gridview .sr-cards-container .sr-card-item {
    padding: .5rem; }

.sr-groupby-container-card-view {
  display: flex;
  gap: .5rem; }
  .sr-groupby-container-card-view .sr-cards-container {
    grid-template-columns: unset; }
  .sr-groupby-container-card-view .sr-groupby-item {
    min-width: calc(100% - .5rem);
    max-width: calc(100% - .5rem);
    background-color: #F7F8F8;
    display: flex;
    flex-direction: column; }
    @media print, screen and (min-width: 40em) {
      .sr-groupby-container-card-view .sr-groupby-item {
        min-width: calc((100% / 2) - .5rem);
        max-width: calc((100% / 2) - .5rem); } }
    @media print, screen and (min-width: 64em) {
      .sr-groupby-container-card-view .sr-groupby-item {
        min-width: calc((100% / 4) - .5rem);
        max-width: calc((100% / 4) - .5rem); } }
    @media screen and (min-width: 90em) {
      .sr-groupby-container-card-view .sr-groupby-item {
        min-width: calc((100% / 5) - .5rem);
        max-width: calc((100% / 5) - .5rem); } }
    .sr-groupby-container-card-view .sr-groupby-item .dataset-properties {
      padding: .5rem; }
    .sr-groupby-container-card-view .sr-groupby-item > div:last-child {
      flex: 1; }
      .sr-groupby-container-card-view .sr-groupby-item > div:last-child .sr-search-result-card-view {
        height: 100%; }

.sr-groupby-container-simple-view .sr-groupby-item {
  margin-bottom: 1rem; }
  .sr-groupby-container-simple-view .sr-groupby-item > div:last-child {
    padding-left: 2rem; }

.sr-groupby-container-card-view .sr-groupby-item .dataset-properties-legend:hover, .sr-groupby-container-simple-view .sr-groupby-item .dataset-properties-legend:hover {
  background: #ECEEF1;
  border-radius: 0.5rem; }

.sr-groupby-container-card-view .sr-groupby-item .dataset-properties-legend:active, .sr-groupby-container-simple-view .sr-groupby-item .dataset-properties-legend:active {
  background: #E0E3E8; }

.sr-groupby-container-card-view .sr-groupby-item .dataset-properties-legend h5, .sr-groupby-container-simple-view .sr-groupby-item .dataset-properties-legend h5 {
  font-weight: bold; }

.sr-multiple-groupby.sr-groupby-container-card-view .sr-groupby-item {
  min-width: initial;
  max-width: initial; }

/* Fine stile per la vista a cards */
/* Stile per la tabella dei root menu node */
.sr-root-menunode-table td {
  vertical-align: middle; }
  .sr-root-menunode-table td select {
    margin-bottom: 0;
    display: inline-block;
    width: auto;
    max-width: 100%; }

/* Fine stile per la tabella dei root menu node */
/* Stile specifico per le pagine di impostazioni */
.settings-page .sr-banner .text a > i {
  vertical-align: middle;
  font-size: 1rem !important;
  margin-right: 0 !important; }

.settings-page .switch {
  margin-bottom: 0; }
  .settings-page .switch + span {
    font-weight: 600;
    margin-left: .5rem; }

.settings-page #tokens-chart-container {
  width: 100%;
  height: 25rem;
  overflow: hidden; }

.settings-page .api-metric-tile {
  width: 100% !important;
  min-height: 12rem;
  height: inherit; }
  .settings-page .api-metric-tile .value i.warning {
    color: #FFCC07; }
  .settings-page .api-metric-tile .value i.error {
    color: #E8413A; }
  .settings-page .api-metric-tile .content {
    min-height: 5rem;
    height: inherit; }
  .settings-page .api-metric-tile .kpi-description {
    font-weight: normal;
    font-size: 1rem;
    color: #67748A; }

.settings-page .group {
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem;
  padding: 1rem; }

.sr-new-api-key-reveal .ui-multiselect {
  width: inherit !important; }

.sr-new-api-key-reveal .ui-widget-content {
  width: 50% !important; }

.chat-container {
  width: 100%;
  padding-bottom: 8rem;
  padding-inline: .5rem; }
  @media print, screen and (min-width: 64em) {
    .chat-container:not(.chat-dashboard-mode) {
      width: calc(100% - clamp(14rem, 20vw, 20rem)); } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .chat-container .chat {
      width: 100%;
      margin-left: 0; } }
  .chat-container .chat-message .chat-assistant-icon {
    background: #f3f1f8; }
    .chat-container .chat-message .chat-assistant-icon i {
      color: #8476b5; }
  .chat-container .chat-message .chat-message-content {
    width: fit-content;
    min-width: 18rem;
    min-width: Min(18rem, 100%); }
    .chat-container .chat-message .chat-message-content:not(.chat-assistant-message) {
      white-space: break-spaces; }
    .chat-container .chat-message .chat-message-content.error {
      border-color: #E8413A; }
    .chat-container .chat-message .chat-message-content.chat-message-thinking:not(.error) {
      color: #67748A; }
  .chat-container .chat-input-container {
    position: fixed;
    width: 100%;
    bottom: calc(2.5rem + 3rem);
    z-index: 10;
    padding: 0 5%; }
    @media print, screen and (min-width: 40em) {
      .chat-container .chat-input-container:not(.chat-dashboard-mode) {
        right: calc(0.375rem + 0.5625rem); } }
    .chat-container .chat-input-container .chat-dashboard-mode {
      right: 0; }
    .chat-container .chat-input-container > div {
      width: 100%;
      display: flex;
      align-items: center;
      position: relative;
      border: 1px solid transparent;
      border-radius: 0.5rem;
      box-shadow: 0px 16px 24px 0px rgba(23, 43, 77, 0.15), 0px 0px 0px 1px #d1d5dd;
      background: #F7F8F8; }
      .chat-container .chat-input-container > div:hover {
        border-color: #1779ba; }
      .chat-container .chat-input-container > div:before {
        content: '';
        position: absolute;
        top: -0.375rem;
        left: -0.375rem;
        right: -0.375rem;
        bottom: -0.375rem;
        border-radius: .75rem;
        background: linear-gradient(90deg, rgba(237, 76, 202, 0.4) 0%, rgba(132, 109, 214, 0.4) 30%, rgba(132, 109, 214, 0.4) 80%, rgba(74, 87, 245, 0.4) 100%);
        z-index: -1;
        opacity: 0;
        transition: opacity 0.15s ease-in-out; }
      .chat-container .chat-input-container > div:focus-within {
        border-color: #1779ba; }
        .chat-container .chat-input-container > div:focus-within::before {
          opacity: 1; }
    .chat-container .chat-input-container #chatInput {
      margin: 0;
      background: none;
      padding: 0.75rem;
      font-size: 1rem;
      resize: none;
      min-height: 2.715rem !important;
      max-height: 10rem;
      outline: none;
      border: none;
      box-shadow: none; }
      .chat-container .chat-input-container #chatInput::placeholder {
        color: #67748A; }
      .chat-container .chat-input-container #chatInput:focus {
        box-shadow: none;
        border: none;
        outline: none; }
    .chat-container .chat-input-container .button {
      margin: 0 .5rem; }
  .chat-container:has(.chat:empty) .chat-input-container {
    position: relative;
    width: 100% !important;
    margin-top: 6rem;
    bottom: unset;
    right: unset; }
  .chat-container .chat-input-background {
    position: fixed;
    width: 100%;
    height: 8rem;
    background: linear-gradient(180deg, rgba(254, 254, 254, 0) 0%, rgba(254, 254, 254, 0.8) 35%, #fefefe 80%);
    bottom: 0;
    left: 0;
    z-index: 0; }

@media print, screen and (min-width: 40em) {
  body:has(.body-container.with-left-sidebar):has(.chat:not(:empty)) .chat-input-container {
    width: calc(100% - (.5rem + 3.5rem + 1.5rem + 0.375rem)); }
  body:has(.body-container.with-left-sidebar.is-expanded):has(.chat:not(:empty)) .chat-input-container {
    width: calc(100% - (.5rem + 20.5rem + 1.5rem + 0.375rem)); } }

@media print, screen and (min-width: 64em) {
  body:has(.body-container.with-left-sidebar):has(.chat:not(:empty)) .chat-input-container {
    width: calc(100% - (.5rem + 3.5rem + clamp(14rem, 20vw, 20rem) + 1.5rem + 0.375rem)); }
  body:has(.body-container.with-left-sidebar.is-expanded):has(.chat:not(:empty)) .chat-input-container {
    width: calc(100% - (.5rem + 20.5rem + clamp(14rem, 20vw, 20rem) + 1.5rem + 0.375rem)); } }

@media screen and (min-width: 81.25rem) {
  .chat {
    width: 66.66667%;
    margin-left: 16.66667%; }
  .chat-input-container {
    padding: 0 10% !important; } }

@media screen and (max-width: 39.99875em) {
  .chat-input-container {
    width: 80% !important;
    right: 10%;
    padding: 0 !important; } }

.chat-history-container {
  width: 100%;
  position: relative;
  z-index: 10; }
  @media print, screen and (min-width: 64em) {
    .chat-history-container {
      width: clamp(14rem, 20vw, 20rem); } }
  .chat-history-container .chat-history-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }

.no-chat-history {
  color: #67748A;
  font-size: .875rem; }

.chat-history:has(.chat-history-element) .no-chat-history, .chat-history:has(.long-operation-container) .no-chat-history {
  display: none; }

.chat-history-element {
  background: #fefefe;
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem;
  margin-bottom: .25rem;
  padding: .5rem .5rem .5rem 1rem;
  display: flex;
  align-items: center; }
  .chat-history-element .chat-history-labels {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
    flex-grow: 1; }
    .chat-history-element .chat-history-labels .chat-history-label {
      color: #172b4d;
      font-weight: 600; }
    .chat-history-element .chat-history-labels .chat-history-description {
      color: #67748A;
      font-size: .875rem; }
    .chat-history-element .chat-history-labels .chat-history-label, .chat-history-element .chat-history-labels .chat-history-description {
      text-overflow: ellipsis;
      overflow: hidden; }
  @media (hover: hover) and (pointer: fine) {
    .chat-history-element .delete-chat {
      visibility: hidden; } }
  .chat-history-element:hover {
    border-color: #1779ba; }
  .chat-history-element:active {
    background: #E8F2F8; }
  .chat-history-element.active {
    background: #E8F2F8;
    border-color: #1779ba; }
  .chat-history-element:hover .delete-chat {
    visibility: visible; }

.chat-title, .chat-history-container {
  position: sticky;
  top: calc(7rem + .5rem);
  background: #fefefe;
  transform: translatey(-0.5rem);
  padding-bottom: .5rem; }

.chat-context {
  margin: 0 auto;
  width: fit-content;
  background: #F7F8F8;
  padding: .5rem;
  border-radius: 0.5rem; }