@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: 12px;
  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: 300px;
  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 5px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #172b4d transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -2.5px;
    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 5px;
  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 5px;
  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 5px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #172b4d transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -2.5px; }

[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 5px;
  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 5px;
  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 5px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #172b4d transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -2.5px; }
  .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 5px;
    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 5px;
    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 5px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #172b4d transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -2.5px; }
  .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 5px;
    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 5px;
    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: -5px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 500px;
  border: none;
  background: #fefefe; }
  .dropdown .is-dropdown-submenu a {
    padding: 0.46906rem 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 5px;
    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 5px;
    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: 1px;
    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: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 1px solid #1779ba;
      display: block;
      text-align: center;
      margin: 0 auto 10px 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: 15px;
      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; }

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

.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: #E8BA06; }
  .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; }

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

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

.noMarginTop {
  margin-top: 0 !important; }

.noMarginLeft {
  margin-left: 0 !important; }

.noMarginRight {
  margin-right: 0 !important; }

.noPadding {
  padding: 0 !important; }

.noPaddingTop {
  padding-top: 0 !important; }

.noPaddingBottom {
  padding-bottom: 0 !important; }

.noPaddingLeft {
  padding-left: 0 !important; }

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

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

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

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

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

.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-2 {
  flex-grow: 2; }

.with-border.sr-panel, .with-border.sr-labelbox, .with-border.sr-buttongroup, .with-border.sr-flowlayoutpanel, .with-border > fieldset, .with-flat-border.sr-panel, .with-flat-border.sr-labelbox, .with-flat-border.sr-buttongroup, .with-flat-border.sr-flowlayoutpanel, .with-flat-border > fieldset, .with-shadown.sr-panel, .with-shadown.sr-labelbox, .with-shadown.sr-buttongroup, .with-shadown.sr-flowlayoutpanel, .with-shadown > fieldset {
  border: 1px solid #CFD3DC;
  padding: .5rem;
  border-radius: 0.5rem; }
  .with-border.sr-panel.with-flat-border, .with-border.sr-labelbox.with-flat-border, .with-border.sr-buttongroup.with-flat-border, .with-border.sr-flowlayoutpanel.with-flat-border, .with-border > fieldset.with-flat-border, .with-flat-border.sr-panel.with-flat-border, .with-flat-border.sr-labelbox.with-flat-border, .with-flat-border.sr-buttongroup.with-flat-border, .with-flat-border.sr-flowlayoutpanel.with-flat-border, .with-flat-border > fieldset.with-flat-border, .with-shadown.sr-panel.with-flat-border, .with-shadown.sr-labelbox.with-flat-border, .with-shadown.sr-buttongroup.with-flat-border, .with-shadown.sr-flowlayoutpanel.with-flat-border, .with-shadown > fieldset.with-flat-border {
    border-color: transparent;
    background-color: #F7F8F8; }
  .with-border.sr-panel.with-shadown, .with-border.sr-labelbox.with-shadown, .with-border.sr-buttongroup.with-shadown, .with-border.sr-flowlayoutpanel.with-shadown, .with-border > fieldset.with-shadown, .with-flat-border.sr-panel.with-shadown, .with-flat-border.sr-labelbox.with-shadown, .with-flat-border.sr-buttongroup.with-shadown, .with-flat-border.sr-flowlayoutpanel.with-shadown, .with-flat-border > fieldset.with-shadown, .with-shadown.sr-panel.with-shadown, .with-shadown.sr-labelbox.with-shadown, .with-shadown.sr-buttongroup.with-shadown, .with-shadown.sr-flowlayoutpanel.with-shadown, .with-shadown > fieldset.with-shadown {
    border-color: transparent;
    box-shadow: 0px 4px 4px rgba(23, 43, 77, 0.1); }

.with-border.with-flat-border > fieldset, .with-flat-border.with-flat-border > fieldset, .with-shadown.with-flat-border > fieldset {
  border-color: transparent;
  background-color: #F7F8F8; }

.with-border.with-shadown > fieldset, .with-flat-border.with-shadown > fieldset, .with-shadown.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 > fieldset, .with-flat-border > fieldset, .with-shadown > fieldset {
  padding-top: 3rem;
  margin-top: .5rem; }

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

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

/**********************************************/
/************** 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: 20px 0;
  padding-bottom: 10px; }

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

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

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

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

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

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

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

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

code {
  color: #13A7C7; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.li-strong strong {
  display: block; }

i {
  margin-right: 0.3125rem; }

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

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: 24px 0 10px;
  clear: both;
  height: 40px;
  padding: 5px;
  position: relative;
  text-align: center;
  border-top: solid 1px #f5f5f5; }
  .sr-footer-bottom .design-border {
    border-bottom: 1px solid #484848;
    margin-bottom: 25px;
    padding-bottom: 5px; }
  .sr-footer-bottom p.copyright {
    color: #5A6881;
    font-size: 0.75rem;
    margin: 6px 0 0; }
    .sr-footer-bottom p.copyright a {
      color: #5A6881;
      padding: 3px 6px; }
    .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 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.hover, .title-bar .menu.accordion-menu li a.hover {
  background: #E8F2F8;
  color: #1779ba; }
  .title-bar .menu.dropdown li a.hover:after, .title-bar .menu .dropdown li a.hover:after, .title-bar .menu.accordion-menu li a.hover:after {
    /*transform: rotate(180deg);*/
    border-color: #1779ba transparent transparent; }
  .title-bar .menu.dropdown li a.hover:active, .title-bar .menu .dropdown li a.hover:active, .title-bar .menu.accordion-menu li a.hover:active {
    background-color: #E8F2F8;
    color: #1779ba; }
    .title-bar .menu.dropdown li a.hover:active:after, .title-bar .menu .dropdown li a.hover:active:after, .title-bar .menu.accordion-menu li a.hover: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: 1rem;
  font-size: .75rem;
  font-weight: 600;
  padding: .25rem .5rem;
  display: flex;
  gap: .25rem;
  max-width: fit-content;
  flex-wrap: wrap; }
  .badge i {
    font-size: .8rem;
    margin-right: 0; }
  .badge.info {
    background: #ECF1F5;
    color: #172b4d; }
    .badge.info i {
      color: #40779F; }
  .badge.warning {
    background: #FFEFB2;
    color: #172b4d; }
    .badge.warning i {
      color: #E8BA06; }
  .badge.error {
    background: #FDECEB;
    color: #172b4d; }
    .badge.error i {
      color: #E8413A; }
  .badge.success {
    background: #F0F8EF;
    color: #172b4d; }
    .badge.success i {
      color: #69B761; }
  .badge.large {
    font-size: 1rem;
    padding: .375rem .625rem; }
    .badge.large i {
      font-size: 1.125rem; }

/* 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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
  /* 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: 0px; }
  .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: -1px;
  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: -1px;
  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: -1px;
  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: 48px 48px;
  background-position: 0 -1px; }

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: 1px; }
  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) {
  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: 4px;
    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 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) .sr-layout-collapsable-action {
  margin-left: inherit !important; }

@media print, screen and (min-width: 64em) {
  .sr-table:is(.sr-collapsable-layout):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: 200px !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; }
  .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; }
  .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: 25px;
  height: 0; }
  .sr-youtube-player-container iframe, .sr-vimeo-player-container iframe, .sr-gmaps-viewer-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

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

/* Fine stile per il tag video */
/* NOSTRO STILE PER PERSONALIZZARE QUELLO DI CODEMIRROR */
.markdown-editor, .sr-scripteditor-container {
  border: 1px solid #CFD3DC;
  min-height: 1.9375rem;
  margin-bottom: 0.525rem;
  overflow: hidden;
  border-radius: 0.5rem; }
  .markdown-editor .cm-editor, .sr-scripteditor-container .cm-editor {
    height: auto; }
  .markdown-editor .cm-content, .sr-scripteditor-container .cm-content {
    min-height: inherit !important; }

.markdown-editor .cm-scroller {
  min-height: 6.5rem;
  font: inherit; }

.markdown-editor i.fi-checkbox, .markdown-editor i.fi-uncheckbox {
  cursor: pointer; }

/* Stile per gli ScriptEditor dentro a tabella (Gridview) */
.sr-table .sr-scripteditor-container .cm-content {
  max-height: 25vh; }

/* Fine stile per gli ScriptEditor dentro a tabella (Gridview) */
.cm-focused {
  outline: none !important; }

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

.cm-buttonsPanel {
  padding: .25rem; }

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

.markdown-editor-separator {
  padding: 0.35rem 0;
  width: 0;
  border-left: 1px solid #CFD3DC;
  border-right: none;
  color: transparent;
  text-indent: 9999rem;
  margin: 0 0.35rem; }
  .markdown-editor-separator:before {
    content: "|"; }
  .markdown-editor-separator:hover {
    cursor: default; }

.sr-markdown-collapsed-image-preview {
  max-width: 15rem;
  max-height: 15rem; }

.sr-markdown-dataset-preview {
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem;
  padding-right: .5rem;
  padding-left: .5rem; }
  .sr-markdown-dataset-preview i.default-fi-ext, .sr-markdown-dataset-preview i.fi-external-link {
    color: #1779ba; }
  .sr-markdown-dataset-preview .sr-markdown-dataset-preview-switch {
    cursor: pointer;
    margin-left: .5rem;
    color: #1779ba; }

/* FINE NOSTRO STILE PER PERSONALIZZARE QUELLO DI CODEMIRROR */
/* 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: -3px;
    /* 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: 28px;
    top: -17px;
    width: 20px;
    left: -28px; }
  .tree-view .tree-node-leaf > .node-wrapper > .node-content-wrapper::before {
    width: 25px; }
  .tree-view .tree-children::after {
    border-left: 1px solid lightgrey;
    height: 100%;
    top: -15px;
    left: -15px; }
  .tree-view treenode:last-child > .tree-node > .tree-children::after {
    border-left: none; }
  .tree-view .toggle-children {
    z-index: 1; }

/* Fine stile per viewer planner */
/* Stile per i pseudoinput, cioè degli span che emulano il comportamento degli input */
/* Fine stile per i pseudoinput, cioè degli span che emulano il comportamento degli input */
/* Stile per i pseudoinput non stilizzati come textbox, cioè degli span che emulano il comportamento degli input */
/* Fine stile per i pseudoinput non stilizzati come textbox, cioè degli span che emulano il comportamento degli input */
/* Stile per il pulsante/icona che hanno i nostri dropdown e i nostri datetimepicker */
.sr-pseudoinput:not(.sr-not-textbox-style) {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
  .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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
    .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,
*[readonly] > .sr-format-code-button,
fieldset[disabled] > .sr-format-code-button {
  cursor: pointer; }

*[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button,
*[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button,
*[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button,
*[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button,
fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button,
fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button,
fieldset[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-dropdown-button[disabled], *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.disabled, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button[disabled], *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.disabled, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button[disabled], *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.disabled,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button[disabled],
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.disabled,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button[disabled],
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.disabled,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button[disabled],
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.disabled,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button[disabled],
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.disabled,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button[disabled],
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.disabled,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button[disabled],
  fieldset[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-dropdown-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:focus, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:focus, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:focus,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:hover,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:focus,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:focus,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:focus,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:hover,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:focus,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:focus,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover,
  fieldset[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-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, *[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, *[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,
  *[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,
  *[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,
  *[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,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.active,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.selected,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.hover,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.active,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.selected,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.hover,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.active,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.selected,
  fieldset[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-dropdown-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, fieldset[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-dropdown-button:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:active,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:active,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active,
  fieldset[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-dropdown-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger,
  *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger,
  fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger,
  fieldset[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-dropdown-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:hover, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:hover, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:hover, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger:hover,
    *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:hover,
    *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:hover,
    *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger:hover,
    fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:hover,
    fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:hover,
    fieldset[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-dropdown-button:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active, *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button:active, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button:active, fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:active, *[disabled]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger:active,
    *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:active,
    *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:active,
    *[readonly]:not(*[data-sr-not-textbox-style]) > .sr-format-code-button.danger:active,
    fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-dropdown-button.danger:active,
    fieldset[disabled]:not(*[data-sr-not-textbox-style]) > .sr-datetime-button.danger:active,
    fieldset[disabled]: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: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    height: 0px !important; }

/* Fine classe generica per nascondere un'elemento */
.fileinput-button-foundation {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0.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: 10000px;
    /* Hack per IE <= 10 altrimenti per aprire la finestra di selezione del file è necessario il doppio click, così facendo và a click singolo */
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .fileinput-button-foundation.button {
    border: 0.09375rem dashed #CFD3DC !important;
    border-left: 0.09375rem dashed #CFD3DC !important;
    border-right: 0.09375rem 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: 0.09375rem dashed #1779ba !important;
      border-left: 0.09375rem dashed #1779ba !important;
      border-right: 0.09375rem dashed #1779ba !important;
      outline: none; }
    .fileinput-button-foundation.button:active {
      background-color: #E8F2F8; }
    .fileinput-button-foundation.button.disabled {
      background-color: transparent;
      border: 0.09375rem solid #CFD3DC !important;
      border-left: 0.09375rem solid #CFD3DC !important;
      border-right: 0.09375rem solid #CFD3DC !important;
      outline: none;
      opacity: 0.25; }
  .fileinput-button-foundation:focus {
    background-color: transparent;
    border: 0.09375rem solid #CFD3DC !important;
    border-left: 0.09375rem solid #CFD3DC !important;
    border-right: 0.09375rem 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: 10000px;
    /* Hack per IE <= 10 altrimenti per aprire la finestra di selezione del file è necessario il doppio click, così facendo và a click singolo */
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0; }

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

@supports (mix-blend-mode: multiply) {
  .fileinput-button-foundation .fileinput-button-text-foundation {
    mix-blend-mode: multiply;
    color: #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: 10000px;
    /* Hack per IE <= 10 altrimenti per aprire la finestra di selezione del file è necessario il doppio click, così facendo và a click singolo */
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .fileupload-big-style .fileinput-button-foundation.button {
    border: 0.09375rem dashed #C5CAD4 !important;
    border-left: 0.09375rem dashed #C5CAD4 !important;
    border-right: 0.09375rem 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: 0.09375rem dashed #C5CAD4 !important;
      border-left: 0.09375rem dashed #C5CAD4 !important;
      border-right: 0.09375rem 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: 0.09375rem solid #C5CAD4 !important;
      border-left: 0.09375rem solid #C5CAD4 !important;
      border-right: 0.09375rem solid #C5CAD4 !important;
      outline: none;
      opacity: 0.25; }
  .fileupload-big-style .fileinput-button-foundation:focus {
    background-color: transparent;
    border: 0.09375rem solid #C5CAD4 !important;
    border-left: 0.09375rem solid #C5CAD4 !important;
    border-right: 0.09375rem 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 5px;
      content: '';
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #172b4d transparent transparent;
      right: 6px !important;
      left: auto;
      margin-top: -2.5px;
      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 5px;
      content: '';
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #172b4d transparent transparent; }
    ul.menu > li.sr-is-dropdown-down > a.hover {
      background-color: #E8F2F8;
      color: #1779ba; }
      ul.menu > li.sr-is-dropdown-down > a.hover::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        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 5px;
      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 5px;
      content: '';
      border-right-width: 0;
      border-left-style: solid;
      border-color: transparent transparent transparent #172b4d;
      position: absolute;
      top: 50%;
      margin-top: -5px;
      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.is-dropdown-submenu-parent.sr-hide-dropdown-arrow > a.hover {
    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 fixare le dimensioni dei seguenti elementi all'interno delle tabelle, altrimenti il bordo viene tagliato */
.sr-markdown, .sr-scripteditor {
  box-sizing: border-box; }

/* Fine stile per fixare le dimensioni dei seguenti elementi all'interno delle tabelle, altrimenti il bordo viene tagliato */
/* Stile di override per markdown */
.markdown-editor {
  /*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; }
  .markdown-editor:focus {
    outline: none; }
  .markdown-editor:focus-visible, .markdown-editor:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
    border-color: #1779ba; }
  .markdown-editor:hover {
    border-color: #1779ba; }
  .markdown-editor .editor-toolbar {
    color: #2C3E50;
    opacity: .6; }
    .markdown-editor .editor-toolbar:hover {
      opacity: .8; }
    .markdown-editor .editor-toolbar button {
      box-sizing: content-box; }
      .markdown-editor .editor-toolbar button.heading-1:after, .markdown-editor .editor-toolbar button.heading-2:after, .markdown-editor .editor-toolbar button.heading-3:after {
        content: ""; }
      .markdown-editor .editor-toolbar button .markdown-editor-button {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 0;
        border: 1px solid transparent;
        background: none;
        color: #1779ba; }
        .markdown-editor .editor-toolbar button .markdown-editor-button:before {
          line-height: 30px; }
        .markdown-editor .editor-toolbar button .markdown-editor-button[disabled], .markdown-editor .editor-toolbar button .markdown-editor-button.disabled {
          color: #1779ba !important;
          background: none !important; }
        .markdown-editor .editor-toolbar button .markdown-editor-button.active {
          background: #E8F2F8;
          color: #1779ba; }
        .sr-action.active > .markdown-editor .editor-toolbar button .markdown-editor-button {
          background: #E8F2F8;
          color: #1779ba; }
        .markdown-editor .editor-toolbar button .markdown-editor-button:active {
          background: #E8F2F8;
          color: #1779ba; }
        .markdown-editor .editor-toolbar button .markdown-editor-button:hover {
          background: #ECEEF1; }
        .danger > .markdown-editor .editor-toolbar button .markdown-editor-button, .markdown-editor .editor-toolbar button .markdown-editor-button.danger {
          background-color: transparent;
          color: #E8413A; }
          .danger > .markdown-editor .editor-toolbar button .markdown-editor-button:hover, .markdown-editor .editor-toolbar button .markdown-editor-button.danger:hover {
            color: #D33B35;
            background-color: #FDECEB; }
          .danger > .markdown-editor .editor-toolbar button .markdown-editor-button:active, .markdown-editor .editor-toolbar button .markdown-editor-button.danger:active {
            color: #A52E29;
            background-color: #FDECEB; }

/* Fine stile di override per markdown */
/* Stile per impostare il limite massimo della width nei dropdown su mobile altrimenti mi esce fuori dallo schermo */
.dropdown-pane, .is-dropdown-submenu {
  z-index: 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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
  .sr-checkbox-icon:before {
    height: 1.4rem;
    width: 1.4rem;
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4rem;
    text-align: center;
    margin-right: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #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-unchecked:before {
    color: transparent; }
  .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; }

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: 12px;
  border: 1px solid #CFD3DC;
  margin: 2.5rem 0 0.5rem 0;
  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 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;
    margin-top: 0.5rem;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3rem; }
    .fieldset .fieldset legend {
      font-size: 1rem; }
    .fieldset .fieldset:before {
      left: 12px;
      width: calc(100% - 1.5rem); }

/* 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: 3px;
    margin-bottom: 1px;
    /* 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: -2px; }
      .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: 4px solid #f2f2f2;
    border-radius: 50%;
    border-top: 4px solid #1779ba;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle; }
  .long-operation-container .loader {
    border: 4px solid #f2f2f2;
    border-radius: 50%;
    border-top: 4px solid #1779ba;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    display: block;
    margin: 0 auto; }
    .long-operation-container .loader.black {
      border-top: 4px 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: 3px;
    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: 54px;
    height: 3rem;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: #fff; }
  .long-operation-container .l-title {
    background: #eeeeee; }
  .long-operation-container.l-centered {
    display: block;
    overflow: auto;
    position: fixed;
    top: 35%;
    right: 0;
    bottom: 0;
    left: 0; }
  .long-operation-container .l-padding-small {
    line-height: 2.6rem; }
  .long-operation-container .l-padding {
    padding: 1rem; }
  .long-operation-container .l-margin-top {
    margin-top: .5rem; }
  .long-operation-container .l-text {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 5px;
    transform: translateY(-30%); }
  .long-operation-container .l-icon {
    font-size: 1rem; }

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

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

/* 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: 6px;
      border-right: none; }
    .sr-summary-container .sr-summary-item:first-child {
      padding-left: 6px; }
    @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: 6px;
    padding-left: 6px;
    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; }
  .flow-layout.right {
    flex-direction: row-reverse; }
  .flow-layout.reverse {
    flex-direction: row-reverse;
    justify-content: flex-end; }
  .flow-layout.align-right {
    justify-content: flex-end; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.right > div:first-child, .flow-layout.reverse > div:first-child {
    padding-right: 0 !important;
    padding-left: 6px !important; }
  .sr-flowlayoutpanel:not(.flow-layout-full-padding) > .flow-layout.right > div:last-child, .flow-layout.reverse > div:last-child {
    padding-left: 0 !important;
    padding-right: 6px !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 {
  align-items: flex-start; }

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

.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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
  .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: 6px; }
  .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; }

@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 {
  font-size: 1.75rem;
  font-weight: bold; }

.sr-label.h2 label {
  font-size: 1.5rem;
  font-weight: bold; }

.sr-label.h3 label {
  font-size: 1.25rem;
  font-weight: bold; }

.sr-label.h4 label {
  font-size: 1.125rem;
  font-weight: bold; }

.sr-label.h5 label {
  font-size: 1rem;
  font-weight: bold; }

.sr-label.h6 label {
  font-size: 0.875rem;
  font-weight: bold; }

.sr-label.bold label {
  font-weight: bold; }

.sr-label.text label {
  font-weight: normal; }

.sr-label.secondary label {
  font-weight: normal;
  color: #67748A; }

/* 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: 12px;
  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: 4px;
      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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
  .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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
    .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: 59px;
  /* 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 .button {
    margin-left: 1rem; }

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

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

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

.datepicker-inline {
  width: 220px; }

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

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

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

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

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

/* INIZIO stile per calendario */
.calendar-container {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px; }

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

.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 {
  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: 1px 1px 0 2px;
  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: 0px; }

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

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

.hour-label {
  border-bottom: 1px dotted #CFD3DC;
  padding-right: 2px;
  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: 0px;
  padding-bottom: 0px;
  overflow: visible; }

.hourtable-hours-markers {
  position: relative;
  margin: 1px 0 0 1px; }

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

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

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

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

.calendar-date {
  margin: 3px; }
  .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: 3px;
  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: 12px;
    margin-left: -6.5px;
    margin-top: -5px;
    width: 12px; }
  .hour-container .hour-marker-line {
    position: absolute;
    border-top: #ea4335 solid 2px;
    left: 0;
    right: -1px; }

/* 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: 0px;
  /*
    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 4px 0; }

.preview-dataset-img {
  text-align: right;
  width: 100%;
  height: 100%;
  max-height: 100px;
  max-width: 100px; }
  .preview-dataset-img img {
    margin-bottom: 7px;
    max-height: 100%;
    max-width: 100%; }
  .preview-dataset-img div {
    padding: 0;
    padding-bottom: 4px;
    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: 2px; }
  .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: 100px;
    width: 100px;
    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: 4px;
  right: 4px;
  height: 16px; }
  .item-selectbox > input {
    width: 16px;
    height: 16px;
    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 {
    background: #E8F2F8;
    opacity: 1; }
    .anc-action.hover i {
      color: #1779ba; }

.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: 980px) {
  table.search-result {
    width: 980px; }
  .search-result-container {
    overflow-x: auto; }
  .top-horizontal-bar {
    width: 980px;
    height: 1px; }
  .container-tables {
    overflow-x: auto; }
    .container-tables > table {
      width: 980px; } }

.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: 10000px;
    /* Hack per IE <= 10 altrimenti per aprire la finestra di selezione del file è necessario il doppio click, così facendo và a click singolo */
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0; }

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

.dropdown.menu.vertical.user-menu-dropdown > li > a::after {
  margin-top: -5px;
  left: 14px !important; }

.property-nav > li {
  background-color: #F7F8F8;
  list-style-type: none;
  font-size: 15px;
  border-bottom: thin solid none;
  margin-left: -18px; }
  .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: 10px;
  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: 10px;
  padding-right: 10px;
  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: 3px; }

/* 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: 40px;
    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: 120px 0 25px 0;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center; }

.left-logo {
  margin: 10px 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: 300px;
  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: 300px;
  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: 300px; }

/* 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 */
  /* Stile per impostare la larghezza della barra di ricerca nella 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-advanced-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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
      .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 i.search-icon {
    position: absolute;
    left: .5rem;
    z-index: 100;
    font-size: 0.875rem;
    line-height: 1.2rem;
    top: calc((2.25rem - 1.2rem) / 2);
    color: #67748A; }
  .top-bar .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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
    margin-bottom: 0;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    background: #F7F8F8;
    border-radius: .5rem;
    transition: background 0.2s ease;
    padding-left: calc(.5rem + 0.875rem + 0.25rem);
    border: 1px solid transparent;
    line-height: 2.25rem;
    height: 2.25rem;
    transition: border-color .1s ease-in-out;
    /*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; }
    .top-bar .sr-search-top-bar[contenteditable]:not([contenteditable="false"]), .top-bar .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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
      .top-bar .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):focus, .top-bar .sr-search-top-bar.limit-to-list:focus {
        outline: none; }
      .top-bar .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):focus-visible, .top-bar .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):focus-within, .top-bar .sr-search-top-bar.limit-to-list:focus-visible, .top-bar .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; }
      .top-bar .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):hover, .top-bar .sr-search-top-bar.limit-to-list:hover {
        border-color: #1779ba; }
      .top-bar .sr-search-top-bar[contenteditable]:not([contenteditable="false"]):focus, .top-bar .sr-search-top-bar.limit-to-list:focus {
        border-color: #1779ba; }
    .top-bar .sr-search-top-bar[disabled], .top-bar .sr-search-top-bar[readonly] {
      cursor: auto;
      border: none;
      padding-left: 0;
      padding-right: 0; }
    .top-bar .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-dropdown-list], .top-bar .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-dropdown], .top-bar .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-datetimemode] {
      padding-right: 1.625rem;
      background: #fefefe; }
      .top-bar .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-dropdown-list]:hover, .top-bar .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-dropdown]:hover, .top-bar .sr-search-top-bar:not([disabled]):not([readonly])[data-sr-datetimemode]:hover {
        cursor: pointer; }
    .top-bar .sr-search-top-bar:not([disabled]):not([readonly]):hover {
      border-color: #1779ba; }
    .top-bar .sr-search-top-bar[disabled][data-sr-textbox-with-format-code], .top-bar .sr-search-top-bar[readonly][data-sr-textbox-with-format-code] {
      padding-right: 2.375rem; }
    .top-bar .sr-search-top-bar:hover {
      border-color: #1779ba; }
    .top-bar .sr-search-top-bar:focus {
      outline: none; }
    .top-bar .sr-search-top-bar:focus-visible, .top-bar .sr-search-top-bar:focus-within {
      box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
      border-color: #1779ba; }
    .top-bar .sr-search-top-bar::placeholder {
      color: #67748A; }
    @media screen and (max-width: 39.99875em) {
      .top-bar .sr-search-top-bar {
        margin-bottom: .5rem; } }
    .top-bar .sr-search-top-bar:hover {
      border-color: #1779ba;
      cursor: auto !important; }
    .top-bar .sr-search-top-bar:focus {
      outline: none; }
    .top-bar .sr-search-top-bar:focus-visible, .top-bar .sr-search-top-bar:focus-within {
      box-shadow: 0 0 0 0.25rem rgba(23, 121, 186, 0.13);
      border-color: #1779ba; }
  .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 div:has(.search-form) {
    width: 100%; }

/* 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, .title-bar .user-menu li.sr-is-dropdown-down a.hover:hover, .title-bar .user-menu li.sr-is-dropdown-down a.hover:active {
    background: #E8F2F8;
    color: #1779ba; }
  .top-bar .user-menu li.sr-is-dropdown-down a.hover i, .title-bar .user-menu li.sr-is-dropdown-down a.hover 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: 14px !important; }

.languages-menu {
  width: 50px; }

.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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
    .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-advanced {
    max-height: calc(100vh - 7rem);
    overflow-y: auto;
    overflow-x: hidden; }
  @media screen and (max-width: 39.99875em) {
    .reveal.search-modal .search-advanced {
      margin-top: 1rem; } }
  .reveal.search-modal .search-advanced-info {
    border-top: 1px solid #CFD3DC; }
    .reveal.search-modal .search-advanced-info .button {
      margin-bottom: 0;
      margin-top: .5rem; }
      .reveal.search-modal .search-advanced-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 {
      margin-bottom: 0; }
      @media print, screen and (min-width: 40em) {
        .reveal.search-modal [data-sr-recents-searches-content] .recent-search .delete-search {
          visibility: hidden; } }
    .reveal.search-modal [data-sr-recents-searches-content] .recent-search:hover {
      background: #ECEEF1; }
      .reveal.search-modal [data-sr-recents-searches-content] .recent-search:hover .delete-search {
        visibility: visible; }
    .reveal.search-modal [data-sr-recents-searches-content] .recent-search:active {
      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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
  .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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
    .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 - 40px); }
  .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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
      .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 > div > .special-button.hover {
        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: 8px !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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
      .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: 8px !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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
      .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 > div > .special-button.hover {
        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: 8px !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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
      .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: 8px !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 .small-logo {
    margin-top: 1.5rem;
    margin-left: 1rem; }
  .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 {
        background: #E8F2F8; }
        .left-menu-mobile-modal .user-menu a.hover i, .left-menu-mobile-modal .user-menu a.hover span {
          color: #1779ba; }
        .left-menu-mobile-modal .user-menu a.hover: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: 22px !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: 22px !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 cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s; }
    .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: 4px;
    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: 4px; }
  .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: 21px;
  width: 250px;
  padding: 3px; }
  .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: 1px !important;
  width: 0.8125rem !important;
  height: 0.8125rem !important;
  display: block !important;
  font-size: 0.6875rem !important;
  padding: 0 !important;
  border-radius: 50%;
  right: 1px;
  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: 1px !important;
  width: 0.8125rem !important;
  height: 0.8125rem !important;
  display: block !important;
  font-size: 0.6875rem !important;
  padding: 0 !important;
  border-radius: 50%;
  right: 15px;
  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; }

.left-menu-mobile-modal, .mobile-search-modal, .user-menu-mobile-modal {
  position: fixed;
  top: 0 !important; }

/* 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: 440px; }
  .sr-license-text iframe {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 440px; }

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

/* 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;
  /* Se non sono in sr-search-result-mode non voglio vedere le Card larghe 100% ma voglio vederle disposte a griglia */ }
  .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:not(.sr-search-result-mode):not(.sr-search-result-groupby) .sr-cards-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: .5rem;
    /*
            // Per avere un comportamento più flessibile si può fare così, tuttavia non mi vengono in mente casi visto che questo stile non è applicato in sr-search-result-mode e sr-search-result-groupby
            // Lo lascio commentato nel caso sia da ripristinare per sostituire il grid
            display: flex;
            gap: .5rem;
            justify-content: flex-start;
            flex-wrap: wrap;
            .sr-card-item {
                display: flex;
                flex-direction: column;
                min-width: calc(100% - .5rem);
                max-width: calc(100% - .5rem);
                @include breakpoint(medium){
                    min-width: calc((100vw / 3) - .5rem);
                    width: calc((100% / 2) - .5rem);
                    max-width: calc((100vw / 2) - .5rem);
                }
                @include breakpoint(large){
                    min-width: calc((100vw / 6) - .5rem);
                    width: calc((100% / 4) - .5rem);
                    max-width: calc((100vw / 4) - .5rem);
                }
                @include breakpoint(xxlarge){
                    min-width: calc((100vw / 8) - .5rem);
                    width: calc((100% / 6) - .5rem);
                    max-width: calc((100vw / 6) - .5rem);  
                }
            }
            */ }
    .sr-search-result-card-view:not(.sr-search-result-mode):not(.sr-search-result-groupby) .sr-cards-container .sr-card-item {
      margin-bottom: 0;
      min-width: calc(100% - .5rem); }
      @media print, screen and (min-width: 40em) {
        .sr-search-result-card-view:not(.sr-search-result-mode):not(.sr-search-result-groupby) .sr-cards-container .sr-card-item {
          min-width: calc((100% / 2) - .5rem); } }
      @media print, screen and (min-width: 64em) {
        .sr-search-result-card-view:not(.sr-search-result-mode):not(.sr-search-result-groupby) .sr-cards-container .sr-card-item {
          min-width: calc((100% / 4) - .5rem); } }
      @media screen and (min-width: 90em) {
        .sr-search-result-card-view:not(.sr-search-result-mode):not(.sr-search-result-groupby) .sr-cards-container .sr-card-item {
          min-width: calc((100% / 6) - .5rem); } }

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

.sr-cards-container .sr-card-item {
  cursor: pointer;
  position: relative;
  background-color: #fefefe;
  margin-bottom: 1rem;
  padding: .5rem;
  border: 1px solid #CFD3DC;
  border-radius: 0.5rem;
  transition: all 0.1s ease-in-out;
  transform: translatey(0px);
  margin-bottom: 0;
  min-width: calc(100% - .5rem); }
  .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-property-row {
    font-size: .75rem;
    white-space: nowrap;
    word-break: normal;
    text-overflow: ellipsis;
    overflow: hidden; }
  .sr-cards-container .sr-card-item .sr-card-property-row:nth-child(2) {
    font-size: 0.875rem;
    font-weight: bold;
    color: #1779ba; }
  .sr-cards-container .sr-card-item .sr-card-property-row:nth-child(3) {
    font-size: .75rem;
    color: #9099AA; }
  .sr-cards-container .sr-card-item .sr-card-item-actions {
    color: #172b4d; }
  .sr-cards-container .sr-card-item .sr-card-property-label {
    font-weight: bold; }
  .sr-cards-container .sr-card-item .sr-card-property-value i {
    margin-right: 0; }
  .sr-cards-container .sr-card-item .sr-card-property-value .sr-property-value-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .sr-cards-container .sr-card-item .sr-card-actions-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem; }
    .sr-cards-container .sr-card-item .sr-card-actions-row .sr-card-item-preview .button {
      margin-bottom: 0; }

.sr-force-gridview .sr-cards-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: .5rem; }
  @media print, screen and (min-width: 40em) {
    .sr-force-gridview .sr-cards-container {
      grid-template-columns: repeat(2, 1fr); }
      .sr-force-gridview .sr-cards-container .sr-card-item {
        min-width: calc((100% / 2) - .5rem); } }
  @media print, screen and (min-width: 64em) {
    .sr-force-gridview .sr-cards-container {
      grid-template-columns: repeat(4, 1fr); }
      .sr-force-gridview .sr-cards-container .sr-card-item {
        min-width: calc((100% / 4) - .5rem); } }
  @media screen and (min-width: 90em) {
    .sr-force-gridview .sr-cards-container {
      grid-template-columns: repeat(6, 1fr); }
      .sr-force-gridview .sr-cards-container .sr-card-item {
        min-width: calc((100% / 6) - .5rem); } }

.sr-groupby-container-card-view {
  display: flex;
  gap: .5rem; }
  .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% / 6) - .5rem);
        max-width: calc((100% / 6) - .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 #api-audience-actions {
  margin-bottom: 0.5rem;
  justify-content: space-between;
  display: flex;
  align-items: flex-end; }

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

.settings-page .api-metric-tile {
  width: 100% !important;
  min-height: 12rem;
  height: inherit; }
  .settings-page .api-metric-tile .value i.warning {
    color: #E8BA06; }
  .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; }

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

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