@import url(../assets/libs/normalize.min.css);
@import url(../assets/icon/ionicons.min.css);
@import url(../assets/fonts/fonts.css);
/* Used for text link in hover state */
/**
 * NORMALIZE
 *
 * Normalization of tags
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 900;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ffff00;
  color: #000000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: 900;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * BASE
 *
 * Basic style for tag and general classes
 */
/* ------------------------------------ *   #TAGS
\* ------------------------------------ */
html, body {
  height: 100%;
  margin: 0;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  color: #4a4a4a;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: common-ligatures;
  font-variant-ligatures: common-ligatures;
}

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

*:focus, textarea:focus, input:focus, button:focus, a, a:hover, a:active, a:focus {
  outline: none;
}

#print_preview_disabled {
  display: none;
  z-index: 0;
}

@media print {
  cisia-app {
    display: none;
  }
  #print_preview_disabled {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #FFFFFF;
    z-index: 9999999999999;
    opacity: 1 !important;
  }
  md-sidenav-layout[fullscreen] {
    display: none;
  }
}

a {
  color: #226081;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

a:hover {
  color: black;
}

button {
  background-color: transparent;
  border: 0;
}

/* ------------------------------------ *   #CLASSES
\* ------------------------------------ */
.cs-label {
  font-weight: 500;
}

.cs-value {
  font-weight: 900;
}

.cs-main a {
  cursor: pointer;
}

.cursor-default a {
  cursor: default;
}

.cs-invert {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.cs-capitalize:first-letter {
  text-transform: uppercase;
}

/**
 * TYPOGRAPHY
 *
 * Definition of typographic styles
 */
/* ------------------------------------ *   #HEADINGS
\* ------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: .3em;
}

h2 {
  font-size: 2.25rem;
  line-height: 1;
  margin-bottom: .3em;
}

h3 {
  font-size: 1.275rem;
  line-height: 1;
  margin-bottom: .3em;
}

h4 {
  font-size: 0.875rem;
  line-height: 0.8;
  margin-bottom: .3em;
}

h5 {
  font-size: 0.75rem;
  line-height: 1.2;
  margin-bottom: .3em;
}

p {
  margin: 0 0 .3em 0;
  padding: 0;
  color: #4a4a4a;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
}

/* ------------------------------------ *   #LINKS
\* ------------------------------------ */
a {
  color: #226081;
  text-decoration: none;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
  color: inherit;
}

/* ------------------------------------ *   #HR
\* ------------------------------------ */
hr {
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #d2d3d3;
}

/* ------------------------------------ *   #EMPTY-STATES
\* ------------------------------------ */
.empty-state {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
}

/**
 * FORMS
 *
 * Style for forms elements
 */
/* ------------------------------------ *   #GENERAL
\* ------------------------------------ */
select, textarea, input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="email"],
input[type="month"], input[type="number"], input[type="password"],
input[type="search"], input[type="tel"], input[type="text"],
input[type="time"], input[type="url"], input[type="week"] {
  padding: 0 8px;
  border: 1px solid #d2d3d3;
  border-radius: 3px;
  color: #4a4a4a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 34px;
  -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
  outline: none;
  -webkit-transition-property: border;
  transition-property: border;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

select:focus, select:active, textarea:focus, textarea:active, input[type="date"]:focus, input[type="date"]:active, input[type="datetime"]:focus, input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active, input[type="email"]:focus, input[type="email"]:active,
input[type="month"]:focus,
input[type="month"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="password"]:focus, input[type="password"]:active,
input[type="search"]:focus,
input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="text"]:focus, input[type="text"]:active,
input[type="time"]:focus,
input[type="time"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="week"]:focus, input[type="week"]:active {
  border-color: #226081;
  -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.05), 0 0 2px fade(#226081, 20%);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.05), 0 0 2px fade(#226081, 20%);
}

select.small, textarea.small, input[type="date"].small, input[type="datetime"].small,
input[type="datetime-local"].small, input[type="email"].small,
input[type="month"].small, input[type="number"].small, input[type="password"].small,
input[type="search"].small, input[type="tel"].small, input[type="text"].small,
input[type="time"].small, input[type="url"].small, input[type="week"].small {
  height: 26px;
  padding: 0 8px;
  font-size: 0.75rem;
  line-height: 26px;
}

select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ababab;
  font-style: italic;
  font-size: 0.75rem;
}

select::-moz-placeholder, textarea::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder,
input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder,
input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #ababab;
  font-style: italic;
  font-size: 0.75rem;
}

select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #ababab;
  font-style: italic;
  font-size: 0.75rem;
}

select:-moz-placeholder, textarea:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder,
input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder,
input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder {
  /* Firefox 18- */
  color: #ababab;
  font-style: italic;
  font-size: 0.75rem;
}

/* Set Height */
textarea, input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="email"],
input[type="month"], input[type="number"], input[type="password"],
input[type="search"], input[type="tel"], input[type="text"],
input[type="time"], input[type="url"], input[type="week"] {
  height: 34px;
}

/* ------------------------------------ *   #CISIA-SPECIAL
\* ------------------------------------ */
.cs-form-warning-message {
  text-align: center;
  background-color: #f08a24;
  color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #de770f;
  padding: 0.5em;
  line-height: 1.5em;
}

.cs-form-input-label {
  display: block;
  margin-bottom: 3.5px;
}

.cs-form-check-label {
  display: block;
  overflow: hidden;
  margin-bottom: 3.5px;
}

.cs-form-check-label input[type="checkbox"] {
  float: left;
  width: auto;
  margin-right: 7px;
  margin-top: 6px;
}

/**
 * ANIMATIONS
 *
 */
.cs-pulse {
  animation: pulse 2s linear infinite;
  -webkit-animation: pulse 2s linear infinite;
}

@keyframes pulse {
  0% {
    opacity: .5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .5;
  }
}

@-webkit-keyframes pulse {
  0% {
    opacity: .5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .5;
  }
}

/**
 * BUTTONS
 *
 * Style for all types of buttons
 */
/* ------------------------------------ *   #STANDARD-BUTTON
\* ------------------------------------ */
.cs-btn {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  padding: 0 7px;
  margin: 0 3px;
  border: 0 solid #d2d3d3;
  border-radius: 3px;
  background-color: #a0a8ad;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 30px;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition-property: border, background-color, color;
  transition-property: border, background-color, color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  /* Disabled */
  /* Loading */
  /* Active */
  /* Label, sometimes inside a SPAN*/
  /* Icon inside button */
  /* Mostly used into bars */
  /* Same height as .cs-btn-l but with bigger contents */
}

.cs-btn:hover {
  background-color: #6b757c;
  border-color: #d2d3d3;
  color: #ffffff;
  text-decoration: none;
}

.cs-btn.disabled, .cs-btn:disabled, .cs-btn.disabled:hover, .cs-btn:disabled:hover, .cs-btn.disabled:active, .cs-btn:disabled:active, .cs-btn.disabled:active:hover, .cs-btn:disabled:active:hover {
  color: rgba(255, 255, 255, 0.4);
  border-color: #d2d3d3;
  background-color: #a0a8ad;
  cursor: not-allowed;
}

.cs-btn.cs-btn-loader, .cs-btn.cs-btn-loader:hover, .cs-btn.cs-btn-loader:active, .cs-btn.cs-btn-loader:active:hover {
  color: rgba(255, 255, 255, 0.4);
  border-color: #d2d3d3;
  background-color: #a0a8ad;
  cursor: default;
}

.cs-btn.cs-btn-loader .cs-loader, .cs-btn.cs-btn-loader:hover .cs-loader, .cs-btn.cs-btn-loader:active .cs-loader, .cs-btn.cs-btn-loader:active:hover .cs-loader {
  opacity: .75;
}

.cs-btn.active, .cs-btn:active, .cs-btn.active:hover, .cs-btn:active:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #a0a8ad;
}

.cs-btn.cs-btn-start-test {
  min-width: 100px;
}

.cs-btn [class^="ion"] {
  display: inline;
  vertical-align: top;
  font-size: 0.75rem;
  line-height: 30px;
  margin-left: 3.5px;
  /* Fix for firefox */
  display: inline-block;
}

.cs-btn.cs-btn-l {
  height: 54px;
  padding: 0 10px;
  font-size: 0.875rem;
  line-height: 54px;
}

.cs-btn.cs-btn-xl {
  height: 54px;
  padding: 0 21px;
  font-size: 1.275rem;
  line-height: 54px;
}

.cs-btn-no-click {
  cursor: help;
  opacity: 0.5;
}

.cs-btn-no-click img {
  opacity: 1 !important;
}

/* ------------------------------------ *   #LIGHT-BUTTON
\* ------------------------------------ */
/* No background */
.cs-btn-light {
  padding: 0 4px;
  color: #226081;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  text-decoration: none;
  line-height: 30px;
  /* Disabled */
  /* Loading */
  /* Active */
}

.cs-btn-light:hover {
  color: black;
  background-color: transparent;
}

.cs-btn-light.disabled, .cs-btn-light:disabled, .cs-btn-light.disabled:hover, .cs-btn-light:disabled:hover, .cs-btn-light.disabled:active, .cs-btn-light:disabled:active, .cs-btn-light.disabled:active:hover, .cs-btn-light:disabled:active:hover {
  color: rgba(34, 96, 129, 0.4);
  background-color: transparent;
  border: 0;
  cursor: not-allowed;
}

.cs-btn-light.cs-btn-loader, .cs-btn-light.cs-btn-loader:hover, .cs-btn-light.cs-btn-loader:active, .cs-btn-light.cs-btn-loader:active:hover {
  color: rgba(34, 96, 129, 0.4);
  background-color: transparent;
  border: 0;
  cursor: default;
}

.cs-btn-light.cs-btn-loader .cs-loader, .cs-btn-light.cs-btn-loader:hover .cs-loader, .cs-btn-light.cs-btn-loader:active .cs-loader, .cs-btn-light.cs-btn-loader:active:hover .cs-loader {
  opacity: .75;
}

.cs-btn-light.active, .cs-btn-light:active, .cs-btn-light.active:hover, .cs-btn-light:active:hover {
  color: black;
  background-color: transparent;
  border: 0;
}

/* ------------------------------------ *   #CALL-TO-ACTION-BUTTON
\* ------------------------------------ */
.cs-btn-cta {
  background-color: #226081;
  border-color: #174259;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  /* Disabled */
  /* Loading */
  /* Active */
}

.cs-btn-cta:hover {
  background-color: black;
  border-color: #174259;
  color: #ffffff;
}

.cs-btn-cta.disabled, .cs-btn-cta:disabled, .cs-btn-cta.disabled:hover, .cs-btn-cta:disabled:hover, .cs-btn-cta.disabled:active, .cs-btn-cta:disabled:active, .cs-btn-cta.disabled:active:hover, .cs-btn-cta:disabled:active:hover {
  background-color: rgba(34, 96, 129, 0.8);
  border-color: #174259;
  color: rgba(255, 255, 255, 0.4);
  text-shadow: none;
  cursor: not-allowed;
}

.cs-btn-cta.cs-btn-loader, .cs-btn-cta.cs-btn-loader:hover, .cs-btn-cta.cs-btn-loader:active, .cs-btn-cta.cs-btn-loader:active:hover {
  background-color: rgba(34, 96, 129, 0.8);
  border-color: #174259;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.4);
  cursor: default;
}

.cs-btn-cta.cs-btn-loader .cs-loader, .cs-btn-cta.cs-btn-loader:hover .cs-loader, .cs-btn-cta.cs-btn-loader:active .cs-loader, .cs-btn-cta.cs-btn-loader:active:hover .cs-loader {
  opacity: .75;
}

.cs-btn-cta.active, .cs-btn-cta:active, .cs-btn-cta.active:hover, .cs-btn-cta:active:hover {
  background-color: black;
  border-color: #174259;
  color: #ffffff;
}

/* ------------------------------------ *   #CALL-TO-ACTION-BUTTON
\* ------------------------------------ */
.cs-btn-warning {
  background-color: #FF643F;
  border-color: #ff3b0c;
  color: #ffffff;
  /* Disabled */
  /* Loading */
  /* Active */
}

.cs-btn-warning:hover {
  background-color: #d82a00;
  border-color: #ff3b0c;
  color: #ffffff;
}

.cs-btn-warning.disabled, .cs-btn-warning:disabled, .cs-btn-warning.disabled:hover, .cs-btn-warning:disabled:hover, .cs-btn-warning.disabled:active, .cs-btn-warning:disabled:active, .cs-btn-warning.disabled:active:hover, .cs-btn-warning:disabled:active:hover {
  background-color: rgba(255, 100, 63, 0.85);
  border-color: #ff3b0c;
  color: rgba(255, 255, 255, 0.4);
  cursor: not-allowed;
}

.cs-btn-warning.cs-btn-loader, .cs-btn-warning.cs-btn-loader:hover, .cs-btn-warning.cs-btn-loader:active, .cs-btn-warning.cs-btn-loader:active:hover {
  background-color: rgba(255, 100, 63, 0.85);
  border-color: #ff3b0c;
  color: rgba(255, 255, 255, 0.4);
  cursor: default;
}

.cs-btn-warning.cs-btn-loader .cs-loader, .cs-btn-warning.cs-btn-loader:hover .cs-loader, .cs-btn-warning.cs-btn-loader:active .cs-loader, .cs-btn-warning.cs-btn-loader:active:hover .cs-loader {
  opacity: .75;
}

.cs-btn-warning.active, .cs-btn-warning:active, .cs-btn-warning.active:hover, .cs-btn-warning:active:hover {
  background-color: #d82a00;
  border-color: #ff3b0c;
  color: #ffffff;
}

.cs-btn.notShowing {
  display: none;
}

/* ------------------------------------ *   #BUTTON-LOADER
\* ------------------------------------ */
/*
Check inside loader.scss
*/
/* ------------------------------------ *   #BUTTON-GROUP
\* ------------------------------------ */
/*.mrc-btn-group {
    clear: both;

    .mrc-btn {
        margin: 0;
        border-left-width: 0;
        border-radius: 0;

        &:first-child {
            border-left-width: $button-border-width;
            border-radius: $button-border-radius 0 0 $button-border-radius;
        }

        &:last-child {
            border-radius: 0 $button-border-radius $button-border-radius 0;
        }

        &.active {
            border-left-width: $button-border-width;
        }

        &.active ~ .mrc-btn {
            border-left-width: 0;
        }
    }
}*/
/**
 * PAGE-TITLE
 *
 * Page- title
 */
/* ------------------------------------ *   #PAGE-TITLE
\* ------------------------------------ */
.cs-page-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: fixed;
  top: 68px;
  width: 100%;
  min-width: 960px;
  height: 60px;
  background-color: #ffffff;
  border-bottom: 1px solid #d2d3d3;
  /* Report page */
  /* Close button */
}

.cs-page-title h1 {
  font-size: 1.275rem;
  font-weight: 500;
  margin: 0 0 0 0px;
}

.cs-page-title .cs-player-wrapper {
  position: absolute;
  top: 19px;
  margin-left: 10px;
}

.cs-page-title.cs-report-page-title {
  top: 34px;
  margin-left: 20px;
}

.cs-page-title [class^="ion"] {
  position: absolute;
  right: 35px;
  color: #4a4a4a;
}

.cs-page-title [class^="ion"]:hover {
  color: #226081;
}

.cs-page-title .cs-btn.sendlog-btn {
  margin-left: 21px;
  color: #226081;
  background: none;
}

.cs-page-title .cs-btn.sendlog-btn:hover {
  color: black;
}

.cs-page-title .cs-btn.sendlog-btn.disabled {
  color: #ababab;
}

.cs-page-title .cs-btn.sendlog-btn.disabled:hover {
  color: #ababab;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * PAGE-CONTENT
 *
 * Page-content
 */
/* ------------------------------------ *   #PAGE-CONTENT
\* ------------------------------------ */
.cs-page-content {
  position: absolute;
  overflow: auto;
  overflow-y: auto;
  overflow-x: visible;
  width: 100%;
  top: 128px;
  bottom: 72px;
  background-color: white;
  /* Text on top... sometimes yes, sometimes no */
  /* Wraps convas and clickable areas */
}

.cs-page-content.video-max {
  overflow-y: hidden;
}

.cs-page-content.audio-extended {
  margin-bottom: 40px;
}

.cs-page-content .cs-ext-audio-player-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cs-page-content .cs-ext-audio-player-wrapper .current-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
  position: relative;
}

.cs-page-content .cs-ext-audio-player-wrapper .total-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button .cs-btn-cta {
  width: 32px;
  height: 32px;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button .cs-btn-cta .cs-loader {
  width: 32px;
  height: 32px;
  margin-left: -5px;
  margin-top: 1px;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.first {
  margin-left: 18px;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  transition: width 0.3s ease-out;
  -moz-transition: width 0.3s ease-out;
  -webkit-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper .volume-slider-wrapper {
  opacity: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  padding: 0 3px 0 3px;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper .volume-slider-wrapper .ng5-slider {
  margin-top: 17px;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper .volume-slider-wrapper .ng5-slider .ng5-slider-bar {
  background-color: #c0c1c5;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper .volume-slider-wrapper .ng5-slider .ng5-slider-selection {
  background-color: #658596;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper .volume-slider-wrapper .ng5-slider .ng5-slider-pointer {
  background-color: #4A616E;
  width: 8px;
  height: 20px;
  top: -8px;
  border-radius: 4px;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper .volume-slider-wrapper .ng5-slider .ng5-slider-pointer:after {
  display: none;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper .volume-slider-wrapper .ng5-slider .ng5-slider-pointer.ng5-slider-active:after {
  display: none;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper.open {
  width: 180px;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button.audio-toggler-wrapper.open .volume-slider-wrapper {
  opacity: 1;
}

.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button .audio-icon,
.cs-page-content .cs-ext-audio-player-wrapper .audio-interface-button .toggle-play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  margin-left: 3px;
  cursor: pointer;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  -o-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  font-size: 1.2em;
}

.cs-page-content .cs-ext-audio-player-wrapper .progress-bar-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: rgba(101, 133, 150, 0.28);
  border-radius: 3px;
  max-height: 8px;
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
  margin-top: 17px;
  overflow: hidden;
  position: relative;
}

.cs-page-content .cs-ext-audio-player-wrapper .progress-bar-wrapper .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  transition: width 0.3s ease-out;
  -moz-transition: width 0.3s ease-out;
  -webkit-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.2);
}

.cs-page-content .cs-ext-audio-player-wrapper .progress-bar-wrapper .buffer-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  transition: width 1s ease-out;
  -moz-transition: width 1s ease-out;
  -webkit-transition: width 1s ease-out;
  -o-transition: width 1s ease-out;
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
}

.cs-page-content .cs-page-content__contenuto-video-component.video-max {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  z-index: 1059;
}

.cs-page-content .cs-page-content__contenuto-video-component .contenuto-video__action-wrapper {
  position: absolute;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  height: 2.6em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-right: 10px;
}

.cs-page-content .cs-page-content__contenuto-video-component .contenuto-video__action-wrapper.is-over {
  opacity: 1;
}

.cs-page-content .cs-page-content__contenuto-video-component .contenuto-video__action-wrapper a {
  color: white;
  font-size: 2em;
}

.cs-page-content .cs-page-content__contenuto-audio-wrapper {
  border: 1px solid #d2d3d3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
  padding: 5px;
}

.cs-page-content .cs-page-content__contenuto-audio-wrapper:before {
  content: "\f20c";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  color: #d2d3d3;
  font-size: 1.6em;
  opacity: 0.7;
}

.cs-page-content .cs-page-content__contenuto-audio-wrapper .cs-page-content__contenuto-audio-wrapper__title {
  margin-left: 10px;
  text-align: justify;
}

.cs-page-content .cs-page-content__contenuto-audio-wrapper .cs-player-wrapper {
  line-height: 26px;
  width: 20px;
  margin-left: 10px;
}

.cs-page-content .cs-page-content__contenuto-audio-wrapper .cs-player-wrapper .toggle-play {
  font-size: 26px;
  color: #226081;
}

.cs-page-content .cs-page-content__contenuto-video-wrapper {
  border: 1px solid #d2d3d3;
  padding: 5px;
  position: relative;
  display: table;
  margin-right: 60px;
}

.cs-page-content .cs-page-content__contenuto-video-wrapper:before {
  content: "\f4cd";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  color: #d2d3d3;
  font-size: 1.6em;
  opacity: 0.7;
  position: absolute;
  top: 5px;
  left: 7px;
}

.cs-page-content .cs-page-content__contenuto-video-wrapper .cs-page-content__contenuto-video-wrapper__title {
  margin-left: 60px;
  margin-bottom: 5px;
}

.cs-page-content .cs-page-content__contenuto-video-wrapper .cs-page-content__contenuto-video-component {
  background-color: black;
}

.cs-page-content .cs-page-content__contenuto-video-wrapper .cs-page-content__contenuto-video-component.video-small {
  position: relative;
}

.cs-page-content .cs-page-content__inner {
  position: relative;
  float: left;
  min-height: 100%;
  padding-top: 0;
  padding-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.cs-page-content .cs-page-content__inner .cs-page-content__contenuto-audio-ext-wrapper {
  position: fixed;
  bottom: 72px;
  background-color: #dae1e8;
  left: 0;
  right: 0;
  border-top: 1px solid #d2d3d3;
  height: 40px;
  -webkit-box-shadow: inset 0 0 28px -12px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 28px -12px rgba(0, 0, 0, 0.3);
}

.cs-page-content .cs-page-content__top-text {
  position: relative;
  z-index: 1010;
  padding: 35px 35px 0 35px;
  font-family: "Open Sans", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cs-page-content .cs-page-content__top-text .answer {
  cursor: help;
  font-weight: 600;
  display: inline-block;
  border-bottom: 2px solid;
}

.cs-page-content .cs-page-content__top-text .dropdown_choices {
  display: inline-block;
  position: relative;
  border: 2px solid transparent;
  padding-right: 20px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  border-radius: 4px;
}

.cs-page-content .cs-page-content__top-text .dropdown_choices .icon {
  position: absolute;
  top: 2px;
  right: 5px;
}

.cs-page-content .cs-page-content__top-text .dropdown_choices .selected-answer {
  position: relative;
  cursor: pointer;
  padding-right: 15px;
  margin-right: -15px;
}

.cs-page-content .cs-page-content__top-text .dropdown_choices .options {
  position: absolute;
  left: 0px;
  top: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: white;
  z-index: 100;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  padding: 3px;
  min-width: 200px;
}

.cs-page-content .cs-page-content__top-text .dropdown_choices .options.hidden {
  display: none;
}

.cs-page-content .cs-page-content__top-text .dropdown_choices .options .option {
  cursor: pointer;
  font-weight: normal;
  margin-left: -3px;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: -3px;
  white-space: nowrap;
}

.cs-page-content .cs-page-content__top-text .dropdown_choices .options .option:hover {
  background-color: lightgray;
}

.cs-page-content .cs-page-content__top-text .dropdown_choices .options .option span {
  font-size: 0.8em;
  color: #939393;
}

.cs-page-content .cs-page-content__canvas-wrapper {
  position: relative;
  float: left;
  width: 960px;
  margin-right: 10px;
  margin-left: 25px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.cs-page-content canvas {
  background-color: white;
}

.cs-page-content .answer-areas {
  position: absolute;
  z-index: 1020;
}

.cs-page-content .answer-areas .cs-player-wrapper {
  position: absolute;
  left: -14px;
  top: -1px;
}

.cs-page-content .answer-areas.active {
  cursor: pointer;
}

.cs-page-content .answer-areas i.check {
  color: #ababab;
  position: absolute;
  left: -34px;
  top: -5px;
  font-size: 20px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.cs-page-content .answer-areas i.check.clickable {
  cursor: pointer;
}

.cs-page-content .zoom-areas {
  position: absolute;
  z-index: 1020;
  cursor: pointer;
}

.cs-page-content .zoom-areas i.ion-search {
  color: #4a4a4a;
  position: absolute;
  margin: -6px;
  font-size: 1.5em;
  opacity: .8;
}

.cs-page-content .zoom-areas i.ion-search:hover {
  color: black;
}

.cs-page-content .watermark-area {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.cs-page-content .watermark-area .before {
  width: 300%;
  height: 300%;
  display: block;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  left: -50%;
  position: relative;
  opacity: 0.205;
}

.cs-page-content .scroll-alert-area {
  position: absolute;
  top: 0;
  right: 0;
  background: #F9F9F9;
  margin: 10px;
  padding-right: 5px;
  z-index: 9999;
}

.cs-page-content .scroll-alert-area img {
  width: 70px;
  margin-top: 5px;
}

.cs-page-content .scroll-alert-area a {
  color: #ababab;
}

.cs-page-content .scroll-alert-area a:hover {
  color: #4a4a4a;
}

/* Handling the case when we don't want to show the timer */
.cs-no-timer .cs-page-content {
  bottom: 50px;
}

iframe.avvertenze {
  min-width: 908px;
  margin-left: -25%;
  margin-top: 30px;
  border: 1px solid #174259;
  height: 300px;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * SIMPLE PAGE
 *
 * Simple page containing some text at the center of the page with or without a button
 */
/* ------------------------------------ *   #SIMPLE-PAGE
\* ------------------------------------ */
.cs-simple-page {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
}

.cs-simple-page .cs-simple-page__content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.cs-simple-page .cs-simple-page__text {
  margin-bottom: 3.5px;
  font-size: 1.275rem;
}

.cs-simple-page .cs-simple-page__text.alert {
  color: #f08a24;
}

.cs-simple-page .cs-simple-page__text-small {
  font-size: 1rem;
  color: #ababab;
}

.cs-simple-page input {
  display: block;
  width: 100%;
  margin-bottom: 14px;
}

.cs-simple-page .cs-form-btn-group {
  margin: 14px auto 0;
  text-align: center;
}

.cs-simple-page .cs-simple-page__user-data-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
}

.cs-simple-page .cs-simple-page__user-data-text {
  text-align: left;
  margin-left: 1em;
}

.cs-simple-page .cs-simple-page__user-thumb {
  width: 120px;
  height: 120px;
  border-radius: 10px;
  margin-bottom: 7px;
}

.cs-simple-page .cs-simple-page__iframe-container {
  position: relative;
}

.cs-simple-page .cs-simple-page__iframe-container .cs-simple-page__iframe-overlay {
  position: absolute;
  min-width: 908px;
  margin-left: -25%;
  margin-top: 30px;
  height: 300px;
  top: 0;
  overflow-y: scroll;
}

.cs-simple-page .cs-simple-page__iframe-container .cs-simple-page__iframe-scroll-trigger-container {
  position: absolute;
  min-width: 906px;
  margin-left: -25%;
  margin-top: 30px;
  height: 30px;
  top: 264px;
  text-align: center;
}

.cs-simple-page .cs-simple-page__iframe-container .cs-simple-page__iframe-scroll-trigger-container .cs-simple-page__iframe-scroll-trigger {
  height: 30px;
  width: 24px;
  display: inline-block;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * TEXT-PAGE
 *
 * Text page
 */
/* ------------------------------------ *   #TEXT-PAGE
\* ------------------------------------ */
.cs-text-page {
  position: fixed;
  top: 128px;
  bottom: 72px;
  padding: 35px 35px 35px 35px;
  overflow: auto;
  background-color: #FDF8DB;
  font-family: "Merriweather", serif;
}

.cs-text-page p {
  line-height: 1.7;
}

/* Handling the case when we don't want to show the timer */
.cs-no-timer .cs-text-page {
  bottom: 50px;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * LOGIN MODAL
 *
 * Modal with login form
 */
/* ------------------------------------ *   #LOGIN-MODAL
\* ------------------------------------ */
.cs-modal.cs-login-modal {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

/* ------------------------------------ *   #BACKGROUND
\* ------------------------------------ */
.cs-modal-bg.cs-login-modal-bg, .cs-login-modal-bg.cs-loader-overlay {
  background-color: #fafbfc;
}

#cisia-password {
  margin-bottom: 2px;
}

.cs-form-password-toggle {
  font-size: .8em;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  text-align: right;
}

.cs-form-password-toggle:hover {
  cursor: pointer;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * HELP MODAL
 *
 * Modal with help info
 */
/* ------------------------------------ *   #HELP-MODAL
\* ------------------------------------ */
.cs-help {
  position: fixed;
  z-index: 1090;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: red;
  /* Close button */
}

.cs-help .cs-help__close-button {
  position: absolute;
  z-index: 1080;
  top: 14px;
  right: 28px;
  font-size: 1.275rem;
}

.cs-help .cs-help__close-button:hover {
  color: #226081;
}

.cs-help__content {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 35px 56px 35px 35px;
  overflow-y: scroll;
}

.cs-help__content h1 {
  font-size: 2.25rem;
}

.cs-help__content h2 {
  display: block;
  border-top: 1px solid #ebebeb;
  padding-top: 14px;
  margin-top: 7px;
  font-size: 1.275rem;
}

.cs-help__content p {
  margin-bottom: 14px;
}

.cs-help__content .alert {
  margin-bottom: 14px;
  padding: 7px;
  background-color: #f08a24;
  border: 1px solid #de770f;
  color: #FFFFFF;
  font-size: 1rem;
}

.cs-help__content table {
  width: 100%;
  font-size: 0.875rem;
  margin-bottom: 14px;
  margin-top: 7px;
}

.cs-help__content table td {
  padding: 14px;
  text-align: left;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * MODAL
 *
 * Modal
 */
/* ------------------------------------ *   #MODAL
\* ------------------------------------ */
.cs-modal {
  max-width: 600px;
  z-index: 1060;
  margin: 0;
  padding: 35px;
  border: 1px solid #d2d3d3;
  background-color: #ffffff;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
}

.cs-modal .modal-message-center {
  text-align: center;
}

.cs-modal .cs-modal-app-version {
  margin-top: -20px;
  text-align: right;
  color: #ACACAC;
  font-size: 0.7em;
}

.cs-modal .cs-modal-validation-list li {
  list-style-type: none;
  margin-top: 7px;
}

.cs-modal .cs-modal-validation-list .cs-modal-validation-list__text {
  top: -1px;
  position: relative;
  left: 4px;
}

.cs-modal .cs-modal-validation-list .cs-modal-validation-list__icon {
  color: green;
  font-size: 1em;
  display: inline-block;
}

.cs-modal .cs-modal-validation-list .cs-modal-validation-list__icon.fail {
  color: red;
}

.cs-modal .cs-modal-validation-list .cs-modal-validation-list__icon.ion-clock {
  color: #055a8c;
}

.cs-modal .cs-modal-validation-list .cs-modal-validation-manual-check {
  width: 20px;
  height: 16px;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}

.cs-modal [class^="ion"] {
  display: block;
  text-align: center;
  font-size: 2.25rem;
  margin-bottom: 7px;
}

.cs-modal h1 {
  margin-bottom: 21px;
  font-size: 1.275rem;
  font-weight: 500;
  text-align: center;
}

.cs-modal h2 {
  margin-bottom: 21px;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.3em;
}

.cs-modal p {
  margin-bottom: 14px;
}

.cs-modal.cs-modal-warning h1, .cs-modal.cs-modal-warning h2, .cs-modal.cs-modal-warning [class^="ion"] {
  color: #FF643F;
}

.cs-modal input {
  display: block;
  width: 100%;
  margin-bottom: 14px;
}

.cs-modal label {
  font-size: 0.875rem;
}

.cs-modal .cs-form-btn-group {
  margin: 7px auto 0;
  text-align: center;
}

.cs-modal .cs-form-btn-group.cs-alert-warning {
  color: #FF643F;
}

.cs-modal-console {
  width: 400px;
}

.cs-modal-image {
  max-width: 600px;
  z-index: 1060;
  margin: 0;
  padding: 8px;
  border: 1px solid #bcdff1;
  background-color: #d9edf7;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cs-modal-image img {
  width: 100%;
}

.cs-modal-image .cs-modal-image__close-button {
  position: absolute;
  z-index: 1080;
  top: -28px;
  right: 7px;
  font-size: 1.275rem;
  color: #ffffff;
}

.cs-modal-image .cs-modal-image__close-button:hover {
  color: #ababab;
}

/* ------------------------------------ *   #BACKGROUND
\* ------------------------------------ */
.cs-modal-bg, .cs-loader-overlay {
  position: fixed;
  z-index: 1060;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.cs-modal-block-bg {
  position: fixed;
  z-index: 1080;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.cs-modal-block-bg-w {
  position: fixed;
  z-index: 1070;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * LOADER
 *
 * CSS loader (spinner)
 */
/* ------------------------------------ *   #LOADER-OVERLAY
\* ------------------------------------ */
.cs-loader-overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cs-loader-overlay .cs-loader {
  margin: 0 auto;
}

.cs-loader-overlay .cs-loader > div {
  width: 18px;
  height: 18px;
}

/* ------------------------------------ *   #LOADER
\* ------------------------------------ */
.cs-loader > div {
  width: 10px;
  height: 10px;
  margin-top: 7px;
  background-color: #ffffff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.cs-loader .bounce1 {
  margin-right: 3.5px;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.cs-loader .bounce2 {
  margin-right: 3.5px;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* ------------------------------------ *   #LOADER-IN-BTN
\* ------------------------------------ */
.cs-btn-loader {
  padding: 1px 40px;
}

/* Vertical alignment of loader in xl buttons */
.cs-btn-xl.cs-btn-loader .cs-loader {
  line-height: 0;
}

.cs-btn-xl.cs-btn-loader .cs-loader > div {
  margin-top: 0;
}

/**
 * FINAL REPORT PAGE
 *
 * Page showing final report
 */
/* ------------------------------------ *   #STRUCTURE
\* ------------------------------------ */
.cs-final-report-page__report {
  width: 30.43478%;
  float: left;
  margin-right: 4.34783%;
  margin-bottom: 35px;
}

.cs-final-report-page__report:nth-child(3n) {
  float: right;
  margin-right: 0;
}

/* ------------------------------------ *   #FINAL-REPORT
\* ------------------------------------ */
.cs-final-report-page {
  position: fixed;
  width: 100%;
  min-width: 960px;
  top: 94px;
  bottom: 50px;
  padding: 35px;
  overflow: auto;
  background-color: white;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cs-final-report-page:after {
  content: " ";
  display: block;
  clear: both;
}

.cs-final-report-page p {
  line-height: 1.7;
}

.cs-final-report-page .end-test-link-wrapper {
  font-size: 1.5em;
}

.cs-final-report-page__report h1 {
  font-size: 1.275rem;
  font-weight: 900;
}

.cs-final-report-page__report ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cs-final-report-page__report li {
  width: 100%;
}

.cs-final-report-page__report .cs-label {
  color: #4a4a4a;
}

.cs-final-report-page__report .cs-value {
  float: right;
}

.cs-final-report-page__report .cs-final-report-page__item-invalid .cs-value {
  color: #ababab;
}

.cs-final-report-page__report .cs-final-report-page__item-sum {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #d2d3d3;
}

.cs-final-report-page__report .cs-final-report-page__item-sum span {
  font-weight: 900;
}

/* Colori */
.cs-final-report-page__report.section-color-1 h1 {
  color: #00CCFF;
}

.cs-final-report-page__report.section-color-1 .cs-final-report-page__item-exact .cs-value {
  color: #00CCFF;
}

.cs-final-report-page__report.section-color-2 h1 {
  color: #FFCC00;
}

.cs-final-report-page__report.section-color-2 .cs-final-report-page__item-exact .cs-value {
  color: #FFCC00;
}

.cs-final-report-page__report.section-color-3 h1 {
  color: #66CC00;
}

.cs-final-report-page__report.section-color-3 .cs-final-report-page__item-exact .cs-value {
  color: #66CC00;
}

.cs-final-report-page__report.section-color-4 h1 {
  color: #CCCC00;
}

.cs-final-report-page__report.section-color-4 .cs-final-report-page__item-exact .cs-value {
  color: #CCCC00;
}

.cs-final-report-page__report.section-color-5 h1 {
  color: #FFCCCC;
}

.cs-final-report-page__report.section-color-5 .cs-final-report-page__item-exact .cs-value {
  color: #FFCCCC;
}

.cs-final-report-page__report.section-color-6 h1 {
  color: #B8CAE2;
}

.cs-final-report-page__report.section-color-6 .cs-final-report-page__item-exact .cs-value {
  color: #B8CAE2;
}

/* Report */
.cs-final-report-page__report-value {
  clear: both;
  margin-bottom: 28px;
  padding: 14px;
  border: 1px solid #ebebeb;
  background-color: #f2f5f7;
  border-radius: 3px;
}

.cs-final-report-page__report-value p {
  margin: 0;
  font-size: 1.275rem;
  line-height: 1;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * USER BAR
 *
 * Bar at the bottom with user details
 */
/* ------------------------------------ *   #USER-BAR
\* ------------------------------------ */
.cs-userbar {
  position: fixed;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 34px;
  z-index: 1040;
  border-bottom: 1px solid #d2d3d3;
  background-color: #f2f5f7;
}

.cs-userbar__thumb {
  cursor: pointer;
  display: inline-block;
  width: 33px;
  height: 33px;
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
}

.cs-userbar__name {
  display: inline-block;
  padding: 0 10.5px;
  height: 33px;
  line-height: 34px;
  vertical-align: top;
  font-size: 1rem;
  font-weight: 900;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.cs-userbar__born, .cs-userbar__cf {
  display: inline-block;
  padding: 0 10.5px 0 0;
  height: 33px;
  line-height: 34px;
  vertical-align: top;
  font-size: 0.875rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* Buttons on the right */
.cs-userbar__tools, .cs-userbar__language {
  position: absolute;
  right: 0;
  top: 0;
  height: 34px;
  margin: 0;
  background-color: #ffffff;
}

.cs-userbar__tools .cs-btn, .cs-userbar__language .cs-btn {
  height: 34px;
  margin: 0;
  padding: 0 10px;
  line-height: 34px;
  color: rgba(74, 74, 74, 0.75);
  border: 0;
}

.cs-userbar__tools .cs-btn:hover, .cs-userbar__language .cs-btn:hover {
  color: #4a4a4a;
}

.cs-userbar__tools .cs-btn:hover img, .cs-userbar__language .cs-btn:hover img {
  opacity: 1;
}

.cs-userbar__tools .cs-btn [class^="ion"], .cs-userbar__language .cs-btn [class^="ion"] {
  font-size: 16px;
  line-height: 34px;
}

.cs-userbar__tools .cs-btn img, .cs-userbar__language .cs-btn img {
  margin-top: 7px;
  opacity: 0.75;
}

.cs-userbar__tools .cs-userbar__tools-contrast, .cs-userbar__language .cs-userbar__tools-contrast {
  text-transform: uppercase;
}

.cs-userbar__tools .cs-lang-switch-small .cs-btn, .cs-userbar__language .cs-lang-switch-small .cs-btn {
  width: 34px;
  padding: 0;
}

.cs-userbar__language {
  right: 150px;
}

/* Colors */
.cs-userbar.section-color-1 {
  background-color: #00CCFF;
}

.cs-userbar.section-color-2 {
  background-color: #FFCC00;
}

.cs-userbar.section-color-3 {
  background-color: #66CC00;
}

.cs-userbar.section-color-4 {
  background-color: #CCCC00;
}

.cs-userbar.section-color-5 {
  background-color: #FFCCCC;
}

.cs-userbar.section-color-6 {
  background-color: #B8CAE2;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 1100px) {
  .cs-userbar__name {
    font-size: 0.875rem;
  }
  .cs-userbar__born, .cs-userbar__cf {
    font-size: 0.75rem;
  }
}

/**
 * TIMER
 *
 * Timer bar
 */
/* ------------------------------------ *   #TIMER
\* ------------------------------------ */
.cs-timer {
  position: fixed;
  bottom: 50px;
  width: 100%;
  height: 22px;
  background-color: #658596;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.cs-timer__bar {
  width: 0%;
  height: 22px;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: width 1s ease-out;
  transition: width 1s ease-out;
}

.cs-timer__time-left {
  position: absolute;
  top: 0;
  right: 51%;
  line-height: 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
}

.cs-timer__time-left .cs-label {
  font-size: 0.875rem;
  color: #ffffff;
}

.cs-timer__time-left .cs-value {
  font-size: 0.875rem;
  font-weight: 900;
  color: #ffffff;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * NAVIGATOR
 *
 * Navigator
 */
/* ------------------------------------ *   #NAVIGATOR
\* ------------------------------------ */
.cs-navigator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: fixed;
  width: 100%;
  bottom: 0;
  height: 50px;
  padding: 0;
  background-color: #fafbfc;
  border-top: 1px solid #d2d3d3;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}

.cs-navigator__slides-container {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: hidden;
  /*margin-left: 6px;
    padding-left: 3px;*/
}

.cs-navigator__slides {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  float: none;
  max-height: 42px;
  overflow: hidden;
  padding-left: 14px;
}

/* SLides container with arrows on the sides */
.cs-navigator__slides-arrows {
  /*.cs-navigator__slides-container {
        margin-left: 0px;
    }*/
}

.cs-navigator__slides-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 0;
  /*float: left;*/
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}

.ie .cs-navigator__slides-list {
  z-index: -1;
}

.cs-navigator__sldes-item {
  display: inline-block;
  margin-top: 0;
  margin-right: 7px;
  margin-bottom: 7px;
  position: relative;
  /* Text element */
  /* Current element */
  /* Completed element */
  /* Last element in list */
}

.cs-navigator__sldes-item .iconma {
  vertical-align: text-top;
}

.cs-navigator__sldes-item a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  width: 28px;
  border: 1px solid #d2d3d3;
  border-radius: 0 0 4px 4px;
  background-color: #fafbfc;
  text-align: center;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 0.875rem;
  color: #4a4a4a;
  line-height: 26px;
  -webkit-transition-property: color, background-color, -webkit-box-shadow;
  transition-property: color, background-color, -webkit-box-shadow;
  transition-property: box-shadow, color, background-color;
  transition-property: box-shadow, color, background-color, -webkit-box-shadow;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.cs-navigator__sldes-item a:hover {
  margin-top: -1px;
  color: #226081;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}

.cs-navigator__sldes-item.cs-navigator__sldes-text {
  /*margin-top: 8px;
        margin-right: 0px;
        margin-left: -3px;*/
}

.cs-navigator__sldes-item.cs-navigator__sldes-text a {
  height: 36px;
  margin-top: -5px;
  border: 1px solid #d2d3d3;
  border-radius: 0 4px 0 0;
  line-height: 34px;
  font-size: 1rem;
  background-color: #FDFAE8;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.08);
}

.cs-navigator__sldes-item.cs-navigator__sldes-text a:hover {
  margin-top: -6px;
  -webkit-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 1px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.08);
}

.cs-navigator__sldes-item.cs-navigator__sldes-text .underliner-text_items {
  position: absolute;
  background-color: #d2d3d3;
  height: 1px;
  bottom: -4px;
  left: 32px;
}

.cs-navigator__sldes-item.cs-navigator__sldes-text .underliner-text_items.is-current {
  background-color: black;
  height: 2px;
  bottom: -4px;
}

.cs-navigator__sldes-item.cs-navigator__ma-text {
  color: red;
  font-style: italic !important;
}

.cs-navigator__sldes-item.is-current {
  /* Current text element */
}

.cs-navigator__sldes-item.is-current a {
  border-top: 2px solid #000000;
  background-color: #ffffff;
  font-weight: 900;
  color: #000000;
  -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
  margin-top: 0;
  cursor: default;
}

.cs-navigator__sldes-item.is-current.cs-navigator__sldes-text a {
  border: 2px solid #000000;
  background-color: #FDFAE8;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.08);
  margin-top: -4px;
}

.cs-navigator__sldes-item.is-current.cs-navigator__sldes-text a:hover {
  -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.08);
}

.cs-navigator__sldes-item.is-completed a {
  background-color: #226081;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.cs-navigator__sldes-item:last-child {
  margin-right: 0;
}

/* Arrows to scroll slide thumbs */
.cs-navigator__slides-arrow {
  float: left;
  background-color: transparent;
  height: 50px;
  line-height: 50px;
}

.cs-navigator__slides-arrow [class^="ion"] {
  margin: 0;
  color: #ababab;
  height: 50px;
  line-height: 50px;
}

.cs-navigator__slides-arrow:hover, .cs-navigator__slides-arrow:hover:active {
  background-color: transparent;
}

.cs-navigator__slides-arrow:hover [class^="ion"], .cs-navigator__slides-arrow:hover:active [class^="ion"] {
  color: #226081;
}

.cs-navigator__slides-arrow .ion-chevron-left {
  height: 50px;
  line-height: 50px;
}

.cs-navigator__slides-arrow .ion-chevron-right {
  height: 50px;
  line-height: 50px;
}

/* Navigation previous next slide */
.cs-navigator__next-prev-arrows {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  float: none;
  height: 49px;
  background-color: #f2f5f7;
  border-right: 1px solid #d2d3d3;
  padding: 7px 14px;
}

.cs-navigator__next-prev-arrows .cs-btn {
  height: 36px;
  width: 36px;
}

.cs-navigator__next-prev-arrows .cs-btn [class^="ion"] {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  line-height: 36px;
}

/* Exit button bottom right */
.cs-navigator .cs-navigator__exit {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  float: none;
  height: 49px;
  padding: 0 14px;
  line-height: 49px;
  color: #ababab;
  border-left: 1px solid #d2d3d3;
  background-color: #f2f5f7;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  /* Icon placement for Firefox */
}

.cs-navigator .cs-navigator__exit.cs-navigator__external {
  background-color: #fafbfc;
}

.cs-navigator .cs-navigator__exit.cs-navigator__external:hover {
  background-color: #fafbfc;
}

.cs-navigator .cs-navigator__exit:hover {
  color: #226081;
  background-color: #ffffff;
}

.cs-navigator .cs-navigator__exit:hover:active {
  border-left: 1px solid #d2d3d3;
}

.cs-navigator .cs-navigator__exit [class^="ion"] {
  line-height: 49px;
}

/* Button to review all the questions */
.cs-navigator .cs-navigator__review-button {
  height: 50px;
  line-height: 50px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * TABS
 *
 * Tabs
 */
/* ------------------------------------ *   #TABS
\* ------------------------------------ */
.cs-tabs {
  position: fixed;
  width: 100%;
  top: 34px;
  height: 34px;
  background-color: #f2f5f7;
  z-index: 1030;
  border-bottom: 1px solid #d2d3d3;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.cs-tabs .section-points {
  position: absolute;
  top: -66px;
  right: 0px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  padding-right: 20px;
  font-size: 0.9em;
  /*
    -webkit-box-shadow: -2px 2px 5px 1px rgba(0,0,0,0.36);
    -moz-box-shadow: -2px 2px 5px 1px rgba(0,0,0,0.36);
    box-shadow: -2px 2px 5px 1px rgba(0,0,0,0.36);
    */
  border-bottom-left-radius: 5px;
  max-width: 220px;
  width: 220px;
  transition: top 0.3s ease-out;
  -moz-transition: top 0.3s ease-out;
  -webkit-transition: top 0.3s ease-out;
  -o-transition: top 0.3s ease-out;
}

.cs-tabs .section-points.expanded {
  top: 0;
}

.cs-tabs .section-points .toggler {
  cursor: pointer;
  font-weight: bolder;
  margin-right: -20px;
  text-align: center;
}

.cs-tabs .section-points ul {
  list-style: none;
  margin: 0;
  padding-left: 10px;
}

.cs-tabs .section-points ul .icon {
  left: 5px;
  font-weight: bolder;
  margin-right: 5px;
  font-size: 1.1em;
}

.cs-tabs .section-points ul .icon.icon-green {
  color: #009688;
}

.cs-tabs .section-points ul .icon.icon-red {
  color: #f44336;
}

.cs-tabs .section-points ul span {
  min-width: 90px;
  display: inline-block;
}

.cs-tabs__tabs {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 38px;
}

/* ------------------------------------ *   #MAIN-TABS
\* ------------------------------------ */
.cs-tabs__list-container {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: hidden;
}

.cs-tabs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 0;
  padding: 0;
  list-style: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  float: left;
  height: 34px;
  overflow: hidden;
  margin: 0;
}

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

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

.cs-tabs__item {
  float: left;
  /* Current tab */
  /* Current tab */
}

.cs-tabs__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 33px;
  padding: 0 10.5px;
  background-color: #f2f5f7;
  border-right: 1px solid #d2d3d3;
  font-size: 0.875rem;
  line-height: 33px;
  color: #4a4a4a;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  /* Circle icon */
}

.cs-tabs__item a:hover {
  color: #226081;
  background-color: #ffffff;
}

.cs-tabs__item a [class^="ion"] {
  margin-right: 3.5px;
  color: #226081;
}

.cs-tabs__item.is-current a {
  height: 35px;
  background-color: #ffffff;
  font-weight: 900;
  color: #4a4a4a;
  -webkit-box-shadow: 0 3px 0 #ffffff;
  box-shadow: 0 3px 0 #ffffff;
}

.cs-tabs__item.is-completed a {
  color: #ababab;
  background-color: #f2f5f7;
}

/* Toggles dropdown menu */
.cs-tabs__menu-toggle {
  float: left;
  margin: 0;
  height: 33px;
  background-color: #f2f5f7;
  border-right: 1px solid #d2d3d3;
  border-radius: 0;
  line-height: 33px;
  color: #ababab;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.cs-tabs__menu-toggle [class^="ion"] {
  margin: 0;
  color: #ababab;
}

.cs-tabs__menu-toggle:hover {
  background-color: #ffffff;
}

.cs-tabs__menu-toggle:hover [class^="ion"] {
  color: #226081;
}

/* Arrows that scroll tabs on the left/right */
.cs-tabs__arrow {
  float: left;
  margin: 0;
  height: 33px;
  background-color: #f2f5f7;
  border-right: 1px solid #d2d3d3;
  border-radius: 0;
  line-height: 33px;
  color: #ababab;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.cs-tabs__arrow [class^="ion"] {
  margin: 0;
  color: #ababab;
}

.cs-tabs__arrow:hover {
  background-color: #ffffff;
}

.cs-tabs__arrow:hover [class^="ion"] {
  color: #226081;
}

/* ------------------------------------ *   #DROPDOWN-MENU
\* ------------------------------------ */
.cs-tabs__dropdown {
  position: fixed;
  left: 5px;
  top: 66px;
  background-color: #f2f5f7;
  border: 1px solid #d2d3d3;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.cs-tabs__dropdown-list {
  margin: 0;
  padding: 7px;
  list-style: none;
}

.cs-tabs__dropdown-item {
  margin: 3px 0;
  /* Current tab */
  /* Current tab */
}

.cs-tabs__dropdown-item a {
  color: #4a4a4a;
  font-size: 0.875rem;
}

.cs-tabs__dropdown-item a:hover {
  color: #226081;
}

.cs-tabs__dropdown-item [class^="ion"] {
  display: inline-block;
  margin-right: 3.5px;
  color: #226081;
}

.cs-tabs__dropdown-item [class^="ion-load-a"] {
  -webkit-animation: rotate 0.8s infinite linear;
  animation: rotate 0.8s infinite linear;
}

.cs-tabs__dropdown-item.is-current a {
  font-weight: 900;
  color: #000000;
}

.cs-tabs__dropdown-item.is-completed a {
  color: #ababab;
}

/* ------------------------------------ *   #HELP-BUTTON
\* ------------------------------------ */
.cs-tabs__help {
  position: absolute;
  top: 0;
  right: 0;
}

.cs-tabs__help .cs-btn {
  margin: 0;
  border-left: 1px solid #d2d3d3;
  border-radius: 0;
  height: 33px;
  line-height: 33px;
  color: #ababab;
  background-color: #f2f5f7;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.cs-tabs__help .cs-btn:hover {
  color: #226081;
  background-color: #ffffff;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * ALERT
 *
 * Alert
 */
/* ------------------------------------ *   #ALERT
\* ------------------------------------ */
.cs-alert-wrapper {
  position: fixed;
  z-index: 1100;
  top: 14px;
  right: 14px;
  width: 300px;
}

.cs-alert {
  width: 300px;
  position: relative;
  margin-bottom: 14px;
  padding: 14px 48px 14px 14px;
  background-color: #d9edf7;
  border: 1px solid #bcdff1;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Warning */
  /* Danger */
}

.cs-alert p {
  color: #31708f;
  font-size: 1rem;
  line-height: 1.4;
}

.cs-alert button {
  position: absolute;
  top: 7px;
  right: 7px;
  color: rgba(49, 112, 143, 0.6);
}

.cs-alert button:hover {
  color: #31708f;
}

.cs-alert.cs-alert-warning {
  background-color: #f08a24;
  border: 1px solid #de770f;
}

.cs-alert.cs-alert-warning p {
  color: #FFFFFF;
}

.cs-alert.cs-alert-warning button {
  color: rgba(255, 255, 255, 0.6);
}

.cs-alert.cs-alert-warning button:hover {
  color: white;
}

.cs-alert.cs-alert-danger {
  background-color: #f04124;
  border: 1px solid #de2d0f;
}

.cs-alert.cs-alert-danger p {
  color: #FFFFFF;
}

.cs-alert.cs-alert-danger button {
  color: rgba(255, 255, 255, 0.6);
}

.cs-alert.cs-alert-danger button:hover {
  color: white;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * PLAYER
 *
 * Player
 */
/* ------------------------------------ *   #PLAYER
\* ------------------------------------ */
.cs-player-wrapper {
  cursor: pointer;
}

.cs-player-wrapper i.toggle-play {
  color: #ababab;
  font-size: 16px;
}

/**
 * GENERAL LAYOUT
 *
 * Layout for all pages
 */
/* ------------------------------------ *   #GENERAL-LAYOUT
\* ------------------------------------ */
/* ------------------------------------ *   #MOBILE
\* ------------------------------------ */
body .platform-mobile .cs-simple-page .cs-simple-page__content {
  min-width: 908px;
  max-width: inherit;
}

body .platform-mobile .cs-simple-page .cs-simple-page__text {
  margin-bottom: 2px;
  font-size: 1.1rem;
  font-weight: bold;
}

body .platform-mobile .cs-simple-page .cs-simple-page__text.cs-simple-page__text-not-started {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.35;
}

body .platform-mobile .cs-simple-page .cs-simple-page__user-data-wrapper {
  margin-bottom: 5px;
}

body .platform-mobile .cs-simple-page .cs-simple-page__user-data-wrapper .cs-simple-page__text {
  font-size: 1rem;
}

body .platform-mobile .cs-simple-page iframe.avvertenze {
  margin-top: 15px;
  margin-left: inherit;
}

body .platform-mobile .cs-simple-page .cs-simple-page__iframe-container .cs-simple-page__iframe-overlay, body .platform-mobile .cs-simple-page .cs-simple-page__iframe-container .cs-simple-page__iframe-scroll-trigger-container {
  margin-left: inherit;
}

body .platform-mobile .cs-simple-page .cs-simple-page__iframe-container .cs-simple-page__iframe-overlay {
  margin-top: 15px;
}

body .platform-mobile .cs-form-btn-group {
  margin: 5px auto 0;
}

/* ------------------------------------ *   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * UTILITIES
 *
 * General utilities
 */
/* ------------------------------------ *   #UTILITIES
\* ------------------------------------ */