@charset "UTF-8";
/*****************************************************

    Theme Name: Posteit DLS
    Author: GDS//FS//DU 
    Created: 2022/2024
    Based on: kit Bootstrap v 3.4.1
    File Description: Foglio di stile CORE

    Version: Pack 1.11.0
    Last modified: 04 / 07 / 2024

*****************************************************/
/*****************************************************
    @IMPORT
    Variabili - (c) Poste Italiane 2023/2024
*****************************************************/
/*****************************************************
    @IMPORT
    Foglio stile Fonts - (c) Poste Italiane 2023/2024
*****************************************************/
/* https://fonts.google.com/specimen/Inter */
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-ExtraLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets-da/core/fonts/inter/Inter-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
  font-display: swap;
}
/*****************************************************
    @IMPORT
    Foglio stile Tipografia - (c) Poste Italiane 2023/2024
*****************************************************/
/*

1px	0.06rem
2px	0.13rem
3px	0.19rem
4px	0.3rem
5px	0.3rem
6px	0.4rem
8px	0.5rem
10px	0.6rem
12px	0.8rem
14px	0.9rem
15px	0.9rem
16px	1rem
18px	1.1rem
20px	1.3rem
24px	1.5rem
25px	1.6rem
28px	1.8rem
32px	2rem
36px	2rem
40px	3rem
44px	3rem
48px	3rem
50px	3rem
56px	4rem
64px	4rem
72px	5rem
75px	5rem
80px	5rem
90px	6rem
100px	6rem

*/
html, body {
  font-size: 16px;
  /* Definizione base */
}

body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #1a1c1e;
}

a {
  color: #0047bb;
}

a svg {
  fill: #0047bb;
  color: #0047bb;
}

a:hover,
a:focus {
  color: #4270e4;
  text-decoration: underline;
}

.main-pills a,
.box-advice a,
.panel-cards .cards-content a:not(.btn) {
  text-decoration: underline;
}

/* Headings light theme (default) */
.mode-light h1,
h1,
.mode-light h2,
h2,
.mode-light h3,
h3,
.mode-light h4,
h4,
.mode-light h5,
h5,
.mode-light h6,
h6,
.mode-light .h1,
.h1,
.mode-light .h2,
.h2,
.mode-light .h3,
.h3,
.mode-light .h4,
.h4,
.mode-light .h5,
.h5,
.mode-light .h6,
.h6 {
  color: #1a1c1e;
}

/* Headings dark theme */
.mode-dark .panel-cards-basic :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
.mode-dark .main-pills-basic :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  color: #fff;
}

.mode-dark .abstract-heading :is(h1, h2, h3, h4, h5, h6, .abstract-subtitle) {
  color: #fff;
}

/* dark theme generic*/
body .mode-dark .panel-cards,
body .mode-dark .main-pills {
  color: #1a1c1e;
}

body .mode-dark,
body .mode-dark .panel-cards-basic,
body .mode-dark .main-pills-basic,
body .mode-dark .content-heading,
body .mode-dark .area-heading {
  color: #fff;
}

.mode-dark h1,
.mode-dark h2,
.mode-dark h3,
.mode-dark h4,
.mode-dark h5,
.mode-dark h6,
.mode-dark .h1,
.mode-dark .h2,
.mode-dark .h3,
.mode-dark .h4,
.mode-dark .h5,
.mode-dark .h6 {
  color: #fff;
}

.mode-dark a {
  color: #fff;
  text-decoration: underline;
}

.mode-dark a svg {
  fill: #fff;
  color: #fff;
}

.mode-dark a:hover,
.mode-dark a:focus {
  color: #fff;
}

/**/
h1,
h2,
.h1,
.h2,
.title-extralarge,
.title-large,
.title-medium {
  margin-top: 24px;
  margin-bottom: 8px;
}

h1,
.h1,
.title-extralarge {
  font-weight: 600;
}

h2,
.h2,
.title-large,
.title-medium {
  font-weight: 700;
}

h3,
h4,
.h3,
.h4,
.title-small,
.title-extrasmall {
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 8px;
}

h5,
h6,
.h5,
.h6 {
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 8px;
}

h1,
.h1,
.title-extralarge,
.title-large {
  font-size: 1.75rem;
  line-height: 2.625rem;
  letter-spacing: 0.19px;
}

h2,
.h2,
.title-medium {
  font-size: 1.5rem;
  line-height: 2.25rem;
  letter-spacing: 0.16px;
}

h3,
.h3,
.title-small {
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: 0px;
}

h4,
.h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0px;
}

h5,
.h5,
.title-extrasmall {
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0.17px;
}

h6,
.h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.17px;
}

.disclaimer,
.note {
  line-height: 1.125rem;
  font-size: 0.75rem;
}

/* applicative form */
.area-heading {
  margin-top: 24px !important;
}

/* Text transformation/decoration */
.text-uppercase {
  text-transform: uppercase !important;
}

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

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

.text-underline {
  text-decoration: underline !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-italic {
  font-style: italic !important;
}

/* font weight */
.fw-thin {
  font-weight: 200 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-regular {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

/* font size */
.fs-extrasmall {
  font-size: 0.75rem !important;
  letter-spacing: 0.6px !important;
  line-height: 1.125rem !important;
}

.fs-small {
  font-size: 0.875rem !important;
  letter-spacing: 0.3px !important;
  line-height: 1.25rem !important;
}

.fs-medium {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.fs-large {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

.fs-extralarge {
  font-size: 2rem !important;
  line-height: 2.5rem !important;
}

.text-success {
  color: #006d36 !important;
}

.text-evidence {
  color: #df7400 !important;
}

.text-error {
  color: #ba1b1b !important;
}

.text-note {
  color: #5d5e61 !important;
}

.text-emphasis {
  color: #0047bb !important;
}

/* Text Truncate  line-clamp */
.line-clamp {
  overflow: hidden;
  position: relative;
  text-align: justify;
  line-height: 1.5rem;
  /*default*/
  max-height: 1.5rem;
  /*default*/
  padding-right: 15px;
}

.line-clamp:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  /*
  background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 45%);
  padding-left: 15px;
  */
}

.line-clamp:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  background: #fff;
}

.line-clamp-1 {
  max-height: 1.5rem;
}

.line-clamp-2 {
  max-height: 3rem;
}

.line-clamp-3 {
  max-height: 4.5rem;
}

.line-clamp-4 {
  max-height: 6rem;
}

.line-clamp-5 {
  max-height: 7.5rem;
}

@media (max-width: 767px) {
  .line-clamp-xs-1 {
    max-height: 1.5rem;
  }
  .line-clamp-xs-2 {
    max-height: 3rem;
  }
  .line-clamp-xs-3 {
    max-height: 4.5rem;
  }
  .line-clamp-xs-4 {
    max-height: 6rem;
  }
  .line-clamp-xs-5 {
    max-height: 7.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .line-clamp-sm-1 {
    max-height: 1.5rem;
  }
  .line-clamp-sm-2 {
    max-height: 3rem;
  }
  .line-clamp-sm-3 {
    max-height: 4.5rem;
  }
  .line-clamp-sm-4 {
    max-height: 6rem;
  }
  .line-clamp-sm-5 {
    max-height: 7.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .line-clamp-md-1 {
    max-height: 1.5rem;
  }
  .line-clamp-md-2 {
    max-height: 3rem;
  }
  .line-clamp-md-3 {
    max-height: 4.5rem;
  }
  .line-clamp-md-4 {
    max-height: 6rem;
  }
  .line-clamp-md-5 {
    max-height: 7.5rem;
  }
  h1,
  .h1,
  .title-extralarge {
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: 0.24px;
  }
}
@media (min-width: 1200px) {
  .line-clamp-lg-1 {
    max-height: 1.5rem;
  }
  .line-clamp-lg-2 {
    max-height: 3rem;
  }
  .line-clamp-lg-3 {
    max-height: 4.5rem;
  }
  .line-clamp-lg-4 {
    max-height: 6rem;
  }
  .line-clamp-lg-5 {
    max-height: 7.5rem;
  }
  h1,
  .h1,
  .title-extralarge {
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: 0.24px;
  }
}
/*****************************************************
    @IMPORT
    Foglio stile Utilities - (c) Poste Italiane 2023/2024
*****************************************************/
.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

.w-auto {
  width: auto;
}

.center {
  margin: 0 auto;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-break-word {
  overflow-wrap: break-word;
}

.scroll-content-x > ul {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  display: flex;
}

.scroll-content-x:not(.default-nav-tabs-container) > ul > li {
  margin-bottom: 0.25rem;
}

/* ===== Scrollbar CSS ===== */
html {
  overflow: overlay;
}

/* Text Selection */
::-moz-selection {
  background: #eedc00;
  color: #1a1c1e;
}

::selection {
  background: #eedc00;
  color: #1a1c1e;
}

/* Animation */
.animation-delay-0 {
  animation-delay: 0 !important;
}

.animation-delay-100 {
  animation-delay: 100ms !important;
}

.animation-delay-200 {
  animation-delay: 200ms !important;
}

.animation-delay-300 {
  animation-delay: 300ms !important;
}

.animation-delay-400 {
  animation-delay: 400ms !important;
}

.animation-fadeFromRight {
  animation: fadeOutLeft 700ms ease-in-out;
}

.animation-fadeFromLeft {
  animation: fadeOutRight 700ms ease-in-out;
}

.animation-fadeToRight {
  animation: fadeInLeft 700ms ease-in-out;
}

.animation-fadeToLeft {
  animation: fadeInRight 700ms ease-in-out;
}

.animation-fadeInUp {
  animation: fadeInUp 1s ease-in-out;
}

.animation-zooming {
  animation: zooming 500ms linear;
}

.animation-ScrollDown {
  animation: scrollDown 1500ms linear;
}

.animation-ScrollUp {
  animation: ScrollUp 1500ms linear;
}

.ripple {
  width: 140px;
  height: 140px;
  border-radius: 140px;
  position: absolute;
  opacity: 0;
  margin-top: -70px;
  margin-left: -70px;
  animation-name: pulse;
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-duration: 1100ms;
  -webkit-animation-duration: 1100ms;
  -moz-animation-duration: 1100ms;
  -o-animation-duration: 1100ms;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  will-change: opacity, transform, border;
  border-style: solid;
  border-width: 20px;
  border-color: #fff;
}

.btn-default > .ripple {
  border-color: #4270e4;
}

.concept-b:not(.mode-dark) .btn-default > .ripple,
.panel-cards-trendy:not(.mode-dark) .btn-default > .ripple {
  border-color: #5d5e61;
}

.mode-dark .btn-default > .ripple {
  border-color: #fff;
}

@keyframes pulse {
  0% {
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0;
    border-width: 20px;
  }
  3% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    opacity: 0;
    border-width: 0px;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0;
    border-width: 20px;
  }
  3% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    opacity: 0;
    border-width: 0px;
  }
}
@-moz-keyframes pulse {
  0% {
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0;
    border-width: 20px;
  }
  3% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    opacity: 0;
    border-width: 0px;
  }
}
@-o-keyframes pulse {
  0% {
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0;
    border-width: 20px;
  }
  3% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    opacity: 0;
    border-width: 0px;
  }
}
@keyframes scrollDown {
  0% {
    top: -65px;
  }
  100% {
    top: 0;
  }
}
@keyframes ScrollUp {
  0% {
    top: 0;
  }
  100% {
    top: -65px;
  }
}
@keyframes zooming {
  0% {
    scale: 0.97;
    opacity: 0.85;
    transform: translateY(12px);
  }
  50% {
    scale: 0.985;
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-700px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(700px);
    opacity: 0;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-700px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(700px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes enlargeWidth {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes blink {
  0% {
    background-color: #0047bb;
  }
  25% {
    background-color: #0047bb;
  }
  50% {
    background-color: #fff;
  }
  75% {
    background-color: #0047bb;
  }
  100% {
    background-color: #0047bb;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
/* Animation abstract*/
.animation-objgroup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
}

/* Animation abstract 01 */
.animation-objgroup.animation-01-objgroup span {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(57, 65, 70, 0.3);
  animation: animate-move-01 25s linear infinite, animate-opacity 25s linear infinite, animate-radius 25s linear infinite;
  bottom: -150px;
}

.animation-objgroup.animation-01-objgroup span:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation: animate-move-01 linear infinite, animate-opacity linear infinite, animate-radius linear infinite;
  animation-delay: 3s;
  animation-duration: 25s;
}

.animation-objgroup.animation-01-objgroup span:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation: animate-move-02 linear infinite, animate-opacity linear infinite, animate-radius linear infinite;
  animation-delay: 2s;
  animation-duration: 12s;
}

.animation-objgroup.animation-01-objgroup span:nth-child(3) {
  left: 35%;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: 4px solid rgba(57, 65, 70, 0.3);
  animation: animate-move-03 linear infinite, animate-opacity linear infinite, animate-radius linear infinite;
  animation-delay: 4s;
  animation-duration: 20s;
}

.animation-objgroup.animation-01-objgroup span:nth-child(4) {
  left: 40%;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid rgba(57, 65, 70, 0.3);
  border-radius: 8px;
  background-color: transparent;
  animation: animate-move-04 linear infinite, animate-opacity linear infinite;
  animation-delay: 2s;
  animation-duration: 18s;
}

.animation-objgroup.animation-01-objgroup span:nth-child(5) {
  left: 65%;
  width: 40px;
  height: 40px;
  animation: animate-move-05 linear infinite, animate-opacity linear infinite, animate-radius linear infinite;
  background-color: transparent;
  border: 4px solid rgba(57, 65, 70, 0.3);
  animation-delay: 4s;
  animation-duration: 12s;
}

.animation-objgroup.animation-01-objgroup span:nth-child(6) {
  left: 35%;
  width: 40px;
  height: 40px;
  animation: animate-move-06 linear infinite, animate-opacity linear infinite, animate-radius linear infinite;
  background-color: transparent;
  border: 4px solid rgba(57, 65, 70, 0.3);
  animation-delay: 7s;
  animation-duration: 20s;
}

.animation-objgroup.animation-01-objgroup span:nth-child(6) {
  left: 50%;
  width: 110px;
  height: 110px;
  animation: animate-move-07 linear infinite, animate-opacity linear infinite, animate-radius linear infinite;
  animation-delay: 3s;
  animation-duration: 15s;
}

.mode-dark .animation-objgroup.animation-01-objgroup span {
  background: rgba(255, 255, 255, 0.2);
}

.mode-dark .animation-objgroup.animation-01-objgroup span:nth-child(3),
.mode-dark .animation-objgroup.animation-01-objgroup span:nth-child(4),
.mode-dark .animation-objgroup.animation-01-objgroup span:nth-child(5),
.mode-dark .animation-objgroup.animation-01-objgroup span:nth-child(6) {
  border-color: rgba(255, 255, 255, 0.2);
}

/* Animation abstract 02 */
.animation-objgroup.animation-02-objgroup span {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(57, 65, 70, 0.3);
  animation: animate-DownUp 25s linear infinite;
  bottom: -180px;
}

.animation-objgroup.animation-02-objgroup span:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.animation-objgroup.animation-02-objgroup span:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.mode-dark .animation-objgroup.animation-02-objgroup span {
  background: rgba(255, 255, 255, 0.2);
}

/* Animation abstract 03 (bottom-top obj) */
.animation-objgroup.animation-03-objgroup span {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(239, 208, 162, 0.8);
  animation: animate-DownUp 25s linear infinite;
  bottom: -185px;
}

.animation-objgroup.animation-03-objgroup span:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.animation-objgroup.animation-03-objgroup span:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.mode-dark .animation-objgroup.animation-03-objgroup span {
  background: rgba(163, 87, 58, 0.6);
}

@keyframes animate-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.85;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animate-radius {
  0% {
    border-radius: 20%;
  }
  50% {
    border-radius: 35%;
  }
  100% {
    border-radius: 50%;
  }
}
@keyframes animate-move-01 {
  0% {
    transform: translateY(-220px) translateX(-50px) rotate(0deg);
  }
  100% {
    transform: translateY(-440px) translateX(555px) rotate(720deg);
  }
}
@keyframes animate-move-02 {
  0% {
    transform: translateY(-355px) translateX(-150px) rotate(0deg);
  }
  100% {
    transform: translateY(-340px) translateX(23px) rotate(520deg);
  }
}
@keyframes animate-move-03 {
  0% {
    transform: translateY(-560px) translateX(320px) rotate(0deg);
  }
  100% {
    transform: translateY(-340px) translateX(220px) rotate(220deg);
  }
}
@keyframes animate-move-04 {
  0% {
    transform: translateY(-210px) translateX(180px) rotate(0deg);
  }
  100% {
    transform: translateY(140px) translateX(220px) rotate(520deg);
  }
}
@keyframes animate-move-05 {
  0% {
    transform: translateY(-510px) translateX(520px) rotate(0deg);
  }
  100% {
    transform: translateY(-200px) translateX(80px) rotate(520deg);
  }
}
@keyframes animate-move-06 {
  0% {
    transform: translateY(-31px) translateX(520px) rotate(0deg);
  }
  100% {
    transform: translateY(-380px) translateX(330px) rotate(520deg);
  }
}
@keyframes animate-move-07 {
  0% {
    transform: translateY(-110px) translateX(420px) rotate(0deg);
  }
  100% {
    transform: translateY(-900px) translateX(500px) rotate(220deg);
  }
}
/*
@keyframes animationPatternAbstract-01 {
    0% {
      transform: translateX(-65%) translateY(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0) translateY(0);
      opacity: 1;
    }
  }
*/
@keyframes animate-DownUp {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 20%;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
/* Seo - Accessibility ---- Gestione focus */
/* ad-hoc stretched-link override bootstrap*/
a.stretched-link:focus,
a.stretched-link:focus-visible {
  outline: none;
}

/* Gestione focus */
.focus-visible {
  outline-color: #E47701;
  outline-width: 3px;
  outline-style: solid;
}

*:focus,
a:focus:not(.stretched-link),
a.stretched-link:focus::after,
.navbar-toggle:focus,
.dropdown-toggle:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn:focus,
.btn:active.focus:focus,
.btn.active.focus:focus,
.form-control:focus:not(.focus-mouse),
.form-check:not(.form-boxed) [type=checkbox]:focus:not(.focus-mouse) + label,
.form-check:not(.form-boxed) [type=radio]:focus:not(.focus-mouse) + label,
.switch [type=radio]:focus:not(.focus-mouse) + .lever,
.switch [type=checkbox]:focus:not(.focus-mouse) + .lever,
.toggles [type=checkbox]:focus:not(.focus-mouse) + .lever,
.box-rack:has(.form-check.form-boxed [type=radio]:focus:not(.focus-mouse)) .box-wrap::before,
.square-control [type=radio]:focus:not(.focus-mouse) + .square-control-button,
.square-control [type=checkbox]:focus:not(.focus-mouse) + .square-control-button {
  outline-color: #E47701;
  outline-width: 3px;
  outline-style: solid;
}

*:focus:not(:focus-visible),
a:focus:not(:focus-visible, .stretched-link),
a.stretched-link:focus:not(:focus-visible)::after,
.navbar-toggle:focus:not(:focus-visible),
.dropdown-toggle:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
.btn:active:focus:not(:focus-visible),
.btn.active:focus:not(:focus-visible),
.btn.focus:not(:focus-visible),
.btn:active.focus:not(:focus-visible),
.btn.active.focus:not(:focus-visible),
.form-control:focus:not(:focus-visible):not(.focus-mouse),
.form-check:not(.form-boxed) [type=checkbox]:focus:not(:focus-visible):not(.focus-mouse) + label,
.form-check:not(.form-boxed) [type=radio]:focus:not(:focus-visible):not(.focus-mouse) + label,
.switch [type=checkbox]:focus:not(:focus-visible):not(.focus-mouse) + .lever,
.switch [type=radio]:focus:not(:focus-visible):not(.focus-mouse) + .lever,
.toggles [type=checkbox]:focus:not(:focus-visible):not(.focus-mouse) + .lever,
.box-rack:has(.form-check.form-boxed [type=radio]:focus:not(:focus-visible):not(.focus-mouse)) .box-wrap::before,
.square-control [type=radio]:focus:not(:focus-visible):not(.focus-mouse) + .square-control-button,
.square-control [type=checkbox]:focus:not(:focus-visible):not(.focus-mouse) + .square-control-button {
  outline-color: transparent !important;
}

*:focus-visible,
a:focus-visible:not(.stretched-link),
a.stretched-link:focus-visible::after,
.navbar-toggle:focus-visible,
.dropdown-toggle:focus-visible,
.btn:focus-visible,
.btn:active:focus-visible,
.btn.active:focus-visible,
.btn:focus-visible,
.btn:active.focus:focus-visible,
.btn.active.focus:focus-visible,
.form-control:focus-visible:not(.focus-mouse),
.form-check:not(.form-boxed) [type=checkbox]:focus-visible:not(.focus-mouse) + label,
.form-check:not(.form-boxed) [type=radio]:focus-visible:not(.focus-mouse) + label,
.switch [type=checkbox]:focus-visible:not(.focus-mouse) + .lever,
.switch [type=radio]:focus-visible:not(.focus-mouse) + .lever,
.toggles [type=checkbox]:focus-visible:not(.focus-mouse) + .lever,
.box-rack:has(.form-check.form-boxed [type=radio]:focus-visible:not(.focus-mouse)) .box-wrap::before,
.square-control [type=radio]:focus-visible:not(.focus-mouse) + .square-control-button,
.square-control [type=checkbox]:focus-visible:not(.focus-mouse) + .square-control-button {
  outline-color: #E47701;
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 0;
}

/* focus ad-hoc cards-service (myp) */
.panel-cards-service.mode-ctaset :focus-visible,
.panel-cards-service.mode-ctaset a:focus-visible {
  outline-color: transparent;
}

.panel-cards-service.mode-ctaset .stretched-link:focus-visible::after,
.panel-cards-service.mode-ctaset a.stretched-link:focus-visible::after {
  outline-color: #E47701;
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 0;
}

/* focus ad-hoc per slider-thumb delle rangebar*/
.form-range input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem #E47701;
}

.form-range input[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem #E47701;
}

/* Seo - Accessibility ---- Gestione link rapidi */
#skiplink {
  position: absolute;
  white-space: nowrap;
}

.sr-only-focusable-abs {
  z-index: -1;
  position: absolute;
  top: 10px;
  margin-left: 0.438rem;
  padding: 0.438rem 0.5rem 0.438rem 0.5rem;
  background-color: #fff;
  border: 1px solid #46474a;
  border-radius: 3px;
  opacity: 0;
}

.sr-only-focusable-abs:focus {
  z-index: 1044;
  opacity: 1;
}

/* Posizionamenti e display */
.shadow {
  -webkit-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.vam {
  vertical-align: middle !important;
}

.vat {
  vertical-align: top !important;
}

.vab {
  vertical-align: bottom !important;
}

.relative {
  position: relative !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-grow-2 {
  flex-grow: 2 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: start !important;
}

.justify-content-end {
  justify-content: end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: start !important;
}

.align-items-end {
  align-items: end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

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

.align-self-start {
  align-self: start !important;
}

.align-self-end {
  align-self: end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.align-content-start {
  align-content: start !important;
}

.align-content-end {
  align-content: end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 1rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 2rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 2rem !important;
}

.nojs-block {
  display: block !important;
}

.nojs-inline {
  display: inline !important;
}

.nojs-inline-block {
  display: inline-block !important;
}

/* Spaziature */
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.mx-6 {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-6 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

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

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

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

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

.mt-5 {
  margin-top: 2rem !important;
}

.mt-6 {
  margin-top: 2.5rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

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

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

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

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

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

.me-5 {
  margin-right: 2rem !important;
}

.me-6 {
  margin-right: 2.5rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

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

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-6 {
  margin-bottom: 2.5rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

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

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

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

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

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

.ms-5 {
  margin-left: 2rem !important;
}

.ms-6 {
  margin-left: 2.5rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.me-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ms-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.me-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ms-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.me-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ms-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.me-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ms-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -2rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -2rem !important;
}

.me-n5,
.mx-n5 {
  margin-right: -2rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -2rem !important;
}

.ms-n5,
.mx-n5 {
  margin-left: -2rem !important;
}

.m-n6 {
  margin: -2.5rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -2.5rem !important;
}

.me-n6,
.mx-n6 {
  margin-right: -2.5rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -2.5rem !important;
}

.ms-n6,
.mx-n6 {
  margin-left: -2.5rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.p-6 {
  padding: 2.5rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.px-6 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-6 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

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

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

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

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

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

.pt-5 {
  padding-top: 2rem !important;
}

.pt-6 {
  padding-top: 2.5rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

.pe-5 {
  padding-right: 2rem !important;
}

.pe-6 {
  padding-right: 2.6rem !important;
}

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

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

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

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

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

.pb-5 {
  padding-bottom: 2rem !important;
}

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

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

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

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

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

.ps-5 {
  padding-left: 2rem !important;
}

.ps-6 {
  padding-left: 2.5rem !important;
}

.pull-left,
.pull-start,
.pull-xs-left {
  float: left !important;
}

.pull-right,
.pull-end,
.pull-xs-right {
  float: right !important;
}

.pull-not,
.pull-xs-not {
  float: none !important;
}

.text-start-not,
.text-end-not,
.text-left-not,
.text-center-not,
.text-right-not,
.text-justify-not,
.text-left-xs-not,
.text-center-xs-not,
.text-right-xs-not,
.text-justify-xs-not {
  text-align: inherit !important;
}

.text-left,
.text-start,
.text-xs-left {
  text-align: left !important;
}

.text-center,
.text-xs-center {
  text-align: center !important;
}

.text-right,
.text-end,
.text-xs-right {
  text-align: right !important;
}

.text-justify,
.text-xs-justify {
  text-align: justify !important;
}

.text-break {
  word-break: break-all;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.start-0 {
  left: 0;
}

.end-0 {
  right: 0;
}

@media (max-width: 767px) {
  .center-xs {
    margin: 0 auto;
  }
  .hide-xs {
    display: none !important;
  }
  .inline-xs {
    display: inline !important;
  }
  .inline-block-xs {
    display: inline-block !important;
  }
  .block-xs {
    display: block !important;
  }
  .flex-xs {
    display: flex !important;
  }
  .inline-xs-flex {
    display: inline-flex !important;
  }
  .flex-xs-row {
    flex-direction: row !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xs-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xs-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xs-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-xs-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xs-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xs-start {
    justify-content: start !important;
  }
  .justify-content-xs-end {
    justify-content: end !important;
  }
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
  .justify-content-xs-around {
    justify-content: space-around !important;
  }
  .justify-content-xs-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xs-start {
    align-items: start !important;
  }
  .align-items-xs-end {
    align-items: end !important;
  }
  .align-items-xs-center {
    align-items: center !important;
  }
  .align-items-xs-baseline {
    align-items: baseline !important;
  }
  .align-items-xs-stretch {
    align-items: stretch !important;
  }
  .align-self-xs-start {
    align-self: start !important;
  }
  .align-self-xs-end {
    align-self: end !important;
  }
  .align-self-xs-center {
    align-self: center !important;
  }
  .align-self-xs-baseline {
    align-self: baseline !important;
  }
  .align-self-xs-stretch {
    align-self: stretch !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .align-content-xs-start {
    align-content: start !important;
  }
  .align-content-xs-end {
    align-content: end !important;
  }
  .align-content-xs-center {
    align-content: center !important;
  }
  .align-content-xs-around {
    align-content: space-around !important;
  }
  .align-content-xs-stretch {
    align-content: stretch !important;
  }
  .order-xs-0 {
    order: 0 !important;
  }
  .order-xs-1 {
    order: 1 !important;
  }
  .order-xs-2 {
    order: 2 !important;
  }
  .order-xs-3 {
    order: 3 !important;
  }
  .order-xs-4 {
    order: 4 !important;
  }
  .order-xs-5 {
    order: 5 !important;
  }
  .border-xs {
    border: 1px solid #c6c6c9 !important;
  }
  .border-xs-bottom {
    border-bottom: 1px solid #c6c6c9 !important;
  }
  .border-xs-bottom-not {
    border-bottom: none !important;
  }
  .border-xs-left {
    border-left: 1px solid #c6c6c9 !important;
  }
  .border-xs-left-not {
    border-left: none !important;
  }
  .border-xs-right {
    border-right: 1px solid #c6c6c9 !important;
  }
  .border-xs-right-not {
    border-right: none !important;
  }
  .border-xs-top {
    border-top: 1px solid #c6c6c9 !important;
  }
  .border-xs-top-not {
    border-top: none !important;
  }
  .mode-light .border-xs,
  .mode-light .border-xs-bottom,
  .mode-light .border-xs-left,
  .mode-light .border-xs-right,
  .mode-light .border-xs-top {
    border-color: #1a1c1e !important;
  }
  .nojs-xs-block {
    display: block !important;
  }
  .nojs-xs-inline {
    display: inline !important;
  }
  .nojs-xs-inline-block {
    display: inline-block !important;
  }
  .top-xs-0 {
    top: 0;
  }
  .bottom-xs-0 {
    bottom: 0;
  }
  .start-xs-0 {
    left: 0;
  }
  .end-xs-0 {
    right: 0;
  }
}
@media (min-width: 768px) {
  .center-sm {
    margin: 0 auto;
  }
  .hide-sm {
    display: none !important;
  }
  .inline-sm {
    display: inline !important;
  }
  .inline-block-sm {
    display: inline-block !important;
  }
  .block-sm {
    display: block !important;
  }
  .flex-sm {
    display: flex !important;
  }
  .inline-sm-flex {
    display: inline-flex !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: start !important;
  }
  .justify-content-sm-end {
    justify-content: end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: start !important;
  }
  .align-items-sm-end {
    align-items: end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-self-sm-start {
    align-self: start !important;
  }
  .align-self-sm-end {
    align-self: end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .align-content-sm-start {
    align-content: start !important;
  }
  .align-content-sm-end {
    align-content: end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .border-sm {
    border: 1px solid #c6c6c9 !important;
  }
  .border-sm-bottom {
    border-bottom: 1px solid #c6c6c9 !important;
  }
  .border-sm-bottom-not {
    border-bottom: none !important;
  }
  .border-sm-left {
    border-left: 1px solid #c6c6c9 !important;
  }
  .border-sm-left-not {
    border-left: none !important;
  }
  .border-sm-right {
    border-right: 1px solid #c6c6c9 !important;
  }
  .border-sm-right-not {
    border-right: none !important;
  }
  .border-sm-top {
    border-top: 1px solid #c6c6c9 !important;
  }
  .border-sm-top-not {
    border-top: none !important;
  }
  .mode-light .border-sm,
  .mode-light .border-sm-bottom,
  .mode-light .border-sm-left,
  .mode-light .border-sm-right,
  .mode-light .border-sm-top {
    border-color: #1a1c1e !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .m-sm-6 {
    margin: 2.5rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-sm-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 2rem !important;
  }
  .mt-sm-6 {
    margin-top: 2.5rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 2rem !important;
  }
  .me-sm-6 {
    margin-right: 2.5rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 2.5rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 2rem !important;
  }
  .ms-sm-6 {
    margin-left: 2.5rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .me-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ms-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .me-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ms-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .me-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ms-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .me-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ms-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -2rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -2rem !important;
  }
  .me-sm-n5,
  .mx-sm-n5 {
    margin-right: -2rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -2rem !important;
  }
  .ms-sm-n5,
  .mx-sm-n5 {
    margin-left: -2rem !important;
  }
  .m-sm-n6 {
    margin: -2.5rem !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -2.5rem !important;
  }
  .me-sm-n6,
  .mx-sm-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ms-sm-n6,
  .mx-sm-n6 {
    margin-left: -2.5rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .p-sm-6 {
    padding: 2.5rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-sm-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-sm-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 2rem !important;
  }
  .pt-sm-6 {
    padding-top: 2.5rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 2rem !important;
  }
  .pe-sm-6 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 2.5rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 2rem !important;
  }
  .ps-sm-6 {
    padding-left: 2.5rem !important;
  }
  .text-sm-start,
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-end,
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .pull-sm-start,
  .pull-sm-left {
    float: left !important;
  }
  .pull-sm-end,
  .pull-sm-right {
    float: right !important;
  }
  .pull-sm-not {
    float: none !important;
  }
  .text-left-sm-not,
  .text-start-sm-not,
  .text-center-sm-not,
  .text-right-sm-not,
  .text-end-sm-not,
  .text-justify-sm-not {
    text-align: inherit !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .nojs-sm-block {
    display: block !important;
  }
  .nojs-sm-inline {
    display: inline !important;
  }
  .nojs-sm-inline-block {
    display: inline-block !important;
  }
  .top-sm-0 {
    top: 0 !important;
  }
  .bottom-sm-0 {
    bottom: 0 !important;
  }
  .start-sm-0 {
    left: 0 !important;
  }
  .end-sm-0 {
    right: 0 !important;
  }
  /* picture mode position */
  .mode-img-top .picture-wrap picture {
    top: 0 !important;
    bottom: auto !important;
  }
  .mode-img-bottom .picture-wrap picture {
    top: auto !important;
    bottom: 0 !important;
  }
  .mode-img-middle .picture-wrap picture {
    top: 50% !important;
    transform: translateY(-50%) !important;
    bottom: 0 !important;
    height: fit-content;
  }
}
@media (min-width: 992px) {
  .center-md {
    margin: 0 auto;
  }
  .hide-md {
    display: none !important;
  }
  .inline-md {
    display: inline !important;
  }
  .inline-block-md {
    display: inline-block !important;
  }
  .block-md {
    display: block !important;
  }
  .flex-md {
    display: flex !important;
  }
  .inline-md-flex {
    display: inline-flex !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-grow-2 {
    flex-grow: 2;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: start !important;
  }
  .justify-content-md-end {
    justify-content: end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: start !important;
  }
  .align-items-md-end {
    align-items: end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-self-md-start {
    align-self: start !important;
  }
  .align-self-md-end {
    align-self: end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .align-content-md-start {
    align-content: start !important;
  }
  .align-content-md-end {
    align-content: end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .border-md {
    border: 1px solid #c6c6c9 !important;
  }
  .border-md-bottom {
    border-bottom: 1px solid #c6c6c9 !important;
  }
  .border-md-bottom-not {
    border-bottom: none !important;
  }
  .border-md-left {
    border-left: 1px solid #c6c6c9 !important;
  }
  .border-md-left-not {
    border-left: none !important;
  }
  .border-md-right {
    border-right: 1px solid #c6c6c9 !important;
  }
  .border-md-right-not {
    border-right: none !important;
  }
  .border-md-top {
    border-top: 1px solid #c6c6c9 !important;
  }
  .border-md-top-not {
    border-top: none !important;
  }
  .mode-light .border-md,
  .mode-light .border-md-bottom,
  .mode-light .border-md-left,
  .mode-light .border-md-right,
  .mode-light .border-md-top {
    border-color: #1a1c1e !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .m-md-6 {
    margin: 2.5rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 2rem !important;
  }
  .mt-md-6 {
    margin-top: 2.5rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 2rem !important;
  }
  .me-md-6 {
    margin-right: 2rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .mb-md-6 {
    margin-bottom: 2.5rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 2rem !important;
  }
  .ms-md-6 {
    margin-left: 2.5rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .me-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ms-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .me-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ms-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .me-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ms-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .me-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ms-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -2rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -2rem !important;
  }
  .me-md-n5,
  .mx-md-n5 {
    margin-right: -2rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -2rem !important;
  }
  .ms-md-n5,
  .mx-md-n5 {
    margin-left: -2rem !important;
  }
  .m-md-n6 {
    margin: -2.5rem !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -2.5rem !important;
  }
  .me-md-n6,
  .mx-md-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ms-md-n6,
  .mx-md-n6 {
    margin-left: -2.5rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .p-md-6 {
    padding: 2.5rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-md-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 2rem !important;
  }
  .pt-md-6 {
    padding-top: 2.5rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 2rem !important;
  }
  .pe-md-6 {
    padding-right: 2rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .pb-md-6 {
    padding-bottom: 2.5rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 2rem !important;
  }
  .ps-md-6 {
    padding-left: 2.5rem !important;
  }
  .pull-md-left,
  .pull-md-start {
    float: left !important;
  }
  .pull-md-right,
  .pull-md-end {
    float: right !important;
  }
  .pull-md-not {
    float: none !important;
  }
  .text-left-md-not,
  .text-start-md-not,
  .text-center-md-not,
  .text-right-md-not,
  .text-end-md-not,
  .text-justify-md-not {
    text-align: inherit !important;
  }
  .text-md-left,
  .text-md-start {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right,
  .text-md-end {
    text-align: right !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .nojs-md-block {
    display: block !important;
  }
  .nojs-md-inline {
    display: inline !important;
  }
  .nojs-md-inline-block {
    display: inline-block !important;
  }
  .top-md-0 {
    top: 0;
  }
  .bottom-md-0 {
    bottom: 0;
  }
  .start-md-0 {
    left: 0;
  }
  .end-md-0 {
    right: 0;
  }
}
@media (min-width: 1200px) {
  .center-lg {
    margin: 0 auto;
  }
  .hide-lg {
    display: none !important;
  }
  .inline-lg {
    display: inline !important;
  }
  .inline-block-lg {
    display: inline-block !important;
  }
  .block-lg {
    display: block !important;
  }
  .flex-lg {
    display: flex !important;
  }
  .inline-lg-flex {
    display: inline-flex !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-grow-2 {
    flex-grow: 2;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: start !important;
  }
  .justify-content-lg-end {
    justify-content: end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: start !important;
  }
  .align-items-lg-end {
    align-items: end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-self-lg-start {
    align-self: start !important;
  }
  .align-self-lg-end {
    align-self: end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .align-content-lg-start {
    align-content: start !important;
  }
  .align-content-lg-end {
    align-content: end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .border-lg {
    border: 1px solid #c6c6c9 !important;
  }
  .border-lg-bottom {
    border-bottom: 1px solid #c6c6c9 !important;
  }
  .border-lg-bottom-not {
    border-bottom: none !important;
  }
  .border-lg-left {
    border-left: 1px solid #c6c6c9 !important;
  }
  .border-lg-left-not {
    border-left: none !important;
  }
  .border-lg-right {
    border-right: 1px solid #c6c6c9 !important;
  }
  .border-lg-right-not {
    border-right: none !important;
  }
  .border-lg-top {
    border-top: 1px solid #c6c6c9 !important;
  }
  .border-lg-top-not {
    border-top: none !important;
  }
  .mode-light .border-lg,
  .mode-light .border-lg-bottom,
  .mode-light .border-lg-left,
  .mode-light .border-lg-right,
  .mode-light .border-lg-top {
    border-color: #1a1c1e !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .m-lg-6 {
    margin: 2.5rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 2rem !important;
  }
  .mt-lg-6 {
    margin-top: 2.5rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 2rem !important;
  }
  .me-lg-6 {
    margin-right: 2.5rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 2.5rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 2rem !important;
  }
  .ms-lg-6 {
    margin-left: 2.5rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .me-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ms-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .me-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ms-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .me-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ms-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .me-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ms-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -2rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -2rem !important;
  }
  .me-lg-n5,
  .mx-lg-n5 {
    margin-right: -2rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -2rem !important;
  }
  .ms-lg-n5,
  .mx-lg-n5 {
    margin-left: -2rem !important;
  }
  .m-lg-n6 {
    margin: -2.5rem !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -2.5rem !important;
  }
  .me-lg-n6,
  .mx-lg-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ms-lg-n6,
  .mx-lg-n6 {
    margin-left: -2.5rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .p-lg-6 {
    padding: 2.5rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-lg-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-6 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 2rem !important;
  }
  .pt-lg-6 {
    padding-top: 2.5rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 2rem !important;
  }
  .pe-lg-6 {
    padding-right: 2.5rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 2.5rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 2rem !important;
  }
  .ps-lg-6 {
    padding-left: 2.5rem !important;
  }
  .pull-lg-left,
  .pull-lg-start {
    float: left !important;
  }
  .pull-lg-right,
  .pull-lg-end {
    float: right !important;
  }
  .pull-lg-not {
    float: none !important;
  }
  .text-left-lg-not,
  .text-start-lg-not,
  .text-center-lg-not,
  .text-right-lg-not,
  .text-end-lg-not,
  .text-justify-lg-not {
    text-align: inherit !important;
  }
  .text-lg-left,
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-right,
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .nojs-lg-block {
    display: block !important;
  }
  .nojs-lg-inline {
    display: inline !important;
  }
  .nojs-lg-inline-block {
    display: inline-block !important;
  }
  .top-lg-0 {
    top: 0;
  }
  .bottom-lg-0 {
    bottom: 0;
  }
  .start-lg-0 {
    left: 0;
  }
  .end-lg-0 {
    right: 0;
  }
}
/****************** limit xs ******************/
@media (max-width: 767px) {
  .sr-xs-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .height-xs-auto {
    min-height: auto !important;
  }
  .container-xs-fluid {
    width: auto !important;
  }
}
/****************** limit sm ******************/
@media (min-width: 768px) and (max-width: 991px) {
  .sr-sm-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .height-sm-auto {
    min-height: auto !important;
  }
  .container-sm-fluid {
    width: auto !important;
  }
}
/****************** limit md ******************/
@media (min-width: 992px) and (max-width: 1199px) {
  .sr-md-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .height-md-auto {
    min-height: auto !important;
  }
  .container-md-fluid {
    width: auto !important;
  }
}
/****************** limit lg ******************/
@media (min-width: 1200px) {
  .sr-lg-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .height-lg-auto {
    min-height: auto !important;
  }
  .container-lg-fluid {
    width: auto !important;
  }
}
/****************** media print ******************/
@media print {
  .panel-cards picture {
    width: max-content;
  }
}
/*****************************************************
    @IMPORT
    Foglio stile Forms - (c) Poste Italiane 2023/2024
*****************************************************/
/* Esiti applicativi */
#content-outcome {
  padding: 64px 0;
}

/* Login */
.login-content {
  background-image: radial-gradient(35% 35%, #eedc00 100%, #fff);
  background-repeat: no-repeat;
  background-size: 200% 100%;
  border-radius: 4px;
  background-position: center bottom -320px;
}

/**/
/* Form */
fieldset.separator,
hr.separator {
  border-bottom: 8px solid #f0f0f3;
  padding-bottom: 8px;
}

hr.separator {
  border-top: none;
  margin-bottom: 0;
  width: 100%;
}

.form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  margin-top: 0rem;
}

.form-group.form-group-abs {
  margin-top: 1.75rem;
}

.control-label,
.label-like {
  color: #5d5e61;
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  line-height: 1.25rem;
}

.form-group.form-group-abs .control-label,
.form-group.form-group-abs .label-like {
  font-size: 1rem;
  line-height: 1.5rem;
}

legend.control-label,
legend.label-like {
  border: none;
}

.form-group .note {
  text-align: left;
  font-style: italic;
  font-size: 0.75rem;
  letter-spacing: 0.6px;
  line-height: 1.125rem;
  display: block;
  margin-left: 0;
  margin-top: 0.125rem;
  color: #5d5e61;
}

.form-group.form-group-abs label,
.form-group.form-group-abs .label-like {
  left: 8px;
  top: 0.375rem;
  cursor: text;
  display: block;
  max-width: calc(100% - 16px);
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  z-index: 3;
  position: absolute;
  transition: 0.2s ease-out;
}

.form-group.form-group-abs label.active,
.form-group.form-group-abs label.stable {
  transform: translateY(-116%);
  font-size: 0.875rem;
  z-index: 8;
  background-color: #fff;
  top: 0;
  left: 0 !important;
  padding: 0;
}

.form-group.form-group-abs .label-like.stable,
.form-group.form-group-abs .control-label.label-like.stable {
  transform: translateY(-116%);
  left: 0;
}

.form-group.form-group-abs .control-label.label-like.stable {
  top: 0;
  left: 0;
  font-size: 0.875rem;
}

.form-group.form-group-abs .label-like.stable {
  top: 0px;
}

/*
.form-inline .form-group label {
  max-width: 100%;
  top: 14px;
  left: 0;
}
*/
.form-inline .form-check {
  display: inline-block;
  margin-right: 1.5rem;
  margin-top: 0.5rem;
}

.form-group.form-group-abs .form-control-static {
  padding-left: 8px;
  padding-right: 8px;
}

.form-control-static {
  padding-top: 7px;
  min-height: 2.5rem;
  color: #5d5e61;
}

.label-like {
  font-size: 0.875rem;
}

.form-control {
  background-color: #fff;
  display: block;
  width: 100%;
  background-image: none;
  color: #1a1c1e;
  font-size: 1rem;
  border-radius: 0;
}

.form-group .form-control:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.form-group:not(.has-error, .has-warning, .has-success) .form-control:focus,
.form-group:not(.has-error, .has-warning, .has-success) .focus-siblings,
.form-group:not(.has-error, .has-warning, .has-success) .form-control.focus-siblings {
  border-color: #0047bb;
  border-width: 2px;
}

.has-error .form-control,
.has-warning .form-control,
.has-success .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group:not(.form-group-abs) label .icon {
  height: 1.25rem;
  vertical-align: unset;
}

label .icon img,
.label-like .icon img {
  padding-bottom: 4px;
  width: 1.25rem;
}

.has-error label.active .icon img,
.has-warning label.active .icon img,
.has-success label.active .icon img {
  width: 1.25rem;
}

.has-error .form-control {
  border-color: #ba1b1b !important;
  border-bottom-width: 2px;
  color: inherit;
}

.has-warning .form-control {
  border-color: #df7400 !important;
  border-bottom-width: 2px;
  color: inherit;
}

.has-success .form-control {
  border-color: #006d36 !important;
  border-bottom-width: 2px;
}

.has-error .form-control:focus,
.has-warning .form-control:focus,
.has-success .form-control:focus,
.has-error .form-control.focus-siblings,
.has-warning .form-control.focus-siblings,
.has-success .form-control.focus-siblings {
  border-width: 2px;
}

.has-error textarea.form-control,
.has-warning textarea.form-control,
.has-success textarea.form-control {
  border-width: 2px;
}

.has-error .input-group-addon,
.has-warning .input-group-addon,
.has-success .input-group-addon {
  color: inherit;
  background-color: transparent;
  border-width: 2px;
}

.has-error .input-group-addon.focus-siblings,
.has-warning .input-group-addon.focus-siblings,
.has-success .input-group-addon.focus-siblings {
  border-width: 2px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #ba1b1b;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #df7400;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #006d36;
}

.form-group-lg .form-control,
.form-group-lg select.form-control {
  height: 2.25rem;
  padding: 0 0 0 8px;
  font-size: 16px;
  line-height: 2.25rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

input[type=file],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea,
select.form-control {
  border: none;
  border-bottom: 1px solid #909194;
  padding: 0px 8px;
  height: 2.5rem;
  width: 100%;
  box-shadow: none;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 1.25rem;
  background-position: right center;
  background-image: url("/assets-da/core/img/iconset/007a-expand-more-m.svg");
  background-repeat: no-repeat;
  background-size: 1.25rem;
}

.form-searchbar {
  position: relative;
}

.form-searchbar .form-control {
  height: 3.75rem;
  border: 1px solid #909194;
  background-color: #fff;
  border-radius: 1.875rem;
  padding: 0.5rem 3.75rem 0.5rem 2rem;
}

.form-searchbar .form-control:focus {
  border-width: 2px;
  border-color: #0047bb;
}

.form-searchbar .form-control[disabled],
.form-searchbar .form-control[readonly] {
  border: 2px dashed #c6c6c9;
}

.form-searchbar .btn {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group-addon {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #909194;
  font-size: 16px;
  padding: 0px 8px;
  position: relative;
  border-radius: 0;
}

.input-group .form-control:has(+ .input-group-addon:not(.input-group-addon-decimals)) {
  border-top: none;
  border-left: none;
  border-right: none;
  padding-right: 8px;
}

.input-group .input-group-addon + .form-control {
  border-left: none;
  padding-left: 8px;
}

.input-group .input-group-addon:has(> .form-control) {
  border: none;
}

.input-group > .input-group-addon:first-child {
  padding-right: 8px;
}

.input-group > .input-group-addon:has(> .form-control):first-child {
  padding-right: 0;
  padding-left: 0;
}

.input-group > .input-group-addon:last-child {
  padding-left: 8px;
}

.input-group .input-group-addon:has(+ .form-control) > .form-control {
  border-radius: 0 !important;
  border-right: none;
}

.input-group .form-control:has(+ .input-group-addon-decimals) {
  border-radius: 0 !important;
}

.input-group .input-group-addon-decimals > .form-control {
  border-radius: 0 !important;
}

.input-group-addon a,
.input-group-addon .btn-addon {
  display: inline-block;
  line-height: 1.75rem;
  border-radius: 4px;
}

.input-group-addon .icon {
  width: 30px;
}

.input-group-addon .icon svg {
  fill: #1a1c1e;
  color: #1a1c1e;
}

.input-group-addon-decimals {
  border-bottom: none !important;
  border-left: 1rem solid #fff !important;
  padding: 0;
}

.input-group-addon-decimals input.form-control {
  text-align: center;
  min-width: 2.25rem;
}

.input-group-addon-decimals::before {
  content: ",";
  position: absolute;
  left: -1rem;
  bottom: -2px;
  width: 1rem;
}

.input-group-addon-prefix {
  border-bottom: none !important;
  padding: 0;
}

.input-group-addon-prefix .form-control {
  min-width: 5.725rem;
}

.input-group-addon-disabled {
  background-color: transparent;
  border: none;
  border-bottom: 2px dashed #c6c6c9;
  color: #909194;
}

.input-group-addon-disabled .icon {
  display: none;
}

.form-group.disabled .control-label {
  color: #909194;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
  border: none;
  border-bottom: 2px dashed #c6c6c9;
  color: #909194;
}

textarea.form-control[disabled],
textarea.form-control[readonly],
fieldset[disabled] textarea.form-control {
  border: 2px dashed #c6c6c9;
}

/*placeholder default group*/
.form-control::-moz-placeholder {
  color: #5d5e61 !important;
}

.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
  color: #5d5e61 !important;
}

.form-control::-webkit-input-placeholder {
  color: #5d5e61 !important;
}

/*placeholder warning group*/
.has-warning .form-control::-moz-placeholder {
  color: #1a1c1e !important;
}

.has-warning .form-control:-ms-input-placeholder,
.has-warning .form-control::-ms-input-placeholder {
  color: #1a1c1e !important;
}

.has-warning .form-control::-webkit-input-placeholder {
  color: #1a1c1e !important;
}

/*placeholder error group*/
.has-error .form-control::-moz-placeholder {
  color: #ba1b1b !important;
}

.has-error .form-control:-ms-input-placeholder,
.has-error .form-control::-ms-input-placeholder {
  color: #ba1b1b !important;
}

.has-error .form-control::-webkit-input-placeholder {
  color: #ba1b1b !important;
}

/*placeholder disabled group*/
.form-control[disabled]::-moz-placeholder,
.disabled .form-control::-moz-placeholder {
  color: #909194 !important;
}

.form-control[disabled]:-ms-input-placeholder,
.form-control[disabled]::-ms-input-placeholder,
.disabled .form-control:-ms-input-placeholder,
.disabled .form-control::-ms-input-placeholder {
  color: #909194 !important;
}

.form-control[disabled]::-webkit-input-placeholder,
.disabled .form-control::-webkit-input-placeholder {
  color: #909194 !important;
}

/* Checkbox e Radio */
.form-check {
  position: relative;
  display: block;
  padding-left: 0;
}

.form-check [type=checkbox],
.form-check [type=radio] {
  position: absolute;
  opacity: 0;
  left: 9px;
  top: 9px;
  margin-left: 0;
  margin-top: 0;
}

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

.form-check [type=checkbox] + label,
.form-check [type=radio] + label {
  position: relative;
  padding-left: 2.25rem !important;
  cursor: pointer;
  display: inline-block;
  min-height: 1.5rem;
  line-height: 1.5rem;
  padding-top: 0.25rem;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: auto;
  text-overflow: initial;
  white-space: initial;
  left: 0;
}

.form-check [type=radio] + label::after,
.form-check [type=radio] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  margin: 0.313rem;
  width: 1.125rem;
  height: 1.125rem;
  z-index: 0;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
}

.form-check [type=radio]:checked + label::before {
  border-color: #0047bb;
}

.form-check [type=radio]:checked + label::after {
  border-color: #0047bb;
  background-color: #0047bb;
  z-index: 0;
  transform: scale(0.3);
}

.form-check [type=radio]:not(:checked) + label::after {
  z-index: -1;
  transform: scale(0);
}

.form-check [type=radio]:not(:checked) + label::after,
.form-check [type=radio]:not(:checked) + label::before {
  border-color: #0047bb;
}

.form-check.has-error [type=radio] + label::before {
  border-color: #ba1b1b;
}

.form-check.has-error [type=radio] + label::after {
  border-color: #ba1b1b;
  background-color: #ba1b1b;
}

.form-check [type=radio]:disabled:checked + label::after {
  border-color: #c6c6c9;
  background-color: #c6c6c9;
}

.form-check [type=radio]:disabled:checked + label::before {
  border-color: #c6c6c9;
  background-color: #e2e2e6;
}

.form-check [type=radio]:disabled:not(:checked) + label::after,
.form-check [type=radio]:disabled:not(:checked) + label::before {
  border-color: #c6c6c9;
  background-color: #e2e2e6;
}

.form-check [type=checkbox] + label::after,
.form-check [type=checkbox] + label::before {
  content: "";
  left: 0;
  position: absolute;
  z-index: 1;
  border-style: solid;
  border-width: 1px;
}

.form-check [type=checkbox] + label::before {
  top: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid #e6e9f2;
  border-top-color: rgb(230, 233, 242);
  border-right-color: rgb(230, 233, 242);
  border-bottom-color: rgb(230, 233, 242);
  border-left-color: rgb(230, 233, 242);
  border-radius: 1px;
  margin: 0.125rem 0.313rem;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}

.form-check [type=checkbox] + label::after {
  border-radius: 4px;
  height: 1.125rem;
  width: 1.125rem;
  margin: 0.45rem 0.31rem;
  top: 0;
}

.form-check [type=checkbox]:checked + label::before {
  top: 0.465rem;
  left: 0.075rem;
  width: 0.4rem;
  height: 0.7rem;
  border-style: solid;
  border-width: 2px;
  border-color: transparent #fff #fff transparent;
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 100% 100%;
  opacity: 1;
}

.form-check [type=checkbox]:checked + label::after {
  border-color: #0047bb;
  background-color: #0047bb;
  z-index: 0;
}

.form-check [type=checkbox]:not(:checked) + label::before {
  width: 0;
  height: 0;
  border-color: transparent;
  left: 0.37rem;
  top: 0.625rem;
}

.form-check [type=checkbox]:not(:checked) + label::after {
  background-color: transparent;
  border-color: #0047bb;
  z-index: 0;
}

.form-check.has-error [type=checkbox]:not(:checked) + label::after {
  border-color: #ba1b1b;
}

.form-check.has-error [type=checkbox]:checked + label::after {
  border-color: #ba1b1b;
  background-color: #ba1b1b;
}

.form-check [type=checkbox]:disabled:checked + label::before {
  border-color: transparent #c6c6c9 #c6c6c9 transparent;
}

.form-check [type=checkbox]:disabled:not(:checked) + label::after {
  border-color: #c6c6c9;
  background-color: #e2e2e6;
}

.form-check [type=checkbox]:disabled:checked + label::after {
  border-color: #c6c6c9;
  background-color: #e2e2e6;
}

.form-check [type=checkbox]:disabled + label,
.form-check [type=radio]:disabled + label {
  cursor: not-allowed;
}

textarea.form-control {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: none;
}

.box-rack:has(.form-check.form-boxed) .box-wrap::before {
  height: 100%;
  width: 100%;
  display: block;
  content: " ";
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}

/*
.box-rack:has(.form-check.form-boxed input[type=radio]:checked:focus) .box-wrap::before{
  border: 2px solid $color_primary_33;
}
*/
.box-rack:has(.form-check.form-boxed input[type=radio]:checked) .box-wrap::before {
  border: 2px solid #0047bb;
}

.box-rack:has(.form-check.form-boxed input[type=radio]:checked) {
  background-color: #f2f8ff;
}

.box-recommended.box-rack:has(.form-check.form-boxed) {
  border-color: transparent;
}

.box-recommended.box-rack:has(.form-check.form-boxed) .box-wrap::before {
  border: 1px solid #eedc00;
}

.box-rack:has(.form-check.form-boxed) .control-label {
  font-weight: 600;
  color: #1a1c1e;
}

/* Square control radio/checkbox */
.square-control .square-control-label {
  position: relative;
  display: flex;
}

.square-control .square-control-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.square-control .square-control-label .square-control-button {
  /* width: calc(9.375rem - 2px); */
  /* height: calc(6.25rem - 2px); */
  width: 100%;
  /*min-width: 125px;*/
  min-height: 100px;
  aspect-ratio: 4/3;
  /*width: clamp(200px, 50%, 400px);*/
  border-radius: 0.5rem;
  background-color: #F2F8FF;
  color: #000;
  border: 1px solid #D8D8D8;
  padding: 0.5rem;
  display: flex;
}

.square-control .square-control-label .square-control-button:hover {
  cursor: pointer;
}

.square-control .square-control-label input:checked ~ .square-control-button {
  border: 2px solid #0047BB;
  /*
  background-color: #F2F8FF;
  width: calc(9.375rem - 4px);
  height: calc(6.25rem - 4px);
  */
}

.square-control .square-control-label .square-control-button-icon {
  width: 1.375rem;
  height: 1.375rem;
  position: relative;
}

.square-control .square-control-label .square-control-button-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.square-control .square-control-label .square-control-button-label {
  align-self: flex-end;
  margin-left: -1.25rem;
  margin-bottom: 0;
}

.ratio-2-1 {
  aspect-ratio: 2/1 !important;
}

.ratio-3-7 {
  aspect-ratio: 3/7 !important;
}

.ratio-16-9 {
  aspect-ratio: 16/9 !important;
}

/* riepiloghi */
/*
.box-summary .form-group {
  padding-bottom: 0.75rem;
  margin-top: 0.75rem;
}
*/
.box-summary .label-like {
  display: block;
}

.box-summary.box-rack {
  padding: 24px;
}

.box-summary .form-control-static {
  padding-top: 0rem;
  padding-bottom: 0;
  min-height: auto;
  color: #1a1c1e;
}

.box-summary .form-control-static .icon svg {
  fill: #1a1c1e;
  color: #1a1c1e;
}

.form-otp {
  margin: 0;
}

.form-otp .form-group {
  display: block;
}

.form-otp .form-group .input-group {
  width: 100%;
}

.form-otp .form-group .input-group label {
  background-color: transparent;
}

.form-otp .form-group .input-group input {
  width: 2rem;
  margin: 0 0.5rem 0 0;
  padding: 0.5rem;
  text-align: center;
  border-radius: 0 !important;
}

.box-summary .form-group {
  margin-top: 0;
}

.form-group label .icon img,
.form-group .label-like .icon img {
  padding-bottom: 2px;
}

/*
.form-inline > .btn-xs{
  margin-top:-4px!important;
}
*/
.box-summary.box-receipt {
  border: 1px dashed #909194;
  margin-bottom: 24px;
}

.box-summary.box-receipt .box-body {
  padding: 24px;
}

.box-summary.box-receipt hr {
  border-top: 1px dashed #909194;
  margin-top: 16px;
  margin-bottom: 16px;
}

/* Panel tile */
.panel-tile {
  border: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-color: #E2E2E6 !important;
  border-radius: 0;
}

.panel-tile .panel-heading {
  border-collapse: collapse;
  padding: 16px 24px !important;
  border-radius: 0;
}

.panel-tile + .panel-tile {
  border-top: none;
}

.panel-tile .panel-heading + .panel-heading {
  border-top: none;
}

.panel-tile .form-control-static {
  min-height: auto;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0.25rem;
  color: #1a1c1e;
}

.panel-tile .tag {
  margin-top: 6px;
}

.panel-tile .tile-row {
  position: relative;
}

.panel-tile .tile-row .tile-col.tile-col-addon {
  margin: 0;
}

.panel-tile .tile-row .tile-col:is(.tile-col-addon + .tile-col) {
  margin-left: 16px;
}

.panel-tile .tile-row .tile-col:has(+ .tile-col-addon) {
  margin-right: 16px;
}

.panel-tile .tile-row .tile-col .form-check [type=checkbox] + label {
  overflow: hidden;
  position: static;
  padding: 0.85rem 0.85rem 1.125rem 0.85rem !important;
}

.panel-tile .tile-row .tile-col .tile-wrap {
  padding: 8px 0;
}

.panel-tile .tile-row .tile-col .tile-wrap .form-group {
  padding-bottom: 0;
}

.panel-group .panel-tile .panel-heading + .panel-collapse > .panel-body {
  background-color: #f2f8ff;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E2E2E6 !important;
  padding: 24px;
}

.panel-group .panel-tile .box-summary hr {
  border-top: 1px solid #909194;
  margin-top: 8px;
  margin-bottom: 16px;
}

/* gestione switch*/
.container-switch label.switch {
  cursor: pointer;
}

.container-switch input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.lever {
  position: relative;
  display: inline-block;
}

.lever .icon {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.5rem;
}

.lever .icon svg {
  fill: #0047bb;
}

.switch input + span.lever {
  background-color: #fff;
  border-color: #0047bb;
  border: 1px solid;
  color: #0047bb;
  padding: 0.125rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.813rem;
  border-radius: 1.875rem;
  font-weight: 600 !important;
  margin-bottom: 0;
}

.switch input + span.lever:hover {
  background-color: #4270e4;
  border-color: #4270e4;
  color: #fff;
  box-shadow: none;
  border-radius: 1.875rem;
}

.switch input:checked + span.lever {
  background-color: #0047bb;
  border-color: #0047bb;
  color: #fff;
  box-shadow: none;
}

.switch.switch-round input + span.lever {
  min-width: 2.19rem;
  padding: 0.125rem;
  text-align: center;
}

.lever:hover .icon svg,
.switch input:checked + .lever .icon svg {
  fill: #fff;
}

.switch input[type=checkbox]:checked + .lever {
  padding-left: calc(3.5rem - 0.5px);
}

.switch input[type=checkbox]:checked + .lever:after {
  background-image: url("/assets-da/core/img/iconset/010a-check-m-neutral100.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  left: 1.25rem;
  top: 0.25rem;
  content: " ";
}

.switch input[type=checkbox]:checked + .lever .icon {
  display: none;
}

.link-lever {
  background-color: #fff;
  border-color: #0047bb;
  border: 1px solid;
  color: #0047bb;
  padding: 0.125px 1.25rem;
  font-size: 0.875rem;
  line-height: 1.813rem;
  border-radius: 1.875rem;
  font-weight: 600 !important;
  margin-bottom: 0;
  display: inline-block;
  text-decoration: none !important;
  white-space: nowrap;
}

.link-lever .icon {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.5rem;
}

.link-lever:hover, .link-lever.active {
  background-color: #4270e4;
  border-color: #4270e4;
  color: #fff;
  box-shadow: none;
  border-radius: 1.875rem;
}

.link-lever.active {
  background-color: #0047bb;
  border-color: #0047bb;
}

.link-lever:hover .icon svg,
.link-lever.active .icon svg {
  fill: #fff;
}

/* gestione toggle */
.toggles, .toggles * {
  appearance: none;
  user-select: none;
}

.container-toggles .toggles label {
  cursor: pointer;
  margin-bottom: 8px;
  height: 2rem;
  line-height: 2rem;
  font-weight: 400;
}

.toggles label.active {
  transform: none;
  font-size: 1rem;
}

.toggles label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggles label input[type=checkbox] + .lever {
  content: "";
  position: relative;
  width: 2.25rem;
  height: 1rem;
  background-color: #e2e2e6;
  border-radius: 2rem;
  transition: background-color 0.3s ease;
  vertical-align: middle;
  /*margin: 8px 10px 0 16px;*/
  /*float: right*/
  display: inline-block;
}

.toggles label input[type=checkbox] + .lever:before,
.toggles label input[type=checkbox] + .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  top: -0.125rem;
  left: -1px;
  transition: left 0.3s ease, background-color 0.1s ease, transform 0.1s ease;
  border: 1px solid #0047bb;
}

.toggles label input[type=checkbox] + .lever:before {
  background-color: #fff;
}

.toggles label input[type=checkbox] + .lever:after {
  background-color: #fff;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/assets-da/core/img/iconset/020a-minus-m-primary33.svg);
}

.toggles label input[type=checkbox]:checked + .lever {
  background-color: #dae2ff;
}

.toggles label input[type=checkbox]:checked + .lever:before,
.toggles label input[type=checkbox]:checked + .lever:after {
  left: 1rem;
}

.toggles label input[type=checkbox]:checked + .lever:after {
  background-color: #0047bb;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #0047bb;
  background-image: url(/assets-da/core/img/iconset/010a-check-m-neutral100.svg);
}

.toggles-disabled {
  color: #e0e0e0;
}

/*
.toggles label input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: #f9f9f9;
  //border: 1px solid #e0e0e0;
}

.toggles label input[type=checkbox][disabled] + .lever:after {
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
}
*/
.toggles label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #4270e4;
  border: 1px solid #4270e4;
}

/* radio segmented control with new classes name */
.radio-segmented-control-wrapper .ctrl-form-group {
  position: static;
  margin: 0;
  padding: 1px;
}

.radio-segmented-control-wrapper .ctrl-form-group label {
  left: 0 !important;
  top: 0 !important;
  cursor: pointer;
  text-align: center;
  width: 50%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-left: 15px;
}

.radio-segmented-control-wrapper .ctrl-btn-group {
  border-radius: 20px;
  background-color: #eef0ff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.radio-segmented-control-wrapper .ctrl-btn {
  display: block;
  width: auto;
}

.radio-segmented-control-wrapper .ctrl-btn.active {
  transform: none;
}

.radio-segmented-control-wrapper .ctrl-btn-xs.ctrl-btn-default:hover::after {
  content: normal;
}

.ctrl-btn-group-expand.ctrl-btn-radio {
  width: 100%;
  display: table;
}

.ctrl-form-group label {
  max-width: calc(100% - 16px);
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  z-index: 3;
  position: absolute;
  transition: 0.2s ease-out;
}

.ctrl-btn-radio .ctrl-btn-default.active {
  background-color: #0047bb !important;
  color: #fff !important;
  border-color: #0047bb !important;
  border-radius: 2rem !important;
}

.radio-segmented-control-wrapper .ctrl-btn radio:focus + label {
  background-color: #0047bb !important;
  color: #fff !important;
  border-color: #0047bb !important;
  border-radius: 2rem !important;
}

.radio-segmented-control-wrapper .ctrl-btn-xs {
  font-size: 0.875rem !important;
}

.ctrl-btn-group-expand.ctrl-btn-radio .ctrl-btn {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}

.ctrl-btn-group-expand-2.ctrl-btn-radio .ctrl-btn {
  width: 50%;
  border-radius: 20px;
}

.ctrl-btn-group-expand-3.ctrl-btn-radio .ctrl-btn {
  width: 33.333%;
}

.ctrl-btn-group-expand-4.ctrl-btn-radio .ctrl-btn {
  width: 25%;
}

.ctrl-btn-group-expand-5.ctrl-btn-radio .ctrl-btn {
  width: 20%;
}

.ctrl-btn-group-expand-6.ctrl-btn-radio .ctrl-btn {
  width: 16.6%;
}

.ctrl-btn-group > .ctrl-btn,
.ctrl-btn-group-vertical > .ctrl-btn {
  position: relative;
  float: left;
}

.ctrl-btn input[type=radio],
.ctrl-btn-group > .ctrl-btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.ctrl-btn-group > .ctrl-btn:hover,
.ctrl-btn-group-vertical > .ctrl-btn:hover,
.ctrl-btn-group > .ctrl-btn:focus,
.ctrl-btn-group-vertical > .ctrl-btn:focus,
.ctrl-btn-group > .ctrl-btn:active,
.ctrl-btn-group-vertical > .ctrl-btn:active,
.ctrl-btn-group > .ctrl-btn.active,
.ctrl-btn-group-vertical > .ctrl-btn.active {
  z-index: 2;
}

.ctrl-btn-xs.ctrl-btn-default {
  padding: 6px 8px;
}

.ctrl-btn-default,
.ctrl-btn-default:hover,
.ctrl-btn-default.focus,
.ctrl-btn-default:focus {
  color: #0047bb;
}

.ctrl-btn {
  font-weight: 600 !important;
}

/* radio segmented control with old classes name (da cancellare quanto situazione stabile) */
.radio-segmented-control-wrapper .form-group {
  position: static;
  margin: 0;
  padding: 0;
}

.radio-segmented-control-wrapper .form-group label {
  width: 50%;
  margin-bottom: 0;
  padding-right: 15px;
  padding-left: 15px;
}

.radio-segmented-control-wrapper .btn-group {
  border-radius: 20px;
  background-color: #eef0ff;
}

.radio-segmented-control-wrapper .btn {
  display: block;
  width: auto;
}

.radio-segmented-control-wrapper .btn.active {
  transform: none;
}

.radio-segmented-control-wrapper .form-group label,
.radio-segmented-control-wrapper .form-group .label-like {
  left: 0 !important;
  top: 0 !important;
  cursor: pointer;
  cursor: hand;
}

.radio-segmented-control-wrapper .btn-xs.btn-default:hover::after {
  content: normal;
}

.btn-group-expand.btn-radio {
  width: 100%;
  display: table;
}

.btn-radio .btn-default.active {
  background-color: #0047bb !important;
  color: #fff !important;
  border-color: #0047bb !important;
  border-radius: 2rem !important;
}

.btn-group-expand.btn-radio .btn {
  display: block;
  /* truncate overflow text */
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}

.btn-group-expand-2.btn-radio .btn {
  width: 50%;
  border-radius: 20px;
}

.btn-group-expand-3.btn-radio .btn {
  width: 33.333%;
}

.btn-group-expand-4.btn-radio .btn {
  width: 25%;
}

.btn-group-expand-5.btn-radio .btn {
  width: 20%;
}

.btn-group-expand-6.btn-radio .btn {
  width: 16.6%;
}

/* list segmented control */
.segments {
  margin: 10px 0 20px;
  padding: 0;
  background-color: #eef0ff;
  list-style: outside none none;
  border-radius: 20px;
  height: 2.25rem;
  line-height: 2.25rem;
  font-weight: 400;
  min-height: 30px;
  width: 100%;
  display: table;
}

.segments > li,
.segments > label {
  display: table-cell;
  float: none;
  text-align: center;
  min-width: 1%;
}

.segments > li a {
  display: block;
  text-decoration: none;
}

.segments > li:first-child .segment-content {
  -webkit-border-radius: 20px 0px 0px 20px;
  -moz-border-radius: 20px 0px 0px 20px;
  -ms-border-radius: 20px 0px 0px 20px;
  border-radius: 20px 0px 0px 20px;
  margin-left: -1px;
}

.segments > li:last-child .segment-content {
  -webkit-border-radius: 0px 20px 20px 0px;
  -moz-border-radius: 0px 20px 20px 0px;
  -ms-border-radius: 0px 20px 20px 0px;
  border-radius: 0px 20px 20px 0px;
  margin-right: -1px;
}

.segments > li .segment-content {
  display: block;
  height: 100%;
  white-space: nowrap;
}

.segments > li.active .segment-content {
  display: block;
  height: 100%;
  background-color: #0047bb;
  border-radius: 2rem;
  color: #fff;
}

.segments.segments-2 > li {
  width: 50%;
}

.segments.segments-3 > li {
  width: 33.333%;
}

.segments.segments-4 > li {
  width: 25%;
}

.segments.segments-5 > li {
  width: 20%;
}

.segments.segments-6 > li {
  width: 16.6%;
}

/* range slider */
.form-range {
  width: 100%;
  height: 2em;
}

.form-range input[type=range] {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-range input[type=range]:focus {
  outline: 0;
}

/*
.form-range input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem orange;
}

.form-range input[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem orange;
}*/
.form-range input[type=range]::-moz-focus-outer {
  border: 0;
}

.form-range input[type=range]::-webkit-slider-thumb {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.45rem;
  background-color: #0047bb;
  border: 0;
  border-radius: 1.5rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

.form-range input[type=range]::-webkit-slider-thumb:active {
  background-color: #0047bb;
}

.form-range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.2rem;
  color: transparent;
  cursor: pointer;
  background-color: #adb5bd;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range input[type=range]::-moz-range-thumb {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #0047bb;
  border: 0;
  border-radius: 1.5rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

.form-range input[type=range]::-moz-range-thumb:active {
  background-color: #0047bb;
}

.form-range input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.2rem;
  color: transparent;
  cursor: pointer;
  background-color: #adb5bd;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range input[type=range]:disabled {
  pointer-events: none;
}

.form-range input[type=range]:disabled::-webkit-slider-runnable-track,
.form-range input[type=range]:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range input[type=range]:disabled::-moz-range-track,
.form-range input[type=range]:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-range input[type=range]::-moz-range-thumb:hover,
.form-range input[type=range]::-webkit-slider-thumb:hover {
  cursor: pointer;
}

/* range slider - rangeBubble */
.form-range {
  position: relative;
  margin: 0 auto 3rem;
}

.form-range input[type=range] {
  width: 100%;
}

.form-range-rangeBubble {
  background: none;
  color: #0047bb;
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
  top: -100%;
}

.form-range-track {
  position: absolute;
  background-color: #0047bb;
  height: 0.4rem;
  border-radius: 0.4rem;
  top: calc(50% - 0.4rem);
}

.form-range-disabled .form-range-track::after {
  position: absolute;
  right: -1.25rem;
  content: " ";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #adb5bd;
  z-index: 3;
  border-radius: 50px;
  top: -0.65rem;
}

/*
.form-range-rangeBubble::after {
content: '';
position: absolute;
width: 2px;
height: 2px;
background: #0047bb;
top: -1px;
left: 50%;
}*/
@media (prefers-reduced-motion: reduce) {
  .form-range input[type=range]::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
/* Progress Bar */
.progress {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 0.75rem;
  background-color: #eef0ff;
  margin-bottom: 16px;
}

.progress-bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #eedc00;
  color: transparent;
  font-weight: 400;
  font-size: 1rem;
  padding: 0 10px;
  text-align: right;
  -webkit-transition: width 0.1s linear;
  transition: width 0.1s linear;
  cursor: default;
  height: 0.75rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  min-width: 1.25rem;
}

.progress.progress-multiple {
  position: relative;
  overflow: visible;
}

.progress.progress-extra-content {
  margin-right: 60px;
}

.progress.progress-multiple .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}

.progress.progress-multiple .progress-bar.progress-bar-extra {
  left: calc(100% + 5px);
  background-image: linear-gradient(to right, transparent 50%, #fff);
}

.progress.progress-multiple .progress-bar.progress-bar-extra::before {
  content: " ";
  height: 1rem;
  width: 1px;
  background-color: #222427;
  position: absolute;
  left: -3px;
  top: -4px;
}

.progress.progress-rounded,
.progress.progress-rounded .progress-bar {
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  border-radius: 1.5rem;
}

.progress.progress-rounded .progress-bar.progress-bar-extra {
  -webkit-border-radius: 0.25rem 0 0 0.25rem;
  -moz-border-radius: 0.25rem 0 0 0.25rem;
  -ms-border-radius: 0.25rem 0 0 0.25rem;
  border-radius: 0.25rem 0 0 0.25rem;
}

.progress-bar span {
  display: none;
}

.content-cart .btn.btn-link {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}

.input-upload .control-label {
  width: 100% !important;
  background-color: transparent !important;
  overflow: visible !important;
}

.input-upload .control-label span {
  background-color: #fff;
  margin-left: -4px;
  padding-left: 4px;
  padding-right: 4px;
}

.input-upload .control-label::after {
  display: block;
  position: absolute;
  content: " ";
  left: -12px;
  width: calc(100% + 16px);
  height: 3rem;
  top: 1rem;
  background-color: transparent;
  cursor: pointer;
}

.input-upload input[type=text] {
  border-style: solid;
  cursor: default;
}

.dragging-upload {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.dragging-upload input[type=file], .input-upload input[type=file] {
  position: absolute;
  left: -9999px;
}

.dragging-upload-percentage {
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 0.4rem;
}

.dragging-upload-percentage:hover {
  border: 1px solid #eef0ff;
  background: #eef0ff;
}

.dragging-upload-bordered {
  border: 2px dashed #0047bb;
  border-radius: 0.4rem;
}

.dragging-upload:hover, .dragging-upload-percentage:hover {
  cursor: grab;
}

@media (min-width: 767px) {
  .form-inline .form-group {
    margin-right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .main-pills-basic.separator,
  .main-pills-xs-basic.separator {
    border-bottom: 8px solid #f0f0f3 !important;
    padding-bottom: 8px !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #content-outcome {
    background-color: #eedc00;
    padding: 32px 0 40px 0;
  }
  .box-summary.box-rack {
    padding: 16px;
  }
  .box-summary.box-receipt .box-body {
    padding: 16px;
  }
  .box-summary.box-receipt {
    margin-bottom: 16px;
  }
  .select-cyan {
    background-color: #eef0ff;
    padding: 2px 16px;
    border-radius: 4px;
    line-height: 1.75rem;
  }
  .select-cyan select.form-control {
    background-color: #eef0ff;
    border-bottom: 0;
  }
  .form-otp .form-group .input-group input {
    margin: 0 0.25rem 0 0;
  }
  .panel-tile .panel-heading {
    padding: 8px 16px !important;
  }
  .panel-tile .tile-row .tile-col {
    margin: 0;
  }
  .panel-tile .tile-row .tile-col + .tile-col-addon {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
  }
  /* Carrello */
  .content-cart h1 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 0;
  }
  .abstract-cart .cart-promoimg {
    max-width: 100px;
  }
  .abstract-cart .price-detail,
  .abstract-cart .price-info {
    margin-bottom: 0.125rem;
  }
  .abstract-cart .price-detail .price-value,
  .abstract-cart .price-detail .price-subvalue,
  .abstract-cart .price-detail .price-supvalue,
  .abstract-cart .price-detail .price-currency,
  .abstract-cart .price-detail .price-supcurrency,
  .abstract-cart .price-detail .price-subcurrency {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .form-otp .form-group .input-group input {
    margin: 0 0.25rem 0 0;
  }
  /* Carrello */
  .abstract-cart .cart-promoimg {
    max-width: 100px;
  }
  .abstract-cart .price-detail,
  .abstract-cart .price-info {
    margin-bottom: 0.125rem;
  }
  .abstract-cart .price-detail .price-value,
  .abstract-cart .price-detail .price-subvalue,
  .abstract-cart .price-detail .price-supvalue,
  .abstract-cart .price-detail .price-currency,
  .abstract-cart .price-detail .price-supcurrency,
  .abstract-cart .price-detail .price-subcurrency {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding: 0 !important;
  }
}
/*****************************************************
    @IMPORT
    Foglio stile Campaign - (c) Poste Italiane 2023/2024
*****************************************************/
/******************* Banner Campagna Alfa *******************/
.campaign-alfa {
  position: relative;
  overflow: hidden;
  background-color: #f2f8ff;
  /* 
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid $color_neutral_90;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  */
  border: 1px solid #F3F3F3;
  -webkit-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.campaign-alfa.campaign-scroll {
  max-height: 362px;
  overflow: initial;
}

.campaign-alfa-left .campaign-text-wrap,
.campaign-alfa-right .campaign-text-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 360px;
  overflow-y: auto;
  padding: 24px;
  background-color: #f2f8ff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: calc(100% - 500px);
}

.campaign-alfa-left .campaign-text-wrap {
  margin-left: -10px;
  float: right;
}

.campaign-alfa-right .campaign-text-wrap {
  margin-right: -10px;
  float: left;
}

.campaign-alfa-left .campaign-text-wrap .box-editable-area,
.campaign-alfa-right .campaign-text-wrap .box-editable-area {
  align-self: stretch;
  height: 100%;
  overflow: auto;
}

.campaign-alfa-left .campaign-text-wrap .disclaimer,
.campaign-alfa-right .campaign-text-wrap .disclaimer {
  margin-right: 7.5rem;
}

.campaign-alfa-left .campaign-text-wrap .disclaimer p,
.campaign-alfa-right .campaign-text-wrap .disclaimer p {
  margin-bottom: 0;
}

.campaign-alfa .picture-wrap {
  position: relative;
  height: 360px;
  overflow: hidden;
  width: 500px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.campaign-alfa-left .picture-wrap.picture-wrap {
  float: left;
}

.campaign-alfa-right .picture-wrap.picture-wrap {
  float: right;
}

.campaign-alfa .picture-wrap picture {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.campaign-alfa-left .picture-wrap picture {
  left: -10px;
}

.campaign-alfa-right .picture-wrap picture {
  left: -10px;
}

.campaign-alfa .picture-wrap picture img {
  max-width: initial;
  width: 520px;
  height: auto;
}

.campaign-alfa .slick-arrow {
  top: auto;
  bottom: 2px;
  z-index: 2;
}

/* arrow mod oneapp */
.campaign-alfa .slick-arrow {
  border: none;
}

.campaign-alfa .slick-arrow:hover {
  background-color: transparent;
}

.campaign-alfa .slick-arrow .slick-next-icon,
.campaign-alfa .slick-arrow .slick-prev-icon {
  background-size: 18px;
}

.campaign-alfa .slick-arrow.slick-prev {
  right: 4.25rem;
}

.campaign-alfa .slick-arrow::before {
  content: " ";
  border: 1px solid #0047bb;
  width: 70%;
  height: 70%;
  display: block;
  background-color: transparent;
  position: absolute;
  top: 15%;
  left: 15%;
  border-radius: 1rem;
  z-index: -1;
}

.campaign-alfa .slick-arrow:hover::before {
  background-color: #4270e4;
}

/* arrow mod oneapp end */
.campaign-alfa.campaign-alfa-right .slick-prev {
  left: calc(100% - 37.75rem);
  right: initial;
}

.campaign-alfa.campaign-alfa-right .slick-next {
  left: calc(100% - 35rem);
  right: initial;
}

/******************* Banner Hero *******************/
body.no-js #content-abstract-hero {
  visibility: hidden !important;
}

#content-abstract-hero {
  padding: 0;
  margin-bottom: 16px;
  /*background-color: $color_primary_97;*/
  position: relative;
  /*overflow: hidden;*/
}

/*
#content-abstract-hero::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 3.75rem;
    background-image: url(/assets-da/core/img/bg/bg-pattern-cyan-01.png);
    background-position: bottom center;
    bottom: -18px;
    content: " ";
    z-index: -1;
}
*/
#content-abstract-hero h2 {
  font-size: 2.25rem;
  line-height: 44px;
  letter-spacing: 0.24px;
  font-weight: 600;
  margin-top: 0;
}

#content-abstract-hero .hero-h-scroll {
  margin-bottom: 1.875rem;
}

#content-abstract-hero .hero-h-scroll .content-wrap {
  height: 29.375rem;
  overflow: hidden;
  background-repeat: repeat-x;
  background-size: cover;
}

#content-abstract-hero .hero-h-scroll .abstract-wrap {
  height: 26.375rem;
}

#content-abstract-hero .hero-h-scroll .abstract-wrap:first-child {
  height: auto;
  z-index: 1;
}

#content-abstract-hero .hero-h-scroll .slick-list {
  overflow: initial;
}

#content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap picture {
  position: absolute;
  top: auto;
  bottom: -2rem;
}

#content-abstract-hero .hero-h-scroll .slick-slide .concept-b .picture-wrap picture img {
  max-width: 940px;
  max-height: 470px;
}

#content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap .picture-pattern {
  position: absolute;
  content: " ";
  z-index: -1;
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-00.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: auto 470px;
  width: 940px;
  height: 470px;
  top: auto;
  left: 0;
  bottom: -32px;
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap .picture-pattern.pattern-01 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-01.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap .picture-pattern.pattern-02 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-02.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract-hero .hero-h-scroll .slick-slide .mode-dark .picture-wrap .picture-pattern.pattern-02 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-dark-02.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap .picture-pattern.pattern-03 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-03.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap .picture-pattern.pattern-04 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-04.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract-hero picture.picture-complete::before {
  display: none;
}

/* content-abstract-hero controls */
#content-abstract-hero .hero-h-scroll-controls {
  position: relative;
  z-index: 1;
}

#content-abstract-hero .hero-h-scroll-controls .col-sm-12 {
  min-height: 0;
}

#content-abstract-hero .hero-h-scroll-controls .controls-wrap.controls-wrap-bottom {
  position: absolute;
  bottom: 11px;
  width: 100%;
  height: 1.5rem;
  left: 0;
}

#content-abstract-hero .hero-arrows,
#content-abstract-hero .slick-dots-hero-progressive {
  position: relative;
  width: 100%;
}

#content-abstract-hero .slick-dots-hero-progressive .slick-dots {
  position: relative;
  width: auto;
  display: inline-block;
}

#content-abstract-hero .slick-dots-hero-progressive {
  bottom: auto;
  left: 3.125rem;
}

#content-abstract-hero .slick-dots-hero-progressive .slick-dots {
  text-align: left;
  bottom: auto;
}

#content-abstract-hero .slick-dots li button {
  background-color: #5d5e61;
  border-color: #5d5e61;
  border: 0;
}

#content-abstract-hero .slick-dots li.slick-active button {
  background-color: #909194;
  border-color: #909194;
}

#content-abstract-hero .slick-dots-hero-progressive .slick-dots .prog-dots {
  position: absolute;
  border-radius: 3px;
  max-width: calc(100% - 2px);
}

#content-abstract-hero .slick-autoplay-toggle-button {
  left: calc(50% - 576px);
  bottom: -1.85rem;
  color: #0047bb;
  opacity: 1;
}

#content-abstract-hero .hero-h-scroll-controls .controls-wrap.controls-wrap-top {
  position: absolute;
  top: 80px;
  width: calc(100% - 24px);
}

#content-abstract-hero .hero-arrows {
  width: 100%;
}

#content-abstract-hero .hero-arrows .slick-prev,
#content-abstract-hero .hero-arrows .slick-next {
  top: 40px;
  background: transparent;
  border-radius: 0.25rem;
}

#content-abstract-hero .hero-arrows .slick-next .slick-next-icon,
#content-abstract-hero .hero-arrows .slick-prev .slick-prev-icon {
  background-image: url("/assets-da/core/img/ico/ico-campaign-arrow.png");
  background-size: auto;
  height: 2.25rem;
  width: 2.25rem;
  transition: all 0.5s;
}

#content-abstract-hero .hero-arrows .slick-prev .slick-prev-icon {
  background-position: left;
}

#content-abstract-hero .hero-arrows .slick-next .slick-next-icon {
  background-position: right;
}

#content-abstract-hero .hero-arrows .slick-prev {
  left: 0.5rem;
  right: auto;
}

#content-abstract-hero .hero-arrows .slick-next {
  right: 0.5rem;
  left: auto;
}

#content-abstract-hero .hero-arrows .slick-prev::before,
#content-abstract-hero .hero-arrows .slick-next::before {
  border: none;
}

#content-abstract-hero .hero-arrows .slick-prev:hover,
#content-abstract-hero .hero-arrows .slick-next:hover {
  cursor: pointer;
}

#content-abstract-hero .hero-arrows .slick-prev:hover::before,
#content-abstract-hero .hero-arrows .slick-next:hover::before {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

@media (max-width: 767px) {
  .campaign-alfa {
    border: 1px solid #e2e2e6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  /******************* Banner Campagna Alfa *******************/
  .campaign-alfa.campaign-scroll {
    max-height: none;
  }
  .main-pills .campaign-alfa h2,
  .main-pills .campaign-alfa .h2 {
    text-align: left;
  }
  .campaign-alfa-right .campaign-text-wrap,
  .campaign-alfa-left .campaign-text-wrap {
    float: none;
    margin-left: 0;
    margin-right: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    margin-top: 0px;
    height: auto;
    min-height: auto;
    padding: 1rem;
  }
  .campaign-alfa .picture-wrap {
    height: auto;
    min-height: auto;
    float: none !important;
    width: 100% !important;
  }
  .campaign-alfa .picture-wrap picture {
    position: relative;
    top: auto;
    left: auto;
    z-index: 0;
  }
  .campaign-alfa-left .picture-wrap.picture-wrap picture {
    right: auto;
  }
  .campaign-alfa-right .picture-wrap.picture-wrap picture {
    right: auto;
  }
  .campaign-alfa .picture-wrap picture img {
    max-width: 100%;
    width: 743px;
    height: auto;
  }
  .campaign-alfa .slick-prev {
    left: initial !important;
    right: 3.75rem !important;
  }
  .campaign-alfa .slick-next {
    left: initial !important;
    right: 1rem !important;
  }
  /******************* Banner Hero *******************/
  #content-abstract-hero .abstract-heading {
    text-align: center;
  }
  #content-abstract-hero h2 {
    font-size: 1.75rem;
    line-height: 36px;
  }
  #content-abstract-hero .abstract-subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #content-abstract-hero .slick-list {
    transition: all 0.3s linear;
    overflow: hidden !important;
  }
  #content-abstract-hero .hero-h-scroll .content-wrap,
  #content-abstract-hero .hero-h-scroll .abstract-wrap {
    height: auto;
  }
  #content-abstract-hero .hero-h-scroll .abstract-wrap {
    min-height: 200px;
  }
  #content-abstract-hero .hero-h-scroll .abstract-wrap:first-of-type {
    display: flex;
    align-items: center;
    height: 310px;
  }
  #content-abstract-hero .hero-h-scroll .picture-wrap {
    padding-top: 270px;
  }
  #content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap picture {
    left: 50%;
    transform: translateX(-50%);
    bottom: -2rem;
  }
  #content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap .picture-pattern {
    left: 50%;
    transform: translateX(-50%);
    width: 880px;
    height: 270px;
    background-size: auto 270px;
    background-position: bottom center;
    animation: none;
  }
  #content-abstract-hero .hero-h-scroll .slick-slide .concept-b .picture-wrap picture img {
    max-height: 270px;
  }
  #content-abstract-hero .hero-h-scroll-controls .controls-wrap.controls-wrap-top {
    top: 440px;
  }
  #content-abstract-hero .hero-h-scroll-controls .controls-wrap.controls-wrap-bottom {
    left: 0px;
    width: 100%;
  }
  #content-abstract-hero .slick-dots-hero-progressive .slick-dots .prog-dots {
    display: none;
  }
  #content-abstract-hero .slick-autoplay-toggle-button {
    left: 12px;
  }
  /*
  #content-abstract-hero::after {
      bottom: -22px;
  }
  */
}
@media (min-width: 768px) and (max-width: 991px) {
  #content-abstract-hero h2 {
    font-size: 1.75rem;
    line-height: 36px;
  }
  #content-abstract-hero .abstract-subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #content-abstract-hero .hero-h-scroll .content-wrap {
    height: 25.313rem;
  }
  #content-abstract-hero .hero-h-scroll .abstract-wrap {
    height: 22.313rem;
  }
  #content-abstract-hero .hero-h-scroll .abstract-wrap {
    min-height: 200px;
  }
  #content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap picture {
    bottom: -2rem;
  }
  #content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap .picture-pattern {
    background-position: bottom left;
    background-size: auto 405px;
    height: 405px;
  }
  #content-abstract-hero .hero-h-scroll .slick-slide .concept-b .picture-wrap picture img {
    max-height: 405px;
  }
  #content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap picture.picture-complete img {
    max-width: 680px;
    max-height: none;
  }
  #content-abstract-hero .slick-autoplay-toggle-button {
    left: calc(50% - 364px);
  }
  #content-abstract-hero .hero-h-scroll-controls .controls-wrap.controls-wrap-top {
    top: 155px;
  }
  #content-abstract-hero .slick-list {
    height: auto !important;
  }
  #content-abstract-hero .slick-dots li button {
    width: 2.875rem;
    height: 0.375rem;
  }
  .campaign-alfa-left .campaign-text-wrap,
  .campaign-alfa-right .campaign-text-wrap {
    width: calc(100% - 350px);
  }
  .campaign-alfa .picture-wrap {
    width: 350px;
  }
  .campaign-alfa-left .picture-wrap picture {
    left: -86px;
  }
  .campaign-alfa-right .picture-wrap picture {
    left: -86px;
  }
  .campaign-alfa .picture-wrap picture img {
    width: 520px;
    height: auto;
  }
  .campaign-alfa.campaign-alfa-right .slick-prev {
    left: initial;
    right: calc(100% - 19rem);
  }
  .campaign-alfa.campaign-alfa-right .slick-next {
    left: initial;
    right: calc(100% - 21.75rem);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #content-abstract-hero .abstract-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  #content-abstract-hero .hero-h-scroll-controls .controls-wrap.controls-wrap-top {
    top: 170px;
  }
  #content-abstract-hero .slick-dots li button {
    width: 2.875rem;
    height: 0.375rem;
  }
  #content-abstract-hero .slick-autoplay-toggle-button {
    left: calc(50% - 470px);
  }
  #content-abstract-hero .slick-list {
    height: auto !important;
  }
  /*
  #content-abstract-hero .hero-h-scroll .slick-slide .concept-b .picture-wrap picture img {
      max-height: 400px;
  }

  #content-abstract-hero .hero-h-scroll .slick-slide .picture-wrap .picture-pattern{
      background-size: auto 400px;
  }
  */
  #content-abstract-hero .slick-prev-icon,
  #content-abstract-hero .slick-next-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
  #content-abstract-hero .slick-prev::before,
  #content-abstract-hero .slick-next::before {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 3rem;
    top: auto;
    left: auto;
  }
  .campaign-alfa-left .campaign-text-wrap,
  .campaign-alfa-right .campaign-text-wrap {
    width: calc(100% - 456px);
  }
  .campaign-alfa .picture-wrap {
    width: 456px;
  }
  .campaign-alfa-left .picture-wrap picture {
    left: -30px;
  }
  .campaign-alfa-right .picture-wrap picture {
    left: -30px;
  }
  .campaign-alfa.campaign-alfa-right .slick-prev {
    left: initial;
    right: calc(100% - 26rem);
  }
  .campaign-alfa.campaign-alfa-right .slick-next {
    left: initial;
    right: calc(100% - 28.75rem);
  }
}
@media (min-width: 1200px) {
  /* content-abstract */
  .slick-list {
    height: auto !important;
  }
  #content-abstract-hero .hero-h-scroll-controls .controls-wrap.controls-wrap-top {
    top: 180px;
  }
  #content-abstract-hero .slick-dots li button {
    width: 2.875rem;
    height: 0.375rem;
  }
  #content-abstract-hero .slick-prev-icon,
  #content-abstract-hero .slick-next-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
  #content-abstract-hero .slick-prev::before,
  #content-abstract-hero .slick-next::before {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 3rem;
    top: auto;
    left: auto;
  }
}
/* Custom cutopoint banner hero (50px limit for left arrow) */
@media (min-width: 768px) and (max-width: 818px) {
  #content-abstract-hero .hero-arrows .slick-prev,
  #content-abstract-hero .hero-arrows .slick-next {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1042px) {
  #content-abstract-hero .hero-arrows .slick-prev,
  #content-abstract-hero .hero-arrows .slick-next {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1250px) {
  #content-abstract-hero .hero-arrows .slick-prev,
  #content-abstract-hero .hero-arrows .slick-next {
    display: none !important;
  }
}
/*****************************************************
    @IMPORT
    Foglio stile Base-Element - (c) Poste Italiane 2023/2024
*****************************************************/
/*

-- @media (max-width: 767px)                            --- xs
-- @media (min-width: 768px) and (max-width: 991px)     --- sm
-- @media (min-width: 992px) and (max-width: 1199px)    --- md
-- @media (min-width: 1200px)                           --- lg
-- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi)


######### Summary default cutpoint #########
- Generic
- Content multiwrap
- Content fedbar
- Content navbar
- Content abstract
- Carousel
- Breadcrumb
- Box
- Cards
- Main-pills
- Panel-pills
- Modal
- Popover
- Media
- Btn
- Vertical nav
- Accordion - Panel
- List
- Offer
- Social Bar
- Pricing
- Table
- Barra di assistenza
- Footer


*/
/* Generic */
html {
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  overflow: auto;
  line-height: 1.5rem;
  background-color: #FDFDFD;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

body.pattern-circle-01,
body.pattern-simple-01,
body.pattern-full-01,
body.pattern-full-02,
body.pattern-full-03,
body.pattern-top-01,
body.pattern-top-02,
body.pattern-bottom-01,
body.pattern-bottom-02 {
  background-repeat: no-repeat;
}

body.pattern-circle-01 {
  background-image: url(/assets-da/core/img/bg/bg-circle-complete.svg);
  background-position: center top;
}

/* pattern simple */
body.pattern-simple-01 {
  background-image: url(/assets-da/core/img/bg/bg-poste-simple-01.svg);
  background-position: center top;
}

/* pattern full */
body.pattern-full-01 {
  background-image: url(/assets-da/core/img/bg/bg-poste-full-01.svg);
  background-position: center top;
}

body.pattern-full-02 {
  background-image: url(/assets-da/core/img/bg/bg-poste-full-02.svg);
  background-position: center top;
}

body.pattern-full-03 {
  background-image: url(/assets-da/core/img/bg/bg-poste-full-03.svg);
  background-position: center top;
}

/* pattern top */
body.pattern-top-01 {
  background-image: url(/assets-da/core/img/bg/bg-poste-top-01.svg);
  background-position: center top;
}

body.pattern-top-02 {
  background-image: url(/assets-da/core/img/bg/bg-poste-top-02.svg);
  background-position: center top;
}

/* pattern bottom */
body.pattern-bottom-01 {
  background-image: url(/assets-da/core/img/bg/bg-poste-bottom-01.svg);
  background-position: center top;
}

body.pattern-bottom-02 {
  background-image: url(/assets-da/core/img/bg/bg-poste-bottom-02.svg);
  background-position: center top;
}

main {
  overflow: hidden;
  word-wrap: break-word;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-top: calc(var(--bs-gutter-y) * -1);
}

.row .col-xs-1,
.row .col-sm-1,
.row .col-md-1,
.row .col-lg-1,
.row .col-xs-2,
.row .col-sm-2,
.row .col-md-2,
.row .col-lg-2,
.row .col-xs-3,
.row .col-sm-3,
.row .col-md-3,
.row .col-lg-3,
.row .col-xs-4,
.row .col-sm-4,
.row .col-md-4,
.row .col-lg-4,
.row .col-xs-5,
.row .col-sm-5,
.row .col-md-5,
.row .col-lg-5,
.row .col-xs-6,
.row .col-sm-6,
.row .col-md-6,
.row .col-lg-6,
.row .col-xs-7,
.row .col-sm-7,
.row .col-md-7,
.row .col-lg-7,
.row .col-xs-8,
.row .col-sm-8,
.row .col-md-8,
.row .col-lg-8,
.row .col-xs-9,
.row .col-sm-9,
.row .col-md-9,
.row .col-lg-9,
.row .col-xs-10,
.row .col-sm-10,
.row .col-md-10,
.row .col-lg-10,
.row .col-xs-11,
.row .col-sm-11,
.row .col-md-11,
.row .col-lg-11,
.row .col-xs-12,
.row .col-sm-12,
.row .col-md-12,
.row .col-lg-12 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-top: var(--bs-gutter-y);
}

.g-0,
.g-0 * {
  --bs-gutter-y: 0rem !important;
  --bs-gutter-x: 0rem !important;
}

.g-1,
.g-1 * {
  --bs-gutter-y: 0.25rem !important;
  --bs-gutter-x: 0.25rem !important;
}

.g-2,
.g-2 * {
  --bs-gutter-y: 0.5rem !important;
  --bs-gutter-x: 0.5rem !important;
}

.g-3,
.g-3 * {
  --bs-gutter-y: 1rem !important;
  --bs-gutter-x: 1rem !important;
}

.g-4,
.g-4 * {
  --bs-gutter-y: 1.5rem !important;
  --bs-gutter-x: 1.5rem !important;
}

.g-5,
.g-5 * {
  --bs-gutter-y: 3rem !important;
  --bs-gutter-x: 3rem !important;
}

.gy-0,
.gy-0 * {
  --bs-gutter-y: 0rem !important;
}

.gy-1,
.gy-1 * {
  --bs-gutter-y: 0.25rem !important;
}

.gy-2,
.gy-2 * {
  --bs-gutter-y: 0.5rem !important;
}

.gy-3,
.gy-3 * {
  --bs-gutter-y: 1rem !important;
}

.gy-4,
.gy-4 * {
  --bs-gutter-y: 1.5rem !important;
}

.gy-5,
.gy-5 * {
  --bs-gutter-y: 3rem !important;
}

.gx-0,
.gx-0 * {
  --bs-gutter-x: 0rem !important;
}

.gx-1,
.gx-1 * {
  --bs-gutter-x: 0.25rem !important;
}

.gx-2,
.gx-2 * {
  --bs-gutter-x: 0.5rem !important;
}

.gx-3,
.gx-3 * {
  --bs-gutter-x: 1rem !important;
}

.gx-4,
.gx-4 * {
  --bs-gutter-x: 1.5rem !important;
}

.gx-5,
.gx-5 * {
  --bs-gutter-x: 3rem !important;
}

.row-fix {
  margin-bottom: -32px;
  display: flex;
  flex-wrap: wrap;
}

/*.row-fix > * {
    //flex: inherit;
}*/
.row-group.row-fix,
.row-group .row-fix {
  margin-bottom: -24px;
}

.row-space {
  margin-top: 24px;
}

p {
  margin: 0 0 8px 0;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  height: 1.5rem;
  width: 1.5rem;
}

.icon svg {
  height: 1.5rem;
  width: 1.5rem;
}

.icon.icon-round {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  padding: 0.25rem;
}

.icon-primary,
.icon-primary svg {
  fill: #0047bb;
  color: #0047bb;
}

.icon-success,
.icon-success svg {
  fill: #006d36;
  color: #006d36;
}

.icon-warning,
.icon-warning svg {
  fill: #df7400;
  color: #df7400;
}

.icon-error,
.icon-error svg {
  fill: #ba1b1b;
  color: #ba1b1b;
}

.icon-disabled,
.icon-disabled svg {
  fill: #c6c6c9;
  color: #c6c6c9;
}

.icon.icon-round.icon-round-yellow {
  background: #fff47e;
}

.icon.icon-round.icon-round-cyan {
  background: #f2f8ff;
}

.icon.icon-round.icon-round-blue {
  background: #0047bb;
}

.icon.icon-round.icon-round-white {
  background: #fff;
}

.icon.icon-round.icon-round-yellow .sr-only {
  color: #0047bb;
  background-color: #fff;
}

.icon.icon-round.icon-round-blue .sr-only {
  color: #fff;
  background-color: #0047bb;
}

.icon.icon-round.icon-round-white .sr-only {
  color: #0047bb;
  background-color: #fff;
}

.icon.icon-round.icon-round-cyan .sr-only {
  color: #0047bb;
  background-color: #fff;
}

.icon.icon-black svg {
  fill: #1a1c1e;
}

.icon.icon-blue svg {
  fill: #0047bb;
}

.icon.icon-white svg {
  fill: #fff;
}

.icon.icon-small-square {
  width: 2rem;
  height: 2rem;
  border-radius: 20%;
  text-align: center;
  vertical-align: middle;
  padding: 0.205rem;
}

.icon.icon-48 {
  width: 48px;
  height: 48px;
}

.icon.icon-64 {
  width: 64px;
  height: 64px;
}

.icon.icon-alert {
  position: relative;
}

.icon.icon-alert::before {
  display: block;
  position: absolute;
  right: 2px;
  top: 6px;
  width: 0.6rem;
  height: 0.6rem;
  content: "";
  border-radius: 50%;
  background-color: red;
  border: 1px solid;
}

#content-navbar .icon.icon-alert:before {
  border-color: #eedc00;
}

#content-fedbar .icon.icon-alert:before {
  border-color: #f2f8ff;
}

.btn-link.collapsed > span[data-obj=in],
.btn-filter.collapsed > span[data-obj=in],
.show-more.collapsed > span[data-obj=in] {
  display: none;
}

.btn-link:not(.collapsed) > span[data-obj=collapsed],
.btn-filter:not(.collapsed) > span[data-obj=collapsed],
.show-more:not(.collapsed) > span[data-obj=collapsed] {
  display: none;
}

.object-state {
  padding: 0 0 0 1.5rem;
  position: relative;
  line-height: normal;
  text-align: left !important;
}

.object-state::after {
  position: absolute;
  content: " ";
  width: 1rem;
  height: 1rem;
  top: 0.35rem;
  left: 0px;
}

.object-state::after {
  background-size: 1rem;
  background-repeat: no-repeat;
  z-index: 1;
}

.object-state.state-success::after {
  background-image: url("/assets-da/app/generic/img/input-state-success.svg");
}

.object-state.state-warning::after {
  background-image: url("/assets-da/app/generic/img/input-state-warning.svg");
}

.object-state.state-error::after {
  background-image: url("/assets-da/app/generic/img/input-state-error.svg");
}

.content {
  margin-bottom: 32px;
}

aside .content,
#content-menu {
  margin-bottom: 0;
}

main .content:last-of-type {
  margin-bottom: 0;
}

main .content:last-of-type:not(.content-multiwrap) {
  padding-bottom: 40px;
}

.content-wrap.content-bg {
  padding-top: 32px;
}

.content-bg {
  padding-bottom: 32px;
  position: relative;
  z-index: 1;
}

.content-bg.concept-b.mode-dark {
  background-color: #0047bb;
}

.content-bg.concept-b.mode-light {
  background-color: #eef0ff;
}

.bg-yellow {
  background-color: #eedc00 !important;
}

.bg-cyan {
  background-color: #f2f8ff !important;
}

.bg-color-custom-01 {
  background-image: url(/assets-da/core/img/bg/bg-gradient-4f806b-1479be.svg);
}

.bg-color-custom-02 {
  background-image: url(/assets-da/core/img/bg/bg-gradient-efb936-efd601.svg);
}

.bg-color-custom-03 {
  background-image: url(/assets-da/core/img/bg/bg-gradient-f4dec7-f3ebea.svg);
}

.bg-color-custom-04 {
  background-image: url(/assets-da/core/img/bg/bg-gradient-53bdec-74d3f3.svg);
}

.bg-color-custom-05 {
  background-image: url(/assets-da/core/img/bg/bg-gradient-e2ebee-81bbe0.svg);
}

.bg-color-custom-06 {
  background-image: url(/assets-da/core/img/bg/bg-gradient-c90e69-b42752.svg);
}

.ellipsis {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.picture-offset img {
  max-width: calc(100% + 24px);
}

.picture-offset.picture-offset-topleft img {
  margin-top: -24px;
  margin-left: -24px;
}

.img-rounded {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.more-content-btn svg {
  width: 1.5rem;
  height: 1.5rem;
}

.close,
.close:hover,
.close:focus {
  opacity: 1;
}

.abs {
  position: absolute;
}

.abs-left {
  left: 0;
}

.abs-right {
  right: 0;
}

.abs-bottom {
  bottom: 0;
}

.abs-top {
  top: 0;
}

/* content */
.content-multiwrap .content-wrap:first-of-type {
  padding-bottom: 0;
}

.content-multiwrap .content-wrap:first-of-type:not(.content-bg) {
  padding-bottom: 16px;
}

.content-multiwrap .content-wrap:last-of-type {
  padding: 16px 0 32px 0;
}

.content-multiwrap .content-wrap.content-bg ~ .content-wrap.content-bg {
  padding-top: 0;
}

.content-multiwrap .content-wrap:first-of-type .content-heading {
  margin-top: 0px;
}

.content-multiwrap .content-wrap:first-of-type:not(.content-bg) .content-heading {
  margin-top: 24px;
}

.content-multiwrap .content-wrap.sr-only:first-of-type + .content-wrap:last-of-type:not(.content-bg) {
  padding: 0;
}

/* content multiwrap with pattern  */
.content-multiwrap.content-multiwrap-pattern {
  padding: 1px 0;
}

.content-multiwrap.content-multiwrap-pattern .content-wrap:first-of-type {
  margin-top: 28px;
  padding-top: 16px;
}

.content-multiwrap.content-multiwrap-pattern .content-wrap:last-of-type {
  margin-bottom: 32px;
}

.content-multiwrap.content-multiwrap-pattern .content-wrap:first-of-type::before,
.content-multiwrap.content-multiwrap-pattern .content-wrap:last-of-type::after {
  content: " ";
  width: 100%;
  height: 28px;
  display: block;
  position: absolute;
  z-index: 1;
  background-color: transparent;
}

.content-multiwrap.content-multiwrap-pattern .content-wrap:first-of-type::before {
  background-position: center top;
  top: -28px;
}

.content-multiwrap.content-multiwrap-pattern .content-wrap:last-of-type::after {
  background-position: center bottom;
  bottom: -28px;
}

.content-multiwrap.content-multiwrap-pattern .content-heading {
  text-align: center;
  margin-top: 0;
}

/* content multiwrap pattern 01 */
.content-multiwrap.content-multiwrap-pattern.pattern-01 .content-wrap:first-of-type::before,
.content-multiwrap.content-multiwrap-pattern.pattern-01 .content-wrap:last-of-type::after {
  background-image: url(/assets-da/core/img/bg/bg-pattern-content-01-cyan.png);
  background-color: transparent;
}

.content-multiwrap.content-multiwrap-pattern.pattern-02 .content-wrap:first-of-type::before,
.content-multiwrap.content-multiwrap-pattern.pattern-02 .content-wrap:last-of-type::after {
  background-image: url(/assets-da/core/img/bg/bg-pattern-content-02-cyan.png);
  background-color: transparent;
}

/* content multiwrap + */
.content-multiwrap + .content-multiwrap {
  margin-top: -32px;
}

#content-main.content-multiwrap:not(.content-multiwrap-pattern) .content-wrap:first-of-type {
  padding-top: 0;
}

/* Content fedbar */
#content-fedbar {
  min-height: 2.75rem;
  background-color: #f2f8ff;
  padding-bottom: 0;
  margin-bottom: 0;
}

#content-fedbar .fedbar-object svg {
  fill: #1a1c1e;
  color: #1a1c1e;
}

#content-fedbar .content-fedbar-wrap {
  justify-content: space-between;
  display: flex;
  margin: 0 -6px 0 0;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav {
  display: flex;
  align-items: center;
  margin: 0;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li {
  display: flex;
  margin: 0 4px;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li:first-child {
  margin-left: 0;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li:last-child {
  margin-right: 0;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li .fedbar-object {
  color: #1a1c1e;
  background-color: inherit;
  border: 0;
  font-size: 1rem;
  padding: 10px;
  height: 38px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

#content-fedbar .pi-targetarea img {
  max-height: 1.625rem;
  vertical-align: top;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li .fedbar-object:hover,
#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li .fedbar-object:focus {
  background-color: transparent;
  color: #0047bb;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li .fedbar-object:hover svg,
#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li .fedbar-object:focus svg {
  fill: #0047bb;
  color: #0047bb;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap ul.nav > li .fedbar-object .icon {
  vertical-align: middle;
  margin-top: -2px;
}

#content-fedbar .pi-targetarea {
  line-height: 1.625rem;
  margin-top: 0.188rem;
  padding: 0.375rem 0.75rem;
  display: inline-block;
  position: relative;
  color: #1a1c1e;
  font-weight: 600;
}

#content-fedbar .pi-targetarea,
#content-fedbar .pi-targetarea:hover,
#content-fedbar .pi-targetarea:focus {
  background: none;
  border: none;
  text-decoration: none;
}

#content-fedbar .pi-targetarea:hover,
#content-fedbar .pi-targetarea:focus {
  color: #0047bb;
}

#content-fedbar .pi-targetarea.active {
  padding: 0.375rem 0.75rem;
  color: #0047bb;
}

#content-fedbar .pi-targetarea.active::after {
  position: absolute;
  bottom: -0.175rem;
  left: 0;
  content: " ";
  width: 100%;
  height: 0.188rem;
  background-color: #0047bb;
  display: block;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -moz-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap .nav > li span:nth-child(2) {
  line-height: 2rem;
  display: inline;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap .nav > li span:nth-child(2) span {
  margin-left: 8px;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap .nav > li .fedbar-object:has(.fedbar-object-login) {
  padding: 6px 10px;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap .nav > li .fedbar-object:has(.icon-circle-progress) {
  padding: 6px 8px;
}

#content-fedbar .content-fedbar-wrap .fedbar-wrap .nav > li .fedbar-object-login {
  overflow: hidden;
  max-width: 10rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

/* percentuale profilo completamento in testata */
.icon-circle-progress {
  position: relative;
}

.circle-progress {
  width: 2rem;
  height: 2rem;
  /*     display: inline-flex;
  justify-content: center;
  align-items: center; */
  border-radius: 50%;
  position: relative;
  z-index: 0;
  display: block;
  top: -0.25rem;
  left: -0.25rem;
  line-height: 2rem;
}

.circle-progress::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 3px;
  background: linear-gradient(#f3f3f3, #f3f3f3) content-box, conic-gradient(#0047bb 0 var(--p1), #e2e2e6 calc(var(--p1) + 0.2%) calc(var(--p1) + var(--p2)), #e2e2e6 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #fff calc(100% - 4px));
}

#content-navbar .circle-progress::before {
  background: linear-gradient(#eedc00, #eedc00) content-box, conic-gradient(#0047bb 0 var(--p1), #DAC900 calc(var(--p1) + 0.2%) calc(var(--p1) + var(--p2)), #DAC900 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #fff calc(100% - 4px));
}

/*
.icon.icon-round:has(.circle-progress){
    position: relative;
}
.icon.icon-round:has(.circle-progress)::after{
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid $color_neutral_90; //base circle progress
    content:" ";
}
.icon.icon-round .circle-progress {
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid $color_primary_33; //base circle progress 
    z-index: 2;
  }
  .icon.icon-round .circle-progress.progress-0 {
    clip: rectrect(2rem, 2rem, 2rem, 2rem); / * 0% * /
    transform: rotate(-90deg);
  }

  .icon.icon-round .circle-progress.progress-25 {
    clip: rect(1rem, 2rem, 2rem, 1rem); / * 25% * /
    transform: rotate(-90deg);
  }

  .icon.icon-round .circle-progress.progress-50 {
    clip: rect(1rem, 2rem, 2rem, 0rem); /* 50% * /
    transform: rotate(-90deg);
  }

  .icon.icon-round .circle-progress.progress-75 {
    clip: rect(0, 0, 2rem, 0); /* 75% * /
    transform: rotate(-90deg);
  }

  .icon.icon-round .circle-progress.progress-100 {
    clip: rect(1rem, 2rem, 2rem, 0rem); /* 100% * /
    transform: rotate(-90deg);
  }
*/
/* Content navbar */
header.sticky .sticky-wrap {
  position: fixed;
  transition: all 0.25s;
  width: 100%;
  z-index: 11;
  top: 0rem;
  transform: translateY(0px);
}

header.sticky .sticky-wrap.scrollDown.sticky-mid {
  transform: translateY(-108px);
}

header.sticky .sticky-wrap.sticky-mid {
  transform: translateY(-44px);
}

header.sticky:not(:has(#content-fedbar)) .sticky-wrap.scrollDown.sticky-mid {
  transform: translateY(-108px);
}

header.sticky:not(:has(#content-fedbar)) .sticky-wrap.sticky-mid {
  transform: translateY(0px);
}

/* Navbar */
#content-navbar {
  height: 4rem;
  background-color: #eedc00;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 100%;
}

#content-navbar .content-navbar-wrap {
  margin: 0 -6px;
}

#content-navbar.mode-dark {
  color: #fff;
}

#content-navbar .navbar-object svg {
  fill: #1a1c1e;
  color: #1a1c1e;
}

#content-navbar.mode-dark ul.navbar-nav:first-child li button.navbar-object.offcanvas-toggle .icon svg {
  fill: #fff;
  color: #fff;
}

#content-navbar .navbar {
  background-color: transparent;
  border: transparent;
  min-height: auto;
  margin-bottom: 0;
}

#content-navbar .navbar .navbar-header {
  display: flex;
  width: 100%;
}

#content-navbar .navbar .navbar-header > div.navbar-wrap {
  height: 4rem;
  display: flex;
  max-width: calc((100% - 194px) / 2);
  align-items: center;
}

#content-navbar .navbar .nav > li {
  display: flex;
  margin: 0 4px;
}

#content-navbar .navbar .nav > li:first-child {
  margin-left: 0;
}

#content-navbar .navbar .nav > li:last-child {
  margin-right: 0;
}

#content-navbar .navbar .nav > li a {
  color: #1a1c1e;
}

#content-navbar .navbar .nav > li a:not(.btn-link) {
  font-size: 1rem;
  padding: 6px;
  text-decoration: none;
}

#content-navbar .navbar .nav > li a.btn-link svg {
  fill: #1a1c1e;
  color: #1a1c1e;
}

#content-navbar.mode-dark .navbar .nav > li a {
  color: #fff;
}

#content-navbar .navbar .navbar-brand {
  width: 194px;
  display: flex;
  float: none;
  padding: 0;
}

#content-navbar .navbar .navbar-brand > img {
  display: initial;
  align-self: center;
  margin: 0 auto;
}

#content-navbar .navbar-nav > li > a:not(.btn-link),
#content-navbar .navbar-btn {
  line-height: 35px;
}

#content-navbar .navbar ul.nav {
  display: flex;
  align-items: center;
  margin: 0;
}

#content-navbar.content-navbar-premium {
  background-color: #002e5d;
}

.navbar-object {
  color: #1a1c1e;
  background-color: inherit;
  border: 0;
  font-size: 1rem;
  padding: 6px;
  display: flex;
  font-weight: 600;
}

.navbar-object:not(:has(.icon-round)) {
  padding: 6px 10px;
}

#content-navbar .navbar .nav > li .navbar-object > span:nth-child(1):not(.icon-round) {
  margin: 4px 0;
}

#content-navbar .navbar .nav > li .navbar-object > span:nth-child(2) {
  line-height: 2rem;
  display: inline;
}

#content-navbar .navbar .nav > li .navbar-object > span:nth-child(2) span {
  margin-left: 8px;
}

.mode-dark .navbar-object {
  color: #fff;
}

#content-navbar .navbar .nav > li .navbar-object span:nth-child(2) {
  position: relative;
}

#content-navbar .navbar .nav > li .navbar-object:hover span:nth-child(2)::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #1a1c1e;
}

#content-navbar .navbar .nav > li .navbar-object-login {
  overflow: hidden;
  max-width: 10rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

#content-navbar.mode-dark .navbar .nav > li .navbar-object:hover span:nth-child(2)::after {
  background-color: #fff;
}

/* Content header-extra */
#content-header-extra {
  background-color: #eedc00;
}

#content-header-extra .content-header-extra-wrap {
  line-height: 32px;
  width: 100%;
}

#content-header-extra .header-extra-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 4rem;
}

#content-header-extra .header-extra-wrap-left {
  justify-content: start;
}

#content-header-extra .header-extra-wrap-right {
  justify-content: end;
}

#content-header-extra .header-extra-object {
  margin: 0 12px;
}

/* Content cart */
#content-cart {
  min-height: 64px;
  margin-bottom: 0;
}

#content-cart .cartbar-cart {
  padding: 0 14px;
}

#content-cart .cartbar-cart ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

#content-cart .cartbar-cart .panel-group {
  margin-bottom: 0;
}

#content-cart .cartbar-cart,
#content-cart .cartbar-cart .panel {
  color: #fff;
  background-color: #0047bb;
  border-radius: 0 0 10px 10px;
}

#content-cart .cartbar-cart .panel {
  border-bottom: none;
}

#content-cart .cartbar-cart .panel-group-accordion .panel-heading .accordion-toggle,
#content-cart .cartbar-cart .panel-group-accordion .panel-heading .accordion-toggle:after {
  color: #fff;
  background-color: inherit;
}

#content-cart .cartbar-cart .panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-color: #0047bb;
}

#content-cart .cartbar-cart .panel-group .panel-heading .panel-title {
  font-weight: 400;
}

/* Content abstract */
#content-abstract {
  padding: 40px 0;
  margin-bottom: 0;
}

#content-abstract.concept-app {
  z-index: 0;
  background-color: #f2f8ff;
  position: relative;
}

#content-abstract.concept-app.content-pattern::after {
  content: " ";
  width: 100%;
  height: 120px;
  display: block;
  position: absolute;
  z-index: 1;
  background-color: transparent;
  background-position: center bottom;
  background-repeat: no-repeat;
  bottom: -120px;
}

#content-abstract.concept-app.content-pattern.pattern-01::after {
  background-image: url(/assets-da/core/img/bg/bg-pattern-cyan-01.png);
}

#content-abstract.concept-app.content-pattern.pattern-02::after {
  background-image: url(/assets-da/core/img/bg/bg-pattern-cyan-02.png);
}

#content-abstract.concept-app.mode-reverse {
  margin-bottom: 32px;
  padding-bottom: 64px;
}

#content-abstract.concept-app.mode-reverse.content-pattern::after {
  height: 28px;
  bottom: 0;
  background-position: top center;
}

#content-abstract.concept-app.mode-reverse.content-pattern.pattern-01::after {
  background-image: url(/assets-da/core/img/bg/bg-pattern-content-01-white.png);
}

#content-abstract picture {
  position: absolute;
}

#content-abstract.concept-a {
  min-height: 310px;
  position: relative;
}

#content-abstract.concept-a picture {
  top: -100px;
}

#content-abstract.concept-b {
  margin-bottom: 40px;
  overflow: hidden;
  /*necessario per gestire animazione pattern*/
  background-repeat: repeat-x;
  background-size: cover;
}

#content-abstract.concept-b::after {
  content: " ";
  width: 100%;
  height: 29px;
  display: block;
  position: absolute;
  z-index: 1;
  background-color: transparent;
  bottom: -1px;
  background-image: url(/assets-da/core/img/bg/bg-pattern-content-01-white.png);
  background-repeat: no-repeat;
  background-position: top center;
}

#content-abstract.concept-b picture {
  top: auto;
  bottom: -40px;
}

#content-abstract.concept-b .abstract-wrap {
  min-height: 356px;
}

#content-abstract.concept-b .abstract-wrap:first-child {
  z-index: 1;
}

#content-abstract.concept-a picture::before {
  position: absolute;
  content: " ";
  background-repeat: no-repeat;
  z-index: -1;
  background-image: url(/assets-da/core/img/bg/bg-circle-source.png);
  background-size: 530px;
  width: 530px;
  height: 530px;
  top: -10px;
  left: -70px;
}

#content-abstract.concept-b .picture::before,
#content-abstract picture.picture-complete::before {
  display: none;
}

#content-abstract.concept-b .picture-pattern {
  position: absolute;
  content: " ";
  z-index: -1;
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-01.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: auto 470px;
  width: 940px;
  height: 470px;
  top: auto;
  left: 0;
  bottom: -40px;
  animation: 2s ease-out 0s 1 fadeIn;
}

#content-abstract.concept-b .picture-pattern.pattern-01 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-01.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract.concept-b .picture-pattern.pattern-02 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-02.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract.concept-b.mode-dark .picture-pattern.pattern-02 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-dark-02.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract.concept-b .picture-pattern.pattern-03 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-03.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract.concept-b .picture-pattern.pattern-04 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-abstract-04.png);
  animation: 4s ease-out 0s 1 fadeIn;
}

#content-abstract.concept-a picture img {
  width: 526px;
  height: 526px;
}

#content-abstract.concept-b picture img {
  max-width: 940px;
  max-height: 470px;
}

#content-abstract .abstract-advantage.abstract-advantage-list .advantage-detail-spec {
  min-height: 46px;
}

#content-abstract .abstract-advantage.abstract-advantage-list .abstract-advantage-list-item {
  font-size: 1.25rem;
}

#content-abstract .abstract-advantage.abstract-advantage-list .advantage-detail-spec .previous-offer s {
  font-size: 1.25rem;
}

.abstract-subtitle {
  display: block;
  margin-bottom: 8px;
  color: #1a1c1e;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* fix logo */
.h-brand-standard {
  max-height: 44px;
}

.side-offcanvas .h-brand-standard {
  max-height: 32px;
}

/* Carousel */
.carousel {
  position: relative;
}

.carousel-text-heading {
  margin: 0 0 24px 0;
}

.carousel-control-wrap {
  position: absolute;
  bottom: 2.25rem;
  left: 0;
  right: 0;
}

/* Carousel double-01 (Hub content) */
.carousel-double .carousel-wrap,
.carousel-double .carousel-obj {
  height: 19.469rem;
  margin: 2rem 0 4.5rem 0;
  position: relative;
}

.carousel-double .carousel-obj {
  height: 21.938rem;
  margin: 2rem 0 2rem 0;
  position: relative;
}

.carousel-double .carousel-obj .carousel-obj-wrap .carousel-obj-sublayer {
  background-color: transparent;
  border-radius: 30px;
  padding: 30px 20px;
}

.carousel-double .carousel-text {
  height: 18rem;
  overflow: auto;
}

/* Breadcrumb */
.breadcrumb {
  margin-bottom: 0;
  background-color: transparent;
  padding: 0 0 8px 0;
}

.breadcrumb li {
  font-size: 0.875rem;
  position: relative;
  font-weight: 600;
}

.breadcrumb > li.active span {
  display: inline-block;
  color: #1a1c1e;
}

.breadcrumb > li + li::before {
  content: " / ";
  padding: 0 0.125rem;
  color: #1a1c1e;
}

.breadcrumb > li + li:last-child::before {
  content: "→";
  padding: 0 0.25rem 0 0.125rem;
}

.breadcrumb li a {
  display: inline-block;
  color: #1a1c1e;
  text-decoration: underline;
}

.mode-dark .breadcrumb li a,
.mode-dark .breadcrumb > li + li::before,
.mode-dark .breadcrumb > li.active span {
  color: #fff;
}

/* BreadCrumb type a - Trim totale */
.breadcrumb.breadcrumb-trim-a li + li:not(:last-child) span[data-trim=trim] {
  text-indent: -9999px;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  z-index: 2;
}

.breadcrumb.breadcrumb-trim-a li + li:not(:last-child) a:after {
  content: "...";
}

.breadcrumb.breadcrumb-trim-a li + li:not(:last-child) a:hover:after,
.breadcrumb.breadcrumb-trim-a li + li:not(:last-child) a:focus-visible:after {
  content: "";
}

.breadcrumb.breadcrumb-trim-a li + li:not(:last-child) a:hover span[data-trim=trim],
.breadcrumb.breadcrumb-trim-a li + li:not(:last-child) a:focus-visible span[data-trim=trim] {
  text-indent: 0px;
  position: relative;
  left: auto;
}

/* BreadCrumb type b - Trim su larghezza (controllo presenza span escludendo l'ultimo elemento) */
.breadcrumb.breadcrumb-trim-b li + li:not(:last-child) span[data-trim=trim] {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  max-width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb.breadcrumb-trim-b li + li:not(:last-child) span[data-trim=trim]:hover,
.breadcrumb.breadcrumb-trim-b li + li:not(:last-child) a:focus-visible span[data-trim=trim] {
  max-width: none;
}

/**/
.mode-dark .breadcrumb li + li:not(:last-child) span[data-trim=trim],
.mode-dark .breadcrumb li + li:not(:last-child) span[data-trim=trim] {
  text-decoration: underline !important;
}

/* Box */
.box-evidence {
  margin-bottom: 24px;
  border: 1px solid #e2e2e6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
  padding: 24px;
}

/* Cards */
.panel {
  margin-bottom: 0;
}

.panel-cards {
  margin-bottom: 32px;
  /*
  border: 1px solid $color_neutral_90;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  */
  border: 1px solid #F3F3F3;
  -webkit-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
  position: relative;
  /*overflow: hidden;*/
  transition: all 0.25s;
}

.panel-cards-clear {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.row-group .panel-cards {
  margin-bottom: 24px;
}

.panel-cards .panel-wrap {
  padding: 24px;
}

.panel-cards.panel-cards-basic {
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  overflow: visible;
}

.panel-cards.panel-cards-basic .panel-wrap {
  padding: 0;
}

.panel-cards .panel-body,
.panel-cards .panel-heading {
  padding: 0;
}

.panel-cards .panel-footer {
  padding: 0;
  background-color: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.panel-cards .panel-heading {
  border-bottom: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.panel-cards .cards-text-heading {
  margin-top: 0;
  color: inherit;
}

.panel-cards .cards-text-heading .tag {
  position: relative;
  top: -2px;
}

.panel-cards .cards-text-heading .icon {
  height: 1.75rem;
  line-height: 1.75rem;
}

.panel-cards .picture-wrap {
  position: relative;
  background-image: url(/assets-da/core/img/loghi/logo-poste-italiane-watermark.png);
  background-position: 50% calc(50% - 24px);
  background-repeat: no-repeat;
  background-size: 140px;
  transition: all 0.25s;
}

.panel-cards-picture .picture-wrap picture img {
  max-width: 743px;
}

.panel-cards-picture-stretch .picture-wrap,
.panel-cards-picture.mode-lg-stretch .picture-wrap,
.panel-cards-picture.mode-md-stretch .picture-wrap,
.panel-cards-picture.mode-sm-stretch .picture-wrap,
.panel-cards-picture.mode-xs-stretch .picture-wrap {
  background-size: 80px;
}

.panel-cards-picture-stretch .picture-wrap picture img {
  max-width: 280px;
}

.panel-cards .btn {
  margin-bottom: 0;
}

/* one item */
.btn-container .btn:first-child:nth-last-child(1) {
  margin-top: 8px;
}

/* more items */
.btn-container .btn:first-child:nth-last-child(2),
.btn-container .btn:first-child:nth-last-child(2) ~ .btn,
.btn-container .btn:first-child:nth-last-child(3),
.btn-container .btn:first-child:nth-last-child(3) ~ .btn {
  margin-top: 8px;
}

/* stretched-link (attenzione agli incolonnamenti) */
.stretched-link.btn {
  position: initial;
}

.stretched-link::after {
  position: absolute;
  top: -1px;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 1;
  content: "";
  border-radius: 8px;
}

.stretched-link:hover::after {
  border: 1px solid #4270e4;
  display: block !important;
  width: calc(100% + 2px);
  height: calc(100% + 3px);
}

/* Cards mode-ctaset */
.panel-cards.mode-ctaset .panel-wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
  justify-content: flex-start;
  min-height: 160px !important;
  height: 100%;
}

.panel-cards.mode-ctaset .panel-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.panel-cards.mode-ctaset .panel-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Cards Reactive */
.panel-cards-reactive .picture-wrap img {
  margin: 0 auto;
}

.panel-cards-reactive.mode-icon:not(.panel-cards-basic) .picture-wrap {
  margin: 1.5rem 1.5rem auto 1.5rem;
}

.panel-cards-reactive.mode-center .picture-wrap {
  background-image: none !important;
}

.panel-cards-reactive.panel-cards-basic .picture-wrap {
  background-image: none !important;
}

.panel-cards-reactive.panel-cards-basic .panel-body,
.panel-cards-reactive.panel-cards-basic .panel-heading,
.panel-cards-reactive.mode-center .panel-body,
.panel-cards-reactive.mode-center .panel-heading {
  text-align: center;
}

.panel-cards-reactive.panel-cards-basic .panel-wrap-pre {
  margin-bottom: 1.5rem;
}

.panel-cards-reactive.panel-cards-basic .panel-wrap {
  margin-bottom: 2rem;
}

.panel-cards-reactive:not(.panel-cards-basic) .picture-wrap img {
  border-radius: 8px;
}

.panel-cards-reactive:not(.panel-cards-basic, .mode-icon) .panel-wrap {
  margin-top: 0px;
  border-radius: 8px;
  background-color: #fff;
  z-index: 3;
  position: relative;
}

.panel-cards-reactive .list-check {
  margin-top: -0.25rem;
}

/* cards recommended */
.panel-cards.panel-cards-recommended {
  border: 1px solid #eedc00 !important;
}

/* Cards detailed-bg */
.panel-cards-detailed-bg {
  display: flex;
  align-items: stretch;
  min-height: 260px;
}

.panel-cards-detailed-bg.mode-stretch {
  min-height: 200px;
}

.panel-cards-detailed-bg .picture-wrap.picture-wrap-left {
  width: 298px;
  z-index: 3;
  float: left;
  height: auto;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #e2e2e6;
}

.panel-cards-detailed-bg.mode-stretch .picture-wrap.picture-wrap-left {
  width: 200px;
}

.panel-cards-detailed-bg .picture-wrap.picture-wrap-left picture {
  position: absolute;
  left: 0;
  top: 0;
}

.panel-cards-detailed-bg img {
  width: 310px;
  display: block;
}

.panel-cards-detailed-bg.mode-stretch img {
  width: 210px;
}

.panel-cards-detailed-bg .panel-wrap-right {
  float: right;
  width: calc(100% - 298px);
  margin-left: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: 1;
  position: relative;
  background-color: #fff;
  overflow-y: auto;
}

.panel-cards-detailed-bg.mode-stretch .panel-wrap-right {
  width: calc(100% - 200px);
}

.panel-cards-detailed-bg .panel-wrap-right .panel-body {
  margin-left: -298px;
  padding-left: 24px;
}

.panel-cards-detailed-bg.mode-stretch .panel-wrap-right .panel-body {
  margin-left: 0px;
  padding-left: 0px;
}

/* Cards bg */
.panel-cards-bg .panel-wrap {
  background-repeat: no-repeat;
  background-size: 180px;
  background-position: bottom 24px right 24px;
  min-height: 166px;
}

.panel-cards-bg.bg-config-default.mode-flush .panel-wrap {
  background-size: 190px;
  background-position: bottom right;
}

.panel-cards-bg.bg-config-default.mode-stretch .panel-wrap {
  background-size: 200px;
  padding-bottom: 160px;
}

.panel-cards-bg.bg-config-01:not(.mode-stretch) .panel-wrap {
  background-size: 230px auto;
  background-repeat: no-repeat;
  background-position: right 50px center;
  padding-right: 280px;
  padding-bottom: 24px;
}

.panel-cards-bg.bg-config-01.mode-stretch .panel-wrap {
  background-size: 200px auto;
  background-repeat: no-repeat;
  background-position: right 8px bottom 8px;
  padding-right: 240px;
  padding-bottom: 24px;
}

.panel-cards-picture .picture-wrap {
  position: relative;
  height: 195px;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.panel-cards-picture .picture-wrap picture {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 0px;
  z-index: 2;
}

.panel-cards-picture .panel-wrap {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: 1;
  position: relative;
  background-color: #fff;
}

.panel-cards-picture .cards-text-heading,
.panel-cards-picture .cards-content,
.panel-cards-picture .btn-container {
  text-align: left;
}

/* Cards picture-stretch */
.panel-cards-picture-stretch .cards-text-heading,
.panel-cards-picture-stretch .cards-content,
.panel-cards-picture-stretch .btn-container,
.panel-cards-picture.mode-lg-stretch .cards-text-heading,
.panel-cards-picture.mode-lg-stretch .cards-content,
.panel-cards-picture.mode-lg-stretch .btn-container,
.panel-cards-picture.mode-md-stretch .cards-text-heading,
.panel-cards-picture.mode-md-stretch .cards-content,
.panel-cards-picture.mode-md-stretch .btn-container,
.panel-cards-picture.mode-sm-stretch .cards-text-heading,
.panel-cards-picture.mode-sm-stretch .cards-content,
.panel-cards-picture.mode-sm-stretch .btn-container,
.panel-cards-picture.mode-xs-stretch .cards-text-heading,
.panel-cards-picture.mode-xs-stretch .cards-content,
.panel-cards-picture.mode-xs-stretch .btn-container {
  text-align: left;
}

.panel-cards-picture.mode-center:not(.panel-cards-picture-stretch, .mode-stretch, .mode-lg-stretch, .mode-md-stretch, .mode-sm-stretch, .mode-xs-stretch) .cards-text-heading,
.panel-cards-picture.mode-center:not(.panel-cards-picture-stretch, .mode-stretch, .mode-lg-stretch, .mode-md-stretch, .mode-sm-stretch, .mode-xs-stretch) .cards-content,
.panel-cards-picture.mode-center:not(.panel-cards-picture-stretch, .mode-stretch, .mode-lg-stretch, .mode-md-stretch, .mode-sm-stretch, .mode-xs-stretch) .btn-container {
  text-align: center;
}

/* Cards comparison */
.panel-cards-comparison .panel-heading {
  margin-bottom: 1rem;
}

/* Cards default */
.panel-cards-default.mode-center .panel-body,
.panel-cards-default.mode-center .panel-heading,
.panel-cards-default.mode-center .panel-footer {
  text-align: center;
}

.panel-cards-default .panel-footer {
  padding: 0;
  background-color: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* Cards default-icon */
.panel-cards-default-icon .panel-wrap {
  padding-left: 104px;
  background-position: 24px 24px;
  background-size: 64px;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.panel-cards-default-icon.mode-large .panel-wrap {
  padding-left: 112px;
  background-position: 16px 24px;
  background-size: 80px;
}

/* default-icon right mode */
.panel-cards-default-icon.mode-right .panel-wrap {
  padding: 24px 104px 24px 24px;
  background-position: calc(100% - 24px) 24px;
}

.panel-cards-default-icon.mode-right.mode-large .panel-wrap {
  padding: 24px 112px 24px 24px;
  background-position: calc(100% - 16px) 24px;
}

/* default-icon center mode */
.panel-cards-default-icon.mode-center .panel-wrap {
  padding: 104px 24px 24px 24px;
  background-position: center 24px !important;
  text-align: center !important;
}

.panel-cards-default-icon.mode-center.mode-large .panel-wrap {
  padding: 112px 24px 24px 24px;
}

/* Cards default-news */
.panel-cards-default.panel-cards-default-news .panel-heading-subinfo .news-date {
  padding-bottom: 8px;
  border-bottom: 2px solid #eedc00;
}

/* Cards default-call */
.panel-cards-default.panel-cards-default-call .callnumber-elem {
  word-break: break-all;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

/* Cards trendy */
.panel-cards-trendy {
  min-height: 360px;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #e2e2e6;
  /*
  -webkit-box-shadow: $shadow_default;
  -moz-box-shadow: $shadow_default;
  -o-box-shadow: $shadow_default;
  box-shadow: $shadow_default;
  */
}

.panel-cards-trendy.mode-dark {
  background-color: #00297a;
}

.panel-cards-trendy .panel-wrap {
  position: relative;
  z-index: 1;
}

.panel-cards-trendy .picture-wrap {
  background-image: none;
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
}

.panel-cards-trendy.mode-stretch .picture-wrap {
  position: relative;
  text-align: center;
}

.panel-cards-trendy .picture-wrap picture img {
  max-height: 360px;
}

.panel-cards-trendy .cards-content {
  font-size: 1rem;
}

/* Main-pills */
.main-pills {
  margin-bottom: 32px;
  border: 1px solid #F3F3F3;
  -webkit-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
}

.row-group .main-pills {
  margin-bottom: 24px;
}

.main-pills .main-pills-wrap {
  padding: 24px;
}

.main-pills-basic {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: transparent;
}

.main-pills-clear {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.main-pills.main-pills-basic .main-pills-wrap {
  /*padding-left: 0;
  padding-right: 0;*/
  padding: 0;
}

h2 + .kind,
.h2 + .kind,
h3 + .kind,
.h3 + .kind,
h4 + .kind,
.h4 + .kind {
  display: block;
  font-weight: 300;
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.main-pills.main-pills-showcase {
  position: relative;
  overflow: hidden;
}

.main-pills.main-pills-showcase .main-pills-wrap-right,
.main-pills.main-pills-showcase .main-pills-wrap-left {
  z-index: 1;
  position: relative;
  background-color: #fff;
  min-height: 270px !important;
}

.main-pills.main-pills-showcase .main-pills-wrap-left {
  width: calc(100% - 278px);
  margin-right: -10px;
  float: left;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}

.main-pills.main-pills-showcase .main-pills-wrap-right {
  width: calc(100% - 278px);
  margin-left: -10px;
  float: right;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}

.main-pills.main-pills-showcase .picture-wrap {
  position: relative;
  min-height: 270px;
  overflow: hidden;
  width: 278px;
}

.main-pills.main-pills-showcase .picture-wrap.picture-wrap-right {
  float: right;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.main-pills.main-pills-showcase .picture-wrap.picture-wrap-left {
  float: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.main-pills.main-pills-showcase .picture-wrap picture {
  position: absolute;
  top: 0;
  z-index: 2;
}

.main-pills.main-pills-showcase .picture-wrap picture img {
  width: 310px;
  display: block;
}

.main-pills.main-pills-showcase .picture-wrap.picture-wrap-right picture {
  right: -16px;
}

.main-pills.main-pills-showcase .picture-wrap.picture-wrap-left picture {
  left: -16px;
}

/* main pills headings */
.main-pills .main-pills-wrap :is(h1, h2, h3, h4):first-child,
.main-pills .main-pills-wrap .box-editable-area :is(h1, h2, h3, h4):first-child {
  margin-top: 0;
}

.main-pills.main-pills-basic {
  background-color: transparent;
  border: none;
  padding: 0px;
}

/* main pills Lead */
.main-pills.main-pills-lead {
  background-color: #f2f8ff;
  -webkit-border-radius: 8rem;
  -moz-border-radius: 8rem;
  border-radius: 8rem;
}

.main-pills.main-pills-lead .main-pills-wrap {
  padding: 3.5rem 6rem;
}

.main-pills.main-pills-lead p {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* main pills extra-service (posteid) */
.extra-service-content {
  background: linear-gradient(90deg, #f2f8ff 27%, #fff 0%);
  background-repeat: no-repeat;
  border-radius: 0.5rem;
}

.extra-service-content .extra-service-content-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Panel - Pills */
.panel-group-pills .panel {
  -webkit-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
  margin-bottom: 32px;
}

.panel-pills {
  border: 1px solid #F3F3F3;
}

.panel-group-pills .panel-pills .panel-heading {
  padding: 24px 32px;
}

.panel-group-pills .panel-pills .panel-heading a {
  display: block;
  padding-right: 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  outline-offset: 8px;
}

.panel-pills .panel-heading .panel-title {
  font-size: 1.5rem;
  margin: 0;
}

.panel-pills .panel-body {
  border-top: none !important;
  padding: 0px 32px 24px 32px;
}

.panel-pills .pills-wrap {
  position: relative;
}

.panel-group-pills .panel-heading .accordion-toggle::after {
  content: "-"/"";
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 2.25rem;
  color: #0047bb;
  position: absolute;
  top: 0;
  right: 12px;
  width: 24px;
  height: 1.5rem;
}

.panel-group-pills .panel-heading .accordion-toggle.collapsed:after {
  content: "+"/"";
  font-size: 1.875rem;
}

.panel-group-pills .panel + .panel {
  margin-top: 24px;
}

.panel-pills-disabled .panel-heading,
.panel-pills-disabled .panel-heading .panel-title,
.panel-pills-disabled .panel-heading .panel-raise,
.panel-pills-disabled .panel-heading a,
.panel-pills-disabled .panel-heading a:focus,
.panel-pills-disabled .panel-heading a:hover {
  color: #c6c6c9 !important;
}

.panel-group-pills .panel-heading .accordion-toggle .icon {
  height: 2.125rem;
}

/* Modal */
.modal {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.modal-header {
  padding: 16px 24px;
  background-color: #eedc00;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}

.modal-header .modal-title {
  font-size: 1.625rem;
}

.modal-header .close {
  margin-top: 8px;
}

.modal-header .close:focus,
.modal-header .close:hover {
  opacity: 1;
}

.modal-body,
.modal-footer {
  padding: 16px 24px;
}

.modal-footer {
  border-top: none;
}

.modal-basic .modal-header {
  border-bottom: none;
  background-color: transparent;
  padding-bottom: 8px;
}

.modal-basic .modal-body {
  padding-top: 8px;
}

/* Popover */
.popover,
.popover-title {
  background-color: #5d5e61;
  color: #fff;
}

.popover.top > .arrow::after {
  border-top-color: #5d5e61;
}

.popover.right > .arrow::after {
  border-right-color: #5d5e61;
}

.popover.bottom > .arrow::after {
  border-bottom-color: #5d5e61;
}

.popover.left > .arrow::after {
  border-left-color: #5d5e61;
}

.popover-content {
  width: 140px;
  /* test */
}

label.stable.with-i-info:after {
  content: url(/assets-da/core/img/iconset/005a-info-m.svg);
  margin-left: 0.525rem;
  position: absolute;
}

/* Media */
.media {
  margin: 0 0 24px 0;
}

.media:last-child {
  margin-bottom: 0;
}

h2 + .media,
h3 + .media,
h4 + .media,
.h2 + .media,
.h3 + .media,
.h4 + .media {
  margin-top: 24px;
}

.media .media-wrap p {
  margin-bottom: 8px;
}

.media-wizard .media-left .media-wrap,
.media-wizard .media-right .media-wrap {
  width: 215px;
}

.media-wizard .media-left .media-wrap-small,
.media-wizard .media-right .media-wrap-small {
  width: 130px;
}

.media-left {
  padding-right: 16px;
}

.media-right {
  padding-left: 16px;
}

/* Btn */
.btn-container {
  margin-top: 0px;
}

.btn-container-right .btn {
  float: right;
  margin-left: 8px;
}

.btn-container-left .btn {
  float: left;
  margin-right: 8px;
}

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

.btn-container-center .btn {
  margin-right: 4px;
  margin-left: 4px;
}

.btn-container-right .btn:last-child {
  margin-left: 0;
}

.btn-container-left .btn:last-child,
.btn-container-center .btn:last-child {
  margin-right: 0;
}

.btn-container-center .btn:first-child {
  margin-left: 0;
}

.btn-container-flow .btn {
  float: left;
  margin-right: 8px;
}

.btn-container-flow .btn:not(.btn-default, .btn-secondary) {
  float: right;
  margin-right: 0;
}

.btn {
  color: #fff;
  -webkit-border-radius: 1.875rem;
  -moz-border-radius: 1.875rem;
  border-radius: 1.875rem;
  line-height: 2.875rem;
  height: 3.25rem;
  padding: 2px 24px;
  font-size: 1rem;
  font-weight: 600 !important;
  margin-bottom: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
}

a.btn,
fieldset a.btn {
  text-decoration: none;
}

.btn-xs {
  padding: 2px 20px;
  font-size: 0.875rem;
  line-height: 1.875rem;
  height: auto;
}

.btn-xxs {
  padding: 2px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: auto;
}

.btn-xs.btn-default:not(.btn-cta) {
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  border-radius: 0.625rem;
  padding: 2px 0px;
}

.btn + .btn-xs.btn-default:not(.btn-cta) {
  padding: 2px 4px;
}

.btn-expand {
  width: 100%;
  text-align: center;
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
  /* truncate overflow text */
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis,
.btn-ellipsis {
  max-width: 100%;
  /* truncate overflow text */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn .icon {
  margin-right: 0.25rem;
  line-height: 1.5rem;
  vertical-align: initial;
}

.btn .icon img,
.btn .icon svg {
  vertical-align: top;
  max-height: 1.5rem;
  max-width: 1.5rem;
}

.btn-cta {
  padding: 0.125rem 0.813rem;
}

.btn-cta .icon {
  margin-right: 0;
}

.btn-xs.btn-cta,
.btn-xxs.btn-cta {
  padding: 0.125rem;
}

.btn-filter {
  border-radius: 0;
  background-color: #eef0ff;
  text-align: left;
  color: #0047bb;
  display: flex;
  align-content: center;
  justify-content: space-between;
  line-height: 2.375rem;
}

.btn-filter:hover,
.btn-filter:focus,
.btn-filter:active {
  color: #4270e4;
  box-shadow: none;
}

/* btn primary*/
.btn-primary,
.mode-light .btn-primary {
  background-color: #0047bb;
  border-color: #0047bb;
  color: #fff;
}

.btn-secondary,
.mode-light .btn-secondary {
  background-color: #fff;
  border-color: #0047bb;
  color: #0047bb;
}

.btn-default,
.mode-light .btn-default {
  background-color: transparent;
  border-color: transparent;
  color: #0047bb;
}

.concept-b:not(.mode-dark) .btn-default,
.panel-cards-trendy:not(.mode-dark) .btn-default {
  color: #1a1c1e;
}

.mode-dark .btn-primary {
  background-color: #fff;
  border-color: #fff;
  color: #0047bb;
}

.mode-dark .btn-secondary {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.mode-dark .btn-default {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}

.btn-primary svg,
.mode-light .btn-primary svg {
  fill: #fff;
  color: #fff;
}

.btn-secondary svg,
.mode-light .btn-secondary svg {
  fill: #0047bb;
  color: #0047bb;
}

.btn-default svg,
.mode-light .btn-default svg {
  fill: #0047bb;
  color: #0047bb;
}

.concept-b:not(.mode-dark) .btn-default svg,
.panel-cards-trendy:not(.mode-dark) .btn-default svg {
  fill: #1a1c1e;
  color: #1a1c1e;
}

.mode-dark .btn-primary svg {
  fill: #0047bb;
  color: #0047bb;
}

.mode-dark .btn-secondary svg {
  fill: #fff;
  color: #fff;
}

.mode-dark .btn-default svg {
  fill: #fff;
  color: #fff;
}

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary.active,
.btn-secondary:active,
.mode-light .btn-primary:hover,
.mode-light .btn-primary.focus,
.mode-light .btn-primary:focus,
.mode-light .btn-primary.active,
.mode-light .btn-primary:active,
.mode-light .btn-secondary:hover,
.mode-light .btn-secondary.focus,
.mode-light .btn-secondary:focus,
.mode-light .btn-secondary.active,
.mode-light .btn-secondary:active,
.mode-dark .btn-primary:hover,
.mode-dark .btn-primary.focus,
.mode-dark .btn-primary:focus,
.mode-dark .btn-primary.active,
.mode-dark .btn-primary:active,
.mode-dark .btn-secondary:hover,
.mode-dark .btn-secondary.focus,
.mode-dark .btn-secondary:focus,
.mode-dark .btn-secondary.active,
.mode-dark .btn-secondary:active {
  color: #fff;
  box-shadow: none;
}

.btn-primary:hover svg,
.btn-primary.focus svg,
.btn-primary:focus svg,
.btn-primary.active svg,
.btn-primary:active svg,
.btn-secondary:hover svg,
.btn-secondary.focus svg,
.btn-secondary:focus svg,
.btn-secondary.active svg,
.btn-secondary:active svg,
.mode-light .btn-primary:hover svg,
.mode-light .btn-primary.focus svg,
.mode-light .btn-primary:focus svg,
.mode-light .btn-primary.active svg,
.mode-light .btn-primary:active svg,
.mode-light .btn-secondary:hover svg,
.mode-light .btn-secondary.focus svg,
.mode-light .btn-secondary:focus svg,
.mode-light .btn-secondary.active svg,
.mode-light .btn-secondary:active svg,
.mode-dark .btn-primary:hover svg,
.mode-dark .btn-primary.focus svg,
.mode-dark .btn-primary:focus svg,
.mode-dark .btn-primary.active svg,
.mode-dark .btn-primary:active svg,
.mode-dark .btn-secondary:hover svg,
.mode-dark .btn-secondary.focus svg,
.mode-dark .btn-secondary:focus svg,
.mode-dark .btn-secondary.active svg,
.mode-dark .btn-secondary:active svg {
  fill: #fff;
  color: #fff;
}

.btn-primary:hover,
.btn-secondary:hover {
  background-color: #4270e4;
  border-color: #4270e4;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-secondary:focus,
.btn-secondary.focus {
  background-color: #4270e4;
  border-color: #4270e4;
}

.btn-primary:active,
.btn-primary.active,
.btn-secondary:active,
.btn-secondary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover {
  background-color: #00297a;
  border-color: #00297a;
}

.btn-default:hover,
.btn-default.focus,
.btn-default:focus {
  background-color: transparent;
  border-color: #0047bb;
  color: #0047bb;
}

.btn-default.active,
.btn-default:active,
.btn-default.active:hover,
.btn-default:active:hover {
  background-color: transparent;
  border-color: #00297a;
  color: #00297a;
  box-shadow: none;
}

.concept-b:not(.mode-dark) .btn-default:hover,
.concept-b:not(.mode-dark) .btn-default.focus,
.concept-b:not(.mode-dark) .btn-default:focus,
.panel-cards-trendy:not(.mode-dark) .btn-default:hover,
.panel-cards-trendy:not(.mode-dark) .btn-default.focus,
.panel-cards-trendy:not(.mode-dark) .btn-default:focus {
  border-color: #1a1c1e;
  color: #1a1c1e;
}

.concept-b:not(.mode-dark) .btn-default.active,
.concept-b:not(.mode-dark) .btn-default:active,
.concept-b:not(.mode-dark) .btn-default.active:hover,
.concept-b:not(.mode-dark) .btn-default:active:hover,
.panel-cards-trendy:not(.mode-dark) .btn-default.active,
.panel-cards-trendy:not(.mode-dark) .btn-default:active,
.panel-cards-trendy:not(.mode-dark) .btn-default.active:hover,
.panel-cards-trendy:not(.mode-dark) .btn-default:active:hover {
  border-color: #1a1c1e;
  color: #1a1c1e;
}

.mode-dark .btn-default:hover,
.mode-dark .btn-default.focus,
.mode-dark .btn-default:focus {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.mode-dark .btn-default.active,
.mode-dark .btn-default:active,
.mode-dark .btn-default.active:hover,
.mode-dark .btn-default:active:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.btn-xs.btn-default:not(.btn-cta).active,
.btn-xs.btn-default:not(.btn-cta):active,
.btn-xs.btn-default:not(.btn-cta).active:hover,
.btn-xs.btn-default:not(.btn-cta):active:hover,
.btn-xs.btn-default:not(.btn-cta):hover,
.btn-xs.btn-default:not(.btn-cta).focus,
.btn-xs.btn-default:not(.btn-cta):focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-xs.btn-default:not(.btn-cta):hover {
  text-decoration: underline !important;
}

.btn-primary .icon img svg g,
.btn-primary .icon svg g,
.btn-primary .icon svg path {
  fill: #fff;
  color: #fff;
}

.btn-secondary .icon svg g,
.btn-secondary .icon svg path {
  fill: #0047bb;
  color: #0047bb;
}

.btn.btn-addon {
  width: auto;
  height: auto;
  background-color: transparent;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.btn.btn-addon:active {
  box-shadow: none;
}

.btn.btn-addon .icon {
  margin-right: 0;
}

.btn.btn-link {
  padding: 0;
  font-size: 1rem;
  font-weight: 600 !important;
  line-height: 1.5rem;
  border: none;
  height: 1.5rem;
  border-radius: 0 !important;
}

.btn.btn-link:hover {
  text-decoration: underline !important;
  color: #4270e4;
}

.btn.btn-link:hover::after {
  display: none;
}

.btn-primary[disabled],
.btn-primary[readonly],
.btn-primary.disabled,
.btn-primary.readonly {
  background-color: #e2e2e6 !important;
  border-color: #e2e2e6 !important;
  color: #909194 !important;
  text-decoration: none;
  cursor: not-allowed;
}

.btn-secondary[disabled],
.btn-secondary[readonly],
.btn-secondary.disabled,
.btn-secondary.readonly {
  background-color: #fff !important;
  border-color: #e2e2e6 !important;
  color: #909194 !important;
  text-decoration: none;
  cursor: not-allowed;
}

.btn-default[disabled],
.btn-default[readonly],
.btn-default.disabled,
.btn-default.readonly {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #909194 !important;
  text-decoration: none;
  cursor: not-allowed;
}

.btn[disabled] svg,
.btn[readonly] svg,
.btn.disabled svg,
.btn.readonly svg {
  fill: #909194 !important;
  color: #909194 !important;
}

.btn-default[disabled]:hover::after,
.btn-default[readonly]:hover::after,
.btn-default.disabled:hover::after,
.btn-default.readonly:hover::after {
  background-color: transparent;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: auto;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 1;
}

.btn.focus {
  outline-color: #E47701 !important;
  /*forced for btn-radio*/
  outline-width: 3px !important;
  /*forced for btn-radio*/
  outline-style: solid !important;
  /*forced for btn-radio*/
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  display: none;
  text-decoration: none;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.65);
  -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.65);
  box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.65);
}

.tag {
  background-color: #eedc00;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  color: #1a1c1e;
  display: inline-flex;
  font-size: 0.875rem;
  padding: 3px 10px;
  text-align: center;
  line-height: 1.5rem;
  font-weight: 600;
  white-space: nowrap;
  height: 1.5rem;
  font-size: 0.75rem;
  letter-spacing: 0.6px;
  line-height: 1.125rem;
}

h2 + .tag,
.h2 + .tag {
  vertical-align: top;
  margin-top: 5px;
}

h3 + .tag,
h4 + .tag,
.h3 + .tag,
.h4 + .tag {
  vertical-align: top;
  margin-top: 2px;
}

.tag-recommended {
  background-color: #eedc00;
  color: #1a1c1e;
}

.tag-success {
  background-color: #EFF9EC;
  color: #006d36;
}

.tag-warning {
  background-color: #FFF0E5;
  color: #df7400;
}

.tag-danger {
  background-color: #FFE9E5;
  color: #ba1b1b;
}

.tag-info {
  background-color: #dae2ff;
  color: #0047bb;
}

.tag-evidence {
  background-color: #fff47e;
  color: #1a1c1e;
}

/* Horizzontal Nav tabs */
.default-nav-tabs-container {
  margin-bottom: 1rem;
  position: relative;
}

.default-nav-tabs-container::after {
  content: " ";
  display: block;
  height: 0.063rem;
  width: calc(100% - 6px);
  bottom: 0.85rem;
  position: absolute;
  background-color: #c6c6c9;
  left: 3px;
}

.default-nav-tabs {
  padding: 0.25rem 0 1.5rem 0;
}

.default-nav-tabs > li {
  white-space: nowrap;
  position: relative;
}

.default-nav-tabs > li.active::after {
  position: absolute;
  bottom: -0.505rem;
  left: 0;
  content: " ";
  width: 100%;
  height: 0.2rem;
  background-color: #0047bb;
  display: block;
  border-radius: 8px 8px 0 0;
}

.default-nav-tabs > li:first-child {
  margin-left: 3px;
}

.default-nav-tabs > li:last-child {
  margin-right: 3px;
}

.default-nav-tabs > li > a,
.default-nav-tabs > li > button {
  padding: 0.75rem 1.25rem;
}

.default-nav-tabs > li > a,
.default-nav-tabs > li > a:hover,
.default-nav-tabs > li > a:focus,
.default-nav-tabs > li > button,
.default-nav-tabs > li > button:hover,
.default-nav-tabs > li > button:focus {
  border: none;
  background-color: transparent;
}

.default-nav-tabs > li.active > a,
.default-nav-tabs > li.active > a:hover,
.default-nav-tabs > li.active > a:focus,
.default-nav-tabs > li.active > button,
.default-nav-tabs > li.active > button:hover,
.default-nav-tabs > li.active > button:focus {
  border: none;
  color: #0047bb;
  font-weight: 600;
  background-color: transparent;
}

.nav-tabs.default-nav-tabs {
  border: 0;
}

/* Vertical Nav tabs */
.vertical-nav-tabs {
  border-bottom: none;
  padding-top: 0px;
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-right: -8px;
}

.vertical-nav-tabs > li {
  float: none;
  margin-bottom: 0.125rem;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 1.75rem;
}

.vertical-nav-tabs > li:last-child {
  margin-bottom: 0px;
}

.vertical-nav-tabs > li:hover {
  cursor: pointer;
}

.vertical-nav-tabs > li > a {
  padding: 0;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}

.vertical-nav-tabs > li > a,
.vertical-nav-tabs > li > a:hover .vertical-nav-tabs > li > a:focus {
  border: none;
  margin: 0;
  background-color: transparent !important;
}

.vertical-nav-tabs > li > a span {
  display: block;
  padding: 1px 0;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  margin-right: 1px;
  padding: 0.5rem 0.5rem 0.5rem 1.75rem;
  line-height: 1.5rem;
}

.vertical-nav-tabs > li a span::before {
  content: " ";
  display: inline-block;
  width: 1.75rem;
  vertical-align: top;
  text-align: center;
  font-size: 1.5rem;
  position: absolute;
  left: 1px;
  top: calc(50% - 2px);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vertical-nav-tabs > li.active a span::before {
  content: "•";
  color: #0047bb;
}

.vertical-nav-tabs > li > a:hover span {
  background-color: #f2f8ff;
}

.vertical-nav-tabs > li.active > a span {
  background-color: #f2f8ff;
}

.vertical-nav-tabs > li.active > a,
.vertical-nav-tabs > li.active > a:hover,
.vertical-nav-tabs > li.active > a:focus {
  border: none;
  color: #0047bb;
  text-decoration: none;
}

.vertical-tab-content {
  min-height: 240px;
}

/* Accordion e Panel */
.panel-group .panel-heading {
  padding: 14px 0px;
}

.panel-group-accordion .panel + .panel {
  margin-top: 0;
  padding-top: 1px;
  padding-bottom: 1px;
}

.panel-group-accordion .panel {
  border-bottom: 1px solid #c6c6c9;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

.panel-group-accordion .panel-heading .accordion-toggle {
  padding-right: 1.5rem;
  display: block;
  line-height: 1.25rem;
  position: relative;
  color: #1a1c1e;
  text-decoration: none;
}

.panel-group-accordion .panel-heading .accordion-toggle:after {
  content: "-";
  float: right;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 0.75rem;
  color: #0047bb;
  position: absolute;
  top: 2px;
  right: 0;
}

.panel-group-accordion .panel-heading .accordion-toggle.collapsed:after {
  content: "+";
  font-size: 1.875rem;
}

.panel-group-accordion .panel-body {
  padding: 8px 0 16px 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

/* list */
ul {
  margin-top: 8px;
  margin-bottom: 0;
  padding: 0;
}

.list-spaced li {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  position: relative;
  line-height: 1.5rem;
}

.list-bordered li {
  padding-bottom: 0;
  padding-top: 1.15rem;
  margin-top: 1.15rem;
  border-top: 1px solid #e2e2e6;
  position: relative;
  line-height: 1.5rem;
}

.list-bordered li:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.list-bordered + .collapse > .list-bordered {
  padding-top: 1.15rem !important;
  margin-top: 1.15rem !important;
  border-top: 1px solid #ECECEC;
}

/* list custom ico */
.list-icon {
  padding: 0;
  margin-bottom: 16px;
}

.list-icon li {
  list-style: none;
  margin-bottom: 1.1rem;
}

.list-icon li:last-child {
  margin-bottom: 0;
}

.list-icon li {
  text-decoration: none;
  padding: 3px 0 3px 35px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left 2px;
  color: #1a1c1e;
  display: block;
}

.list-icon li p {
  margin-bottom: 0;
}

/* stand alone mod -  inline-basic */
.list-inline-basic {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 0.5rem;
  list-style: none;
}

.list-inline-basic li {
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  white-space: nowrap;
}

.list-inline-basic li:first-child {
  margin-left: 0px;
}

.list-inline-basic li:last-child {
  margin-right: 0px;
}

/* list-applfunction */
.list-applfunction {
  display: inline-block;
  overflow: auto;
  margin-top: -10px;
  padding-top: 4px;
}

.list-applfunction li {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  float: left;
}

.list-applfunction li a {
  margin-bottom: 4px;
}

/* stand alone mod -  check-basic */
.list-check {
  list-style: none;
}

.list-check li {
  padding: 0.25rem 0 0.25rem 1.5rem;
  position: relative;
  line-height: 1.5rem;
  text-align: left !important;
}

.list-check li::before,
.list-check li::after {
  position: absolute;
  content: " ";
  width: 1rem;
  height: 1rem;
  top: 0.5rem;
  left: 0px;
}

.list-check li::after {
  background-image: url("/assets-da/core/img/iconset/010a-check-m.svg");
  background-size: 1rem;
  background-repeat: no-repeat;
  z-index: 1;
}

.list-check li::before {
  background-color: #eedc00;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  border-radius: 1.5rem;
  z-index: 0;
}

.main-pills .list-check {
  padding-left: 0;
  margin-bottom: 8px;
}

.list-check.list-tailback li {
  padding: 0.25rem 0rem 0.25rem 1.5rem;
}

.list-check.list-tailback li::before,
.list-check.list-tailback li::after {
  left: 0;
}

/* list arrow */
.list-arrow {
  list-style: none;
}

.list-arrow li {
  padding: 0.25rem 0 0.25rem 1.5rem;
  position: relative;
  line-height: 1.5rem;
  text-align: left !important;
}

.list-arrow li::before {
  position: absolute;
  content: " ";
  width: 1.5rem;
  height: 1.5rem;
  top: 0.5rem;
  left: 0px;
  color: #0047bb;
  background-image: url("/assets-da/core/img/iconset/001b-arrow-forward-m-primary33.svg");
  background-size: 1rem;
  background-repeat: no-repeat;
}

.list-arrow li a {
  text-decoration: none;
}

.list-arrow li a:hover {
  text-decoration: underline;
}

.list-arrow.list-tailback li {
  padding: 0.25rem 0.75rem 0.25rem 2.25rem;
}

.list-arrow.list-tailback li::before {
  left: 0.75rem;
}

.list-arrow.list-bordered li {
  padding: 0.75rem 0.75rem 0.75rem 1.35rem;
  margin-top: 0;
}

.list-arrow.list-bordered li::before {
  top: 1rem;
}

.panel-cards .cards-content .list-arrow.list-bordered a {
  text-decoration: none;
}

.panel-cards .cards-content .list-arrow.list-bordered a:hover {
  text-decoration: underline;
}

/*large version*/
.list-arrow-large li::before {
  background-size: 1.5rem;
  top: 0.25rem;
}

.list-arrow-large li {
  padding: 0.25rem 0 0.25rem 1.875rem;
}

.list-arrow-large.list-tailback {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.list-arrow-large.list-tailback li {
  padding: 0.25rem 0.75rem 0.25rem 2.5rem;
}

.list-arrow-large.list-tailback li::before {
  left: 0.75rem;
}

/* list level range*/
.level-range {
  padding: 0;
  display: inline-block;
}

.level-range .level-value {
  position: relative;
}

.level-range .level-value span {
  position: relative;
  z-index: 1;
}

.level-range .level-value.active {
  font-weight: 600;
}

.level-range .level-value.active::before {
  position: absolute;
  background-color: #eedc00;
  content: " ";
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 26px;
  height: 26px;
  display: block;
  z-index: 0;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}

.level-range > li.level-value {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

/**/
.object-related .object-related-wrap {
  padding-left: 1.5rem;
  position: relative;
}

.object-related .object-related-wrap:before {
  content: " ";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  background-image: url("/assets-da/core/img/iconset/001b-arrow-forward-m-primary33.svg");
  background-size: 1.25rem;
  background-repeat: no-repeat;
  position: absolute;
  top: 0.125rem;
  left: 0;
  z-index: 0;
}

.object-related a {
  text-decoration: none;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.object-related .object-text-body a {
  color: #0047bb;
}

.object-related .object-text-body a:hover {
  text-decoration: underline;
  color: #0047bb;
}

/* list filter tag */
.filter-result {
  margin-left: 0.5rem;
}

/* Liste su cui utilizzare incolonnamenti */
.list-tailback::before,
.list-tailback::after {
  content: " ";
  display: table;
}

.list-tailback::after {
  clear: both;
}

.list-fs-medium {
  font-size: 1rem;
}

/* Liste generiche */
.list-unstyled a {
  text-decoration: none;
}

.content-footer-info .list a {
  display: inline-block;
  /* verificare eventuali problemi */
}

/* Liste file */
.list-file {
  padding: 0;
  margin-bottom: 16px;
}

.list-file li {
  list-style: none;
  margin-bottom: 1.1rem;
}

.list-file li:last-child {
  margin-bottom: 0;
}

.list-file li a {
  list-style: none;
  text-decoration: none;
  padding: 3px 0 3px 35px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left 2px;
  color: #0047bb;
  display: block;
}

.list-file li a:hover,
.list-file li a:focus {
  color: #0047bb;
  text-decoration: underline;
}

.list-file.list-black li a {
  color: #1a1c1e;
}

.list-file.list-black li a:hover,
.list-file.list-black li a:focus {
  color: #0047bb;
}

/* pdf */
.list-file li.list-file-pdf a {
  background-image: url(/assets-da/core/img/iconset/076a-description-m-primary33.svg);
}

.list-file.list-black li.list-file-pdf a {
  background-image: url(/assets-da/core/img/iconset/076a-description-m.svg);
}

.list-file li.list-file-pdf a:hover {
  background-image: url(/assets-da/core/img/iconset/076a-description-m-primary33.svg);
  text-decoration: none;
}

/* word */
.list-file li.list-file-doc a {
  background-image: url(/assets-da/core/img/iconset/076a-description-m-primary33.svg);
}

.list-file.list-black li.list-file-doc a {
  background-image: url(/assets-da/core/img/iconset/076a-description-m.svg);
}

.list-file li.list-file-doc a:hover {
  background-image: url(/assets-da/core/img/iconset/076a-description-m-primary33.svg);
  text-decoration: none;
}

/* excel */
.list-file li.list-file-excel a {
  background-image: url(/assets-da/core/img/iconset/076a-description-m-primary33.svg);
}

.list-file.list-black li.list-file-excel a {
  background-image: url(/assets-da/core/img/iconset/076a-description-m.svg);
}

.list-file li.list-file-excel a:hover {
  background-image: url(/assets-da/core/img/iconset/076a-description-m-primary33.svg);
}

/* Contentitori */
.box-recommended {
  border: 1px solid #eedc00;
}

.box-rack,
.box-frame {
  margin-bottom: 16px;
  position: relative;
  padding: 16px;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}

.box-rack.box-bg {
  padding: 0;
}

.box-rack.box-bg .box-wrap {
  padding: 24px;
  background-repeat: no-repeat;
}

.box-rack.box-bg.bg-config-default .box-wrap {
  background-size: 200px auto;
  background-position: bottom 16px right 8px;
}

.box-rack.box-bg.bg-config-01 .box-wrap {
  padding-right: 118px;
  min-height: 105px;
  background-position: right 24px top 24px;
  background-repeat: no-repeat;
  background-size: auto 4rem;
}

.box-rack.box-pattern {
  background-repeat: no-repeat;
}

.box-rack.box-pattern-01 {
  background-image: url(/assets-da/core/img/bg/bg-pattern-boxrack-01.png);
  background-position: right -4px bottom -4px;
  background-size: 992px;
}

.box-rack.box-small {
  padding: 10px 14px;
}

.box-rack .row-fix {
  margin-bottom: -16px;
}

.box-frame {
  background-color: #fff !important;
  border: 1px solid #e2e2e6;
  min-height: 4.125rem;
  padding: 0 1rem 0 5.125rem;
}

.box-frame .box-wrap {
  padding: 0.5rem;
}

.box-frame.flex-column .box-wrap:has(+ .box-wrap) {
  padding-bottom: 0rem;
}

.box-frame::before {
  height: 100%;
  width: 4.125rem;
  display: block;
  content: " ";
  -webkit-border-radius: 0.5rem 0 0 0.5rem;
  -moz-border-radius: 0.5rem 0 0 0.5rem;
  border-radius: 0.5rem 0 0 0.5rem;
  background-color: #e2e2e6;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}

.box-frame .picture-wrap .icon {
  position: absolute;
  z-index: 1;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
}

.box-frame .picture-wrap .icon,
.box-frame .picture-wrap .icon svg {
  width: 1.875rem;
  height: 1.875rem;
}

.box-cyan {
  background-color: #f2f8ff;
}

.box-yellow {
  background-color: #fff47e;
}

.box-grey {
  background-color: #f0f0f3;
}

.box-green {
  background-color: #EFF9EC;
}

.box-frame.box-yellow::before {
  background-color: #eedc00;
}

.box-frame.box-cyan::before {
  background-color: #f2f8ff;
}

.box-frame.box-grey::before {
  background-color: #f0f0f3;
}

.list-file .box-rack {
  margin: 0;
}

.list-file .box-rack .box-wrap:has(.icon) a {
  background-image: none;
  padding: 3px 0;
}

/* box messaggi */
.box-messages {
  margin-bottom: 32px;
  position: relative;
  padding: 0 0 0 2.95rem;
  min-height: 2.25rem;
}

.box-messages .area-heading {
  margin: 0;
}

.box-messages .box-body p {
  margin-bottom: 0;
}

.box-messages ul {
  padding: 0;
  margin-left: 16px;
}

.box-messages .icon.icon-small-square {
  position: absolute;
  left: 0;
  top: 2px;
}

.box-messages {
  background-color: #f0f0f3;
  padding: 1.5rem 3.5rem 1.5rem 3.5rem;
  min-height: 4.35rem;
  border: 1px solid #F3F3F3;
  border-radius: 8px;
}

.box-messages-large .icon.icon-round,
.box-messages-medium .icon.icon-round {
  position: absolute;
  left: 1rem;
}

.box-messages-large .icon.icon-round {
  top: 1.35rem;
}

.box-messages-medium .icon.icon-round {
  top: 1.15rem;
}

/*
.box-messages.box-messages-small {
    display: flex;
}

.box-messages.box-messages-small .box-body {
    display: flex;
    align-items: center;
}*/
.box-messages.box-messages-large .box-body {
  margin-top: 20px;
}

.box-messages .box-messages-dismiss {
  position: absolute;
  right: 1.35rem;
}

.box-messages.box-messages-large .box-messages-dismiss {
  top: 1.35rem;
}

.box-messages.box-messages-medium .box-messages-dismiss {
  top: 1.15rem;
}

/* box messaggi round */
.box-messages.box-info {
  border-color: #0047bb;
  background-color: #eef0ff;
}

.box-messages.box-info .icon-round-info {
  color: #0047bb;
  fill: #0047bb;
}

.box-messages.box-warning {
  border-color: #df7400;
  background-color: #FFF0E5;
}

.box-messages.box-warning .icon-round-warning {
  color: #df7400;
  fill: #df7400;
}

.box-messages.box-danger {
  border-color: #ba1b1b;
  background-color: #FFE9E5;
}

.box-messages.box-danger .icon-round-danger {
  color: #ba1b1b;
  fill: #ba1b1b;
}

.box-messages.box-success {
  border-color: #006d36;
  background-color: #EFF9EC;
}

.box-messages.box-success .icon-round-success {
  color: #006d36;
  fill: #006d36;
}

.box-messages.box-messages-small {
  padding: 0.5rem 0.5rem 0.5rem 3.15rem;
  margin-bottom: 24px;
  border: 0;
  /* -webkit-box-shadow: $shadow_default;
  -moz-box-shadow: $shadow_default;
  -o-box-shadow: $shadow_default;
  box-shadow: $shadow_default;
  -webkit-border-radius: $radius_default;
  -moz-border-radius: $radius_default;
  border-radius: $radius_default; */
  background-color: #fff;
  min-height: 3.35rem;
}

.box-messages.box-messages-small .icon.icon-small-square {
  top: 10px;
  left: 10px;
}

/* box messaggi (semi)square */
.box-messages.box-success .icon-square-success {
  background-color: #EFF9EC;
}

.box-messages.box-success .icon-square-success svg {
  color: #006d36 !important;
  fill: #006d36 !important;
}

.box-messages.box-danger .icon-square-danger {
  background-color: #FFE9E5;
}

.box-messages.box-danger .icon-square-danger svg {
  color: #ba1b1b !important;
  fill: #ba1b1b !important;
}

.box-messages.box-warning .icon-square-warning {
  background-color: #FFF0E5;
}

.box-messages.box-warning .icon-square-warning svg {
  color: #df7400 !important;
  fill: #df7400 !important;
}

.box-messages.box-info .icon-square-info {
  background-color: #dae2ff;
}

.box-messages.box-info .icon-square-info svg {
  color: #0047bb;
  fill: #0047bb;
}

.box-messages-standing :is(h1, h2, h3, h4, h5, h6) {
  font-size: 0.875rem;
}

/* pagination */
.pagination-wrap .pagination {
  margin: 8px 0;
}

.pagination-wrap .pagination > li > a {
  border-radius: 0.5rem;
}

.pagination-wrap .pagination > li > a,
.pagination-wrap .pagination > li > span {
  border: none;
  color: #46474a;
  margin-left: 3px;
  margin-right: 3px;
  /* fix multiple number */
  min-width: 2.05rem;
  padding: 6px;
  text-align: center;
  display: inline-block;
  /**/
}

.pagination-wrap .pagination > li > a:hover {
  border: none;
  color: #fff;
  background-color: #4270e4;
}

/* fix multiple number */
.pagination-wrap .pagination > li > span:hover {
  background-color: transparent;
  cursor: default;
}

/**/
.pagination-wrap .pagination > .active > a,
.pagination-wrap .pagination > .active > span,
.pagination-wrap .pagination > .active > a:hover,
.pagination-wrap .pagination > .active > span:hover,
.pagination-wrap .pagination > .active > a:focus,
.pagination-wrap .pagination > .active > span:focus {
  color: #fff;
  background-color: #4270e4;
}

.pagination-wrap .pagination .pagination-first {
  margin-left: 0;
}

.pagination-wrap .pagination .pagination-last {
  margin-right: 0;
}

.pagination-wrap .pagination .pagination-first,
.pagination-wrap .pagination .pagination-last {
  width: auto;
}

/* Social Bar */
ul.social-bar {
  display: inline-block;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  line-height: 24px;
}

ul.social-bar li {
  display: inline-block;
  padding: 0px 3px;
}

ul.social-bar li a {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

ul.social-bar li svg {
  max-height: 1.5rem;
  max-width: 1.5rem;
  fill: #fff;
  color: #fff;
  vertical-align: top;
}

.social-bar-container-left ul.social-bar {
  float: left;
}

.social-bar-container-right ul.social-bar {
  float: right;
}

.social-bar-container-left ul.social-bar li:first-child {
  padding-left: 0;
}

.social-bar-container-right ul.social-bar li:last-child {
  padding-right: 0;
}

/* Offer */
.offer-box {
  display: inline-block;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #f2f8ff;
  padding: 8px 16px;
  margin-bottom: 8px;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  line-height: 20px;
  vertical-align: middle;
}

.offer-box.previous-offer {
  background-color: #fff;
}

.offer-box.previous-offer s span {
  font-size: 1.25rem;
}

.previous-offer s {
  text-decoration: none;
  display: inherit;
  line-height: initial;
  font-size: 1rem;
}

.previous-offer s:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #1a1c1e;
  content: " ";
  transform: rotateY(0deg) rotate(-30deg);
}

.offer-box.offer-value span {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

/* .advantage detail spec */
.advantage-specs {
  display: flex;
}

.advantage-detail-spec-boxed {
  border: 1px solid rgb(0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  flex-grow: 1;
  flex: 1 1 0;
  margin-left: 4px;
  margin-right: 4px;
  padding: 1rem 0.25rem;
}

.advantage-detail-spec-boxed:first-child {
  margin-left: 0;
}

.advantage-detail-spec-boxed:last-child {
  margin-right: 0;
}

.mode-dark .advantage-detail-spec-boxed {
  border: 1px solid rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Pricing */
.price-info {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}

.price-detail {
  display: table-row;
}

.price-detail-center {
  display: inline-table;
  float: none;
  text-align: center;
}

.price-detail .price-sign,
.price-detail .price-value {
  display: table-cell;
  font-weight: 400;
}

.price-detail .price-currency,
.price-detail .price-supcurrency,
.price-detail .price-subcurrency,
.price-detail .price-subvalue,
.price-detail .price-supvalue {
  display: table-cell;
  font-weight: 600;
}

.price-detail .price-sign {
  font-size: 1.25rem;
  vertical-align: middle;
}

.price-detail .price-currency,
.price-detail .price-supcurrency,
.price-detail .price-subcurrency {
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 600;
}

.price-detail .price-value {
  font-size: 2.5rem;
  line-height: 2.125rem;
  letter-spacing: -0.6px;
  vertical-align: bottom;
  font-weight: 700;
}

.price-detail .price-value-text {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.875rem;
}

.price-detail .price-subvalue,
.price-detail .price-supvalue {
  font-size: 1.5rem;
  line-height: 1.625rem;
  padding: 0 0.125rem !important;
  font-weight: 600;
}

.price-detail .price-subvalue,
.price-detail .price-subcurrency {
  vertical-align: bottom;
}

.price-detail .price-supvalue,
.price-detail .price-currency,
.price-detail .price-supcurrency {
  vertical-align: top;
}

.price-subinfo {
  font-size: 0.875rem;
  letter-spacing: 0.6px;
  font-weight: 400;
}

/* Table */
h2 + .table-wrap,
h3 + .table-wrap,
h4 + .table-wrap,
p + .table-wrap,
h2 + .figure-table .table-wrap,
h3 + .figure-table .table-wrap,
h4 + .figure-table .table-wrap,
p + .figure-table .table-wrap {
  margin-top: 24px;
}

.table-wrap + h2,
.table-wrap + h3,
.table-wrap + h4,
.figure-table + h2,
.figure-table + h3,
.figure-table + h4 {
  margin-top: 32px;
}

.table-wrap {
  margin-bottom: 24px;
}

.table-like {
  display: table;
  width: 100%;
}

.table-like .tablerow-like {
  display: table-row;
}

.table-like .tablecell-like {
  display: table-cell;
  vertical-align: middle;
}

.table {
  margin: 0;
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #c6c6c9;
}

.table-responsive.table-overflow-start {
  border-left: 2px solid #E47701;
}

.table-responsive.table-overflow-end {
  border-right: 2px solid #E47701;
}

/* gestione caption e figcaption x tabelle*/
caption,
.caption {
  color: #1a1c1e;
  font-weight: 600;
}

.figure-table .figcaption {
  padding-bottom: 0.5rem;
}

caption.caption-bottom,
.figure-table .figcaption.caption-bottom {
  color: #1a1c1e;
  background-color: #f5f5f7;
  caption-side: bottom;
  border-top: none;
  border-top: 1px solid #c6c6c9;
}

caption.caption-bottom,
.figure-table .figcaption.caption-bottom {
  padding: 16px 24px;
}

.figure-table:not(.figure-table-bordered) .figcaption.caption-bottom {
  padding: 16px 0px;
  border-top-color: transparent;
}

/*.caption.caption-bottom {
    text-align: right;
    font-style: italic;
}*/
.figure-table .figcaption.caption-bottom {
  text-align: left;
  font-weight: 400;
  line-height: 1.375rem;
}

.figure-table .figcaption.caption-bottom {
  margin-top: -24px;
  margin-bottom: 24px;
}

caption.caption-light,
.figure-table .figcaption.figcaption-light {
  background-color: #fff;
}

.table-bordered caption.caption-bottom,
.figure-table-bordered .figcaption.caption-bottom {
  border: 1px solid #c6c6c9;
  border-top: 0;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  line-height: 1.5rem;
  border-top: none;
  padding: 24px;
  color: #1a1c1e;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  background-color: #f5f5f7;
}

.table > thead > tr > th {
  border-bottom: 1px solid #c6c6c9;
}

.table > thead.thead-light > tr > th {
  background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #f5f5f7;
}

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

/* Tracking */
.tracking-wrap .progress-bar {
  animation: 4s ease-out normal forwards enlargeWidth;
}

/*steps*/
.steps {
  display: flex;
  flex-direction: column;
  border: none;
  margin: 1.5rem 0;
  padding: 0;
  width: 100%;
  position: relative;
}

.steps::before,
.steps > li::before {
  display: block;
  position: absolute;
  width: 4px;
  height: 100%;
  content: " ";
  top: 0;
  left: 0.5rem;
  background-color: #0047bb;
}

.steps > li {
  position: relative;
  display: block;
  padding-right: 1.5rem;
  margin-right: 0;
  width: auto;
  flex-grow: 1;
  padding: 0 0 0.5rem 0;
}

.steps > li .step-content {
  display: block;
  min-height: 4.375rem;
  margin-left: 2.5rem;
}

.steps > li .step-content span.step-desc,
.steps > li .step-content span.step-detail {
  display: block;
}

.steps > li .step-content span.step-desc {
  font-weight: 700;
  margin-top: -2px;
}

.steps > li .step-content span.step-number {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 1;
  font-size: 0.9rem;
  margin: 0;
  border-radius: 4rem;
  text-indent: -9999px;
  border: 0.25rem solid #c6c6c9;
  background-color: #fff;
}

.steps > li::before {
  background-color: #c6c6c9;
}

.steps > li.passed::before,
.steps > li.active::before {
  background-color: #0047bb;
}

.steps > li:last-child::before {
  background-color: #fff;
}

.steps > li.active .step-content span.step-number {
  background-color: #0047bb;
  border-color: #0047bb;
}

.steps > li.active:not(:first-child) .step-content span.step-number {
  animation: 3s infinite ease-in-out blink;
}

.steps > li.passed .step-content span.step-number {
  background-color: #fff;
  border-color: #0047bb;
}

/* offcanvas - barre laterali  */
.side-offcanvas {
  height: 100%;
  width: 548px;
  position: fixed;
  z-index: 1041;
  top: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 84px 24px 24px 48px;
  transform: translate(0, 0);
  visibility: visible;
}

body:not(.no-js) .side-offcanvas {
  transition: 0.4s 0s ease-out;
}

.pi-xs.pi-mobile .side-offcanvas {
  width: 100vw;
}

.left-side-offcanvas {
  left: 0;
}

.right-side-offcanvas {
  right: 0;
}

.left-side-offcanvas.side-offcanvas-close {
  transform: translate(-548px, 0);
  visibility: hidden;
}

.right-side-offcanvas.side-offcanvas-close {
  transform: translate(548px, 0);
  visibility: hidden;
}

.side-offcanvas-content {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-right: 24px;
  margin-left: -24px;
  margin-right: 0;
}

.side-offcanvas-content-wrap {
  margin-left: 24px;
  margin-right: 24px;
}

.side-offcanvas-content .side-offcanvas-obj {
  margin-bottom: 32px;
}

.side-offcanvas-content.side-offcanvas-content-fixed {
  background-color: #f2f8ff;
  margin: -84px -24px 24px -48px;
  padding: 84px 24px 0 48px;
  height: auto;
  position: relative;
}

.side-offcanvas-content.side-offcanvas-content-fixed::after {
  content: " ";
  width: calc(100% + 48px + 24px);
  height: 28px;
  display: block;
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  left: -48px;
  background-image: url(/assets-da/core/img/bg/bg-pattern-content-01-white.png);
  background-repeat: no-repeat;
  background-position: top center;
}

#menu-profilo .side-offcanvas-content.side-offcanvas-content-fixed {
  background-size: 210px;
  background-repeat: no-repeat;
  background-position: right bottom 12px;
}

#menu-profilo .side-offcanvas-content.side-offcanvas-content-fixed + .side-offcanvas-content {
  height: calc(100% - 220px);
}

.side-offcanvas-content.side-offcanvas-content-fixed .side-offcanvas-content-wrap {
  margin: 0;
}

.side-offcanvas-content h2 {
  margin-top: 0;
  margin-bottom: 2rem;
}

#backHome,
.close-side-offcanvas {
  position: absolute;
  top: 36px;
  z-index: 1;
}

#backHome {
  left: 48px;
}

.close-side-offcanvas {
  right: 22px;
}

.left-side-offcanvas .back-side-panel {
  position: absolute;
  top: 30px;
}

.close-side-offcanvas svg {
  width: 1.5rem;
  height: 1.5rem;
}

#overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #1a1c1e;
  opacity: 0.5;
  width: 100vw;
  height: 100vh;
}

/* menu di navigazione ( #menu-navigazione.left-side-offcanvas ) was here */
.menu-navigazione .menu-content a:not(.btn) {
  border-radius: 4px;
  font-weight: 600;
}

.menu-navigazione .menu-content a:hover {
  text-decoration: none;
}

.menu-navigazione .menu-content .menu-section ul {
  margin-top: 0.5rem;
}

.menu-navigazione .menu-content .menu-section ul li {
  line-height: 1.5rem;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  color: #0047bb;
  display: flex;
  padding: 0.5rem 0 0.5rem 1.75rem;
  position: relative;
}

.menu-navigazione .menu-content .menu-section ul li:first-child {
  margin-top: 0;
}

.menu-navigazione .menu-content .menu-section ul li:last-child {
  margin-bottom: 0;
}

.menu-navigazione .menu-content .menu-section ul li:hover a,
.menu-navigazione .menu-content .menu-section ul li:hover button {
  color: #4270e4;
}

.menu-navigazione .menu-content .menu-section ul li a::before,
.menu-navigazione .menu-content .menu-section ul li button::before {
  line-height: 1.5rem;
  content: " ";
  font-weight: bold;
  font-size: 1.5rem;
  display: inline-block;
  width: 1.75rem;
  vertical-align: top;
  text-align: center;
  position: absolute;
  left: 2px;
}

.menu-navigazione .menu-content .menu-section ul li button {
  border: none;
  background: none;
  text-align: left;
  padding: 0;
  max-width: calc(100% - 2rem) !important;
  border-radius: 4px;
  font-weight: 600;
}

.menu-navigazione .menu-content .menu-section ul .menu-item-active {
  background-color: #f2f8ff;
  border-radius: 0.5rem;
}

.menu-navigazione .menu-content .menu-section ul .menu-item-active a::before,
.menu-navigazione .menu-content .menu-section ul .menu-item-active button::before {
  content: "•";
  color: #0047bb;
}

.menu-navigazione .menu-content .menu-section ul li:not(.menu-item-active) a:hover,
.menu-navigazione .menu-content .menu-section ul li:not(.menu-item-active) button:hover {
  color: #4270e4;
  text-decoration: underline;
}

.menu-navigazione .menu-content {
  height: 100%;
}

.offcanvas-panel {
  transition: 0.5s 0s;
  transform: translateX(488px);
  height: 0;
  padding: 0;
}

.offcanvas-panel-hide {
  transform: translateX(488px);
  height: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
}

.offcanvas-panel-hide[data-menu-lv="0"] {
  transform: translateX(-488px);
}

.offcanvas-panel-show {
  transform: translateX(0);
  height: auto;
  padding: initial;
  overflow: initial;
}

/* Keybtn */
.keybtn {
  position: relative;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #1a1c1e;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  margin: 4px 0;
  padding: 4px 0 0 0;
}

.keybtn.keybtn-large {
  font-size: 0.875rem;
  font-weight: 600;
}

.keybtn.keybtn-extralarge {
  font-size: 1rem;
  font-weight: 400;
}

.keybtn .keybtn-wrap {
  padding: 92px 8px 8px 8px;
  background-position: center 0px;
  background-size: 64px;
  background-repeat: no-repeat;
  text-align: center;
  display: block;
}

.keybtn.keybtn-large .keybtn-wrap {
  background-position: center 0px;
  background-size: 80px;
}

.keybtn.keybtn-extralarge .keybtn-wrap {
  background-position: center 0px;
  background-size: 108px;
  padding: 122px 8px 8px 8px;
}

.keybtn-wrap::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
  width: 64px;
  height: 64px;
  background-color: transparent;
  border-radius: 50%;
  opacity: 0;
  z-index: -1;
  border: none;
}

.keybtn-wrap.keybtn-large::after {
  width: 80px;
  height: 80px;
}

.keybtn-wrap.keybtn-extralarge::after {
  width: 108px;
  height: 108px;
}

.keybtn:hover .keybtn-wrap::after,
.keybtn:focus .keybtn-wrap::after {
  border: 1px solid #4270e4;
  top: 0px;
  width: 72px;
  height: 72px;
  opacity: 1;
}

.keybtn:hover.keybtn-large .keybtn-wrap::after,
.keybtn:focus.keybtn-large .keybtn-wrap::after {
  width: 88px;
  height: 88px;
}

.keybtn:hover.keybtn-extralarge .keybtn-wrap::after,
.keybtn:focus.keybtn-extralarge .keybtn-wrap::after {
  width: 116px;
  height: 116px;
}

/* Footer */
footer {
  margin-top: 0;
}

footer .content-footer {
  margin-bottom: 0;
}

footer .content-footer-extra {
  background-color: #f2f8ff;
}

footer .content-footer-main,
footer .content-footer-info {
  background-color: #eedc00;
}

footer .content-footer-info ul.footer-column {
  margin-bottom: 2rem;
}

footer .content-footer-info ul.footer-column li {
  padding: 6px 0;
}

footer .content-footer-info ul.footer-column li a {
  color: #1a1c1e;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

footer .content-footer-info ul.footer-column li a:hover {
  text-decoration: underline;
}

footer .content-footer-info #accordion-footer-info ul.footer-column {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

footer .content-footer-info #accordion-footer-info .panel {
  background-color: transparent;
  border-bottom-color: #5d5e61;
}

footer .content-footer-info #accordion-footer-info.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

footer .content-footer-info #accordion-footer-info.panel-group .panel-heading .accordion-toggle {
  padding-right: 0;
  padding-left: 1.5rem;
}

footer .content-footer-info #accordion-footer-info.panel-group .panel-heading .accordion-toggle::after {
  left: 0;
  color: #1a1c1e;
}

footer .content-footer-extra .base-footer ul {
  margin: 0;
}

footer .content-footer-extra .base-footer ul li {
  margin-bottom: 0.5rem;
}

footer .content-footer-extra .base-footer ul li:last-child {
  margin-bottom: 0;
}

/* Overlay sostenibilità */
#overlay-sustainability {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
}

#overlay-sustainability::after {
  background-color: rgba(19, 31, 39, 0.9725490196);
  width: 100%;
  height: 100%;
  z-index: 1061;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
}

#overlay-sustainability img {
  display: block;
  margin: 0 auto;
}

#overlay-sustainability .overlay-sustainability-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 450px;
  display: block;
  color: #f0f0f3;
  font-size: 0.875rem;
  text-align: center;
  z-index: 1062;
}

#overlay-sustainability .overlay-sustainability-content-wrap {
  background-color: rgba(15, 24, 30, 0.3882352941);
  padding: 24px;
  border-radius: 1rem;
  border: 1px solid rgba(76, 78, 79, 0.3882352941);
}

#overlay-sustainability .overlay-sustainability-ico {
  display: inline-block;
  margin: 0 auto;
}

#overlay-sustainability .overlay-sustainability-ico img,
#overlay-sustainability .overlay-sustainability-ico svg {
  width: 40px;
  height: 40px;
}

/**/
.slick-h-scroll .slick-list {
  margin: -8px -6px;
  padding: 8px 6px 15px 6px;
}

.slick-h-scroll .slick-list .slick-slide:not(.slick-active) .panel-cards {
  box-shadow: none;
}

@media (max-width: 767px) {
  .row-fix,
  .row-group.row-fix,
  .row-group .row-fix {
    margin-bottom: -16px;
  }
  .row-space {
    margin-top: 16px;
  }
  .content {
    margin-bottom: 16px;
  }
  #content-fedbar .content-fedbar-wrap {
    margin: 0 -6px 0 -10px;
  }
  #content-navbar .content-navbar-wrap {
    margin: 0 -6px;
  }
  #content-navbar .navbar .nav > li .navbar-object-mainmenu span.icon {
    width: auto;
    padding: 0.25rem 0;
  }
  #content-header-extra .header-extra-wrap {
    min-height: 3.25rem;
  }
  header.sticky .sticky-wrap.scrollDown.sticky-mid {
    transform: translateY(-6rem);
  }
  header.sticky .sticky-wrap.sticky-mid {
    transform: translateY(-2.75rem);
  }
  .icon.icon-round.icon-round-xs-trasparent {
    background: transparent;
  }
  .picture-offset img {
    max-width: calc(100% + 32px);
  }
  .picture-offset.picture-offset-topleft img {
    margin-top: -16px;
    margin-left: -16px;
  }
  .btn-container {
    margin-bottom: 8px;
  }
  .btn-container-xs-right .btn {
    float: right;
    margin-left: 8px;
  }
  .btn-container-xs-left .btn {
    float: left;
    margin-right: 8px;
  }
  .btn-container-xs-center {
    text-align: center;
  }
  .btn-container-xs-center .btn {
    float: none !important;
    margin-right: 4px;
    margin-left: 4px;
  }
  .btn-container-xs-right .btn:last-child {
    margin-left: 0;
  }
  .btn-container-xs-left .btn:last-child,
  .btn-container-xs-center .btn:last-child {
    margin-right: 0;
  }
  .btn-container-xs-center .btn:first-child {
    margin-left: 0;
  }
  .btn-container-xs-flow .btn {
    float: left;
    margin-right: 8px;
  }
  .btn-container-xs-flow .btn:not(.btn-default, .btn-secondary) {
    float: right;
  }
  /* header navbar*/
  #content-navbar,
  #content-navbar .navbar .navbar-header > div.navbar-wrap {
    height: 3.25rem;
    max-width: initial;
  }
  #content-navbar .navbar .navbar-brand {
    height: 3.25rem;
    width: auto;
    margin: 0 12px;
  }
  #content-navbar .navbar-header > ul.nav.navbar-nav > li.dropdown > ul {
    right: 0;
    left: auto;
  }
  #content-navbar .navbar-brand > img {
    max-width: 9.375rem;
  }
  #content-navbar.content-navbar-premium .navbar-brand > img {
    max-height: 2.8rem;
  }
  /* Side offcanvas*/
  .side-offcanvas {
    padding: 60px 0px 24px 24px;
    width: 100% !important;
    width: calc(100vw - 24px);
  }
  .side-offcanvas-content.side-offcanvas-content-fixed {
    margin: -60px 0px 0px -24px;
    padding: 60px 0px 24px 24px;
  }
  .side-offcanvas-content .side-offcanvas-obj {
    margin-bottom: 24px;
  }
  .left-side-offcanvas.side-offcanvas-close {
    transform: translate(-100vw, 0);
  }
  .right-side-offcanvas.side-offcanvas-close {
    transform: translate(100vw, 0);
  }
  #backHome {
    top: 20px;
    left: 22px;
  }
  .left-side-offcanvas .close-side-offcanvas {
    top: 20px;
    right: 20px;
  }
  .right-side-offcanvas .close-side-offcanvas {
    top: 20px;
    right: 20px;
  }
  .left-side-offcanvas .back-side-panel {
    left: 18px;
    top: 14px;
  }
  .side-offcanvas-content h2 {
    margin-bottom: 1.5rem;
  }
  .side-offcanvas div[data-menu-lv="2"] h2 {
    margin-top: 1rem;
  }
  #menu-profilo .side-offcanvas-content.side-offcanvas-content-fixed {
    background-size: 160px;
  }
  .content-heading {
    text-align: center;
  }
  .mosaic-content .content-heading,
  .slick-h-scroll .content-heading {
    text-align: left;
    padding-right: 116px;
  }
  #content-abstract {
    min-height: auto;
    padding: 24px 0 16px 0;
  }
  #content-abstract .abstract-heading {
    text-align: center;
  }
  #content-abstract.concept-app:not(:has(.abstract-cart)) {
    background-color: transparent;
  }
  #content-abstract.concept-app:not(.mode-reverse)::after {
    background-image: none !important;
  }
  #content-abstract.concept-app.mode-reverse {
    background-color: #f2f8ff;
  }
  #content-abstract.concept-app .abstract-heading {
    text-align: left;
  }
  #content-abstract.concept-app.mode-reverse.content-pattern::before,
  #content-abstract.concept-app.mode-reverse.content-pattern::after {
    content: "";
    display: block;
    width: 110%;
    height: 100px;
    position: absolute;
    border-radius: 0% 0% 50% 50%;
    bottom: 0;
    z-index: 2;
    background-image: none !important;
  }
  #content-abstract.concept-app.mode-reverse.content-pattern::before {
    left: -10px;
    box-shadow: -90px 56px 0 0 #fff;
  }
  #content-abstract.concept-app.mode-reverse.content-pattern::after {
    right: -10px;
    box-shadow: 180px 56px 0px 0px #fff;
  }
  #content-abstract.concept-app.mode-reverse.mode-xs-basic {
    padding-bottom: 16px;
    margin-bottom: 0;
    background-color: transparent;
  }
  #content-abstract.concept-app.mode-reverse.mode-xs-basic::before,
  #content-abstract.concept-app.mode-reverse.mode-xs-basic::after {
    display: none;
  }
  #content-abstract h1 {
    margin-top: 0;
  }
  #content-abstract .picture-wrap:not(:is(.box-frame .picture-wrap)) {
    padding-top: 270px;
  }
  #content-abstract.concept-a .picture-wrap {
    padding-top: 280px !important;
  }
  #content-abstract.concept-a.mode-promo .picture-wrap {
    padding-top: 260px !important;
  }
  #content-abstract.concept-b .abstract-wrap {
    min-height: auto;
  }
  #content-abstract.concept-b .abstract-wrap:has(.picture-wrap) {
    margin-top: 8px;
  }
  #content-abstract.concept-b::after {
    background-image: none;
  }
  #content-abstract picture {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #content-abstract.concept-a picture {
    top: -27%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  #content-abstract.concept-a.mode-promo picture {
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
  }
  #content-abstract.concept-a .abstract-wrap:not(:has(.picture-wrap)) {
    z-index: 3;
  }
  #content-abstract.concept-b picture {
    left: 50%;
    bottom: -8px;
  }
  #content-abstract.concept-a:not(.mode-promo) picture::before {
    background-size: 340px;
    width: 340px;
    height: 340px;
    top: 20px;
    left: auto;
    right: -6%;
  }
  #content-abstract.concept-a.mode-promo picture::before {
    background-image: none;
  }
  #content-abstract.concept-b .picture-pattern {
    left: 50%;
    transform: translateX(-50%);
    width: 880px;
    height: 270px;
    background-size: auto 270px;
    background-position: bottom center;
    animation: none;
  }
  #content-abstract.concept-a picture img {
    width: 340px;
    height: 340px;
  }
  #content-abstract.concept-a.mode-promo picture img {
    width: auto;
    height: auto;
  }
  #content-abstract.concept-b picture img {
    max-height: 270px;
  }
  #content-abstract .abstract-advantage.abstract-advantage-list .abstract-advantage-list-item {
    font-size: 1rem;
  }
  #content-abstract .abstract-advantage.abstract-advantage-list .advantage-detail-spec .previous-offer s {
    font-size: 1rem;
  }
  #content-abstract.concept-a.mode-promo .picture-wrap::before,
  #content-abstract.concept-a.mode-promo .picture-wrap::after,
  #content-abstract.concept-b .picture-wrap::before,
  #content-abstract.concept-b .picture-wrap::after {
    content: "";
    display: block;
    width: 110%;
    height: 100px;
    position: absolute;
    border-radius: 0% 0% 50% 50%;
    bottom: 0;
    z-index: 2;
  }
  #content-abstract.concept-a.mode-promo .picture-wrap::before,
  #content-abstract.concept-a.mode-promo .picture-wrap::after {
    bottom: 24px;
  }
  #content-abstract.concept-a.mode-promo .picture-wrap::before,
  #content-abstract.concept-b .picture-wrap::before {
    left: -10px;
    box-shadow: -90px 56px 0 0 #fff;
  }
  #content-abstract.concept-a.mode-promo .picture-wrap::after,
  #content-abstract.concept-b .picture-wrap::after {
    right: -10px;
    box-shadow: 180px 56px 0px 0px #fff;
  }
  /* BreadCrumb type a - Trim totale */
  .breadcrumb.breadcrumb-xs-trim-a li + li:not(:last-child) span[data-trim=trim] {
    text-indent: -9999px;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    z-index: 2;
  }
  .breadcrumb.breadcrumb-xs-trim-a li + li:not(:last-child) a:after {
    content: "...";
  }
  .breadcrumb.breadcrumb-xs-trim-a li + li:not(:last-child) a:hover:after,
  .breadcrumb.breadcrumb-xs-trim-a li + li:not(:last-child) a:focus-visible:after {
    content: "";
  }
  .breadcrumb.breadcrumb-xs-trim-a li + li:not(:last-child) a:hover span[data-trim=trim],
  .breadcrumb.breadcrumb-xs-trim-a li + li:not(:last-child) a:focus-visible span[data-trim=trim] {
    text-indent: 0px;
    position: relative;
    left: auto;
  }
  /* BreadCrumb type b - Trim su larghezza (controllo presenza span escludendo l'ultimo elemento) */
  .breadcrumb.breadcrumb-xs-trim-b li + li:not(:last-child) span[data-trim=trim] {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .breadcrumb.breadcrumb-xs-trim-b li + li:not(:last-child) span[data-trim=trim]:hover,
  .breadcrumb.breadcrumb-xs-trim-b li + li:not(:last-child) a:focus-visible span[data-trim=trim] {
    max-width: none;
  }
  /* Box */
  .box-evidence {
    margin-bottom: 16px;
    padding: 16px;
  }
  .box-frame {
    flex-direction: column;
    padding: 0.75rem 1rem 0.75rem 4.125rem;
  }
  .box-frame .box-wrap {
    padding: 0;
  }
  .box-frame::before {
    width: 3.125rem;
  }
  .box-frame .picture-wrap .icon {
    left: 0.6rem;
  }
  .box-messages {
    margin-bottom: 16px;
  }
  /*.box-messages.box-messages-small {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none;
      border: $border_marked;
  }*/
  /**/
  .box-rack.box-bg.bg-config-default .box-wrap {
    background-size: 180px auto;
    background-position: bottom 20px right 0;
  }
  .box-rack.box-bg.bg-config-01 .box-wrap {
    padding-right: inherit;
    background-position: right 16px bottom 16px;
    background-size: 3.5rem;
  }
  .box-rack.box-pattern-01 {
    background-position: right bottom;
    background-size: 767px;
  }
  .advantage-detail-spec-boxed {
    padding: 0.25rem;
  }
  /* paginazione */
  .pagination-wrap .pagination > li > a,
  .pagination-wrap .pagination > li > span {
    margin-left: 2px;
    margin-right: 2px;
  }
  /* Pricing*/
  .price-detail .price-currency,
  .price-detail .price-supcurrency,
  .price-detail .price-subcurrency {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .price-detail .price-value {
    font-size: 2.25rem;
    line-height: 2.125rem;
  }
  .price-detail .price-value-text {
    font-size: 2rem;
    line-height: 1.875rem;
  }
  .price-detail .price-subvalue,
  .price-detail .price-supvalue {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .offer-box.previous-offer {
    font-size: 1rem;
  }
  /* Panel cards */
  .panel-cards-default.mode-xs-center .panel-body,
  .panel-cards-default.mode-xs-center .panel-heading,
  .panel-cards-default.mode-xs-center .panel-footer {
    text-align: center;
  }
  .panel-cards,
  .row-group .panel-cards {
    margin-bottom: 16px;
  }
  .panel-cards:not(.panel-cards-basic),
  .row-group .panel-cards:not(.panel-cards-basic) {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e2e2e6;
  }
  .panel-cards .panel-wrap {
    padding: 16px;
  }
  .panel-cards .picture-wrap {
    position: relative;
  }
  /* Cards Reactive */
  .panel-cards-reactive picture img {
    width: 100%;
  }
  .panel-cards-reactive.mode-center picture img {
    width: auto;
  }
  /* Cards detailed-bg */
  .panel-cards-detailed-bg {
    display: block;
    align-items: unset;
  }
  .panel-cards-detailed-bg .panel-wrap-right {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
  .panel-cards-detailed-bg .picture-wrap.picture-wrap-left {
    height: 275px;
    float: none;
    width: 100%;
  }
  .panel-cards-detailed-bg.mode-stretch .picture-wrap.picture-wrap-left {
    width: 100%;
  }
  .panel-cards-detailed-bg .picture-wrap.picture-wrap-left picture {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
  }
  .panel-cards-detailed-bg .panel-wrap-right {
    float: none;
    width: 100%;
  }
  .panel-cards-detailed-bg.mode-stretch .panel-wrap-right {
    width: 100%;
  }
  .panel-cards-detailed-bg .panel-wrap-right .panel-body {
    margin: 0;
    padding: 0;
  }
  .panel-cards-detailed-bg img,
  .panel-cards-detailed-bg.mode-stretch img {
    width: 743px;
  }
  /* Cards default-call */
  .panel-cards-default.panel-cards-default-call .panel-footer {
    width: calc(100% - 32px);
  }
  /* Cards default-icon */
  .panel-cards-default-icon {
    min-height: 6rem;
  }
  .panel-cards-default-icon .panel-wrap {
    padding-left: 96px;
    background-position: 16px 16px;
  }
  .panel-cards-default-icon.mode-large .panel-wrap {
    padding: 16px 16px 16px 112px;
    background-position: 16px 16px;
  }
  /* default-icon right mode */
  .panel-cards-default-icon.mode-right .panel-wrap,
  .panel-cards-default-icon.mode-xs-right .panel-wrap {
    padding: 16px 96px 16px 16px;
    background-position: calc(100% - 16px) 16px;
  }
  .panel-cards-default-icon.mode-right.mode-large .panel-wrap,
  .panel-cards-default-icon.mode-xs-right.mode-large .panel-wrap {
    padding: 16px 112px 16px 16px;
    background-position: calc(100% - 16px) 16px;
  }
  /* Cards Default-icon center mode */
  .panel-cards-default-icon.mode-center .panel-wrap,
  .panel-cards-default-icon.mode-xs-center .panel-wrap {
    padding: 96px 16px 16px 16px;
    background-position: center 16px !important;
    text-align: center !important;
  }
  .panel-cards-default-icon.mode-center.mode-large .panel-wrap,
  .panel-cards-default-icon.mode-xs-center.mode-large .panel-wrap {
    padding: 112px 16px 16px 16px;
  }
  /* Cards picture-stretch */
  .panel-cards-picture-stretch,
  .panel-cards-picture.mode-stretch,
  .panel-cards-picture.mode-xs-stretch {
    display: flex;
    align-items: stretch;
    height: auto;
    min-height: auto;
  }
  .panel-cards-picture-stretch .picture-wrap-left,
  .panel-cards-picture.mode-stretch .picture-wrap-left,
  .panel-cards-picture.mode-xs-stretch .picture-wrap-left,
  .panel-cards-picture-stretch .panel-wrap-right,
  .panel-cards-picture.mode-stretch .panel-wrap-right,
  .panel-cards-picture.mode-xs-stretch .panel-wrap-right {
    height: auto;
  }
  .panel-cards-picture-stretch .picture-wrap-left,
  .panel-cards-picture.mode-stretch .picture-wrap-left,
  .panel-cards-picture.mode-xs-stretch .picture-wrap-left {
    float: left;
    width: 150px;
    min-height: 186px;
  }
  .panel-cards-picture-stretch .picture-wrap-left picture,
  .panel-cards-picture.mode-stretch .picture-wrap-left picture,
  .panel-cards-picture.mode-xs-stretch .picture-wrap-left picture {
    left: 0;
    transform: none;
  }
  .panel-cards-picture-stretch .panel-wrap-right,
  .panel-cards-picture.mode-stretch .picture-wrap-right,
  .panel-cards-picture.mode-xs-stretch .panel-wrap-right {
    margin-top: 0;
    float: right;
    width: calc(100% - 150px);
    min-height: 186px;
    margin-left: 0px;
  }
  .panel-cards-picture.mode-xs-stretch .picture-wrap picture img {
    max-width: 280px;
  }
  .panel-cards-trendy .picture-wrap {
    right: 50%;
    transform: translateX(50%);
    background-image: none !important;
    position: relative;
    text-align: center;
  }
  .panel-cards-trendy .picture-wrap img {
    max-width: 100%;
  }
  /* Cards picture mosaic */
  .mosaic-content .panel-cards-picture .picture-wrap picture img {
    height: 228px;
  }
  .mosaic-content .panel-cards-picture .picture-wrap {
    height: 185px;
  }
  /* Cards bg */
  .panel-cards-bg.bg-config-default .panel-wrap {
    background-size: 170px;
    background-position: bottom 16px right 8px;
    padding-bottom: 140px;
  }
  .panel-cards-bg.bg-config-default.mode-flush .panel-wrap,
  .panel-cards-bg.bg-config-default.mode-stretch .panel-wrap {
    background-size: 170px;
    padding-bottom: 130px;
  }
  .panel-cards-bg.bg-config-default.mode-stretch.mode-flush .panel-wrap {
    padding-bottom: 114px;
  }
  .panel-cards-bg.bg-config-01:not(.mode-stretch) .panel-wrap,
  .panel-cards-bg.bg-config-01.mode-stretch .panel-wrap {
    background-size: auto 130px;
    background-repeat: no-repeat;
    background-position: center bottom 8px;
    padding-bottom: 160px;
    padding-right: 16px;
    height: 100%;
  }
  /* Main-pills */
  .main-pills,
  .row-group .main-pills {
    margin-bottom: 16px;
  }
  .main-pills:not(.main-pills-basic, .main-pills-xs-basic),
  .row-group .main-pills:not(.main-pills-basic, .main-pills-xs-basic) {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e2e2e6;
  }
  .main-pills .main-pills-wrap {
    padding: 16px;
  }
  .main-pills-xs-basic {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background-color: transparent;
  }
  .main-pills-xs-basic .main-pills-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .main-pills h2,
  .main-pills .h2 {
    text-align: center;
  }
  .main-pills h2.area-heading,
  .main-pills .h2.area-heading {
    text-align: left;
  }
  .main-pills.main-pills-showcase .box-editable-area,
  .main-pills.main-pills-showcase .btn-container {
    text-align: center;
  }
  .main-pills.main-pills-showcase .main-pills-wrap-right,
  .main-pills.main-pills-showcase .main-pills-wrap-left {
    float: none;
    margin-left: 0;
    margin-right: 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    width: 100%;
  }
  .main-pills.main-pills-showcase .picture-wrap {
    height: 275px;
    float: none !important;
    width: 100% !important;
  }
  .main-pills.main-pills-showcase .picture-wrap picture {
    position: absolute;
    top: 0;
    z-index: 0;
  }
  .main-pills.main-pills-showcase .picture-wrap.picture-wrap-right picture {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .main-pills.main-pills-showcase .picture-wrap.picture-wrap-left picture {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .main-pills.main-pills-showcase .picture-wrap picture img {
    width: 743px;
  }
  .panel-group-pills .panel-pills .panel-heading {
    padding: 24px 16px;
  }
  .panel-group-pills .panel-pills .panel-body {
    padding: 0px 16px 16px 16px;
  }
  .media-wizard .media-left,
  .media-wizard .media-right,
  .media-wizard .media-body {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .media-wizard .media-left .media-wrap,
  .media-wizard .media-right .media-wrap,
  .media-wizard .media-body {
    width: auto;
  }
  .media-wizard .media-left .media-object,
  .media-wizard .media-right .media-object {
    margin: 0 auto;
  }
  .media-wizard .media-left {
    margin-bottom: 24px;
  }
  .media-wizard .media-right {
    margin-top: 16px;
  }
  .main-pills.main-pills-lead {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
  }
  .main-pills.main-pills-lead .main-pills-wrap {
    padding: 16px;
  }
  .main-pills.main-pills-lead p {
    font-size: 16px;
    line-height: 1.5rem;
  }
  /* level range list */
  .level-range > li.level-value {
    padding-right: 3px;
    padding-left: 3px;
  }
  .level-range > li.level-value.active {
    padding-right: 5px;
    padding-left: 5px;
  }
  /* pricing */
  .price-info {
    margin-bottom: 0.25rem;
  }
  /* Button */
  .btn-xs-expand {
    width: 100%;
    text-align: center;
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* truncate overflow text */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .btn-responsive,
  .btn-xs-responsive {
    padding: 2px 20px;
    font-size: 0.875rem;
    line-height: 1.875rem;
    height: 2.25rem;
  }
  .btn-responsive.btn-default,
  .btn-xs-responsive.btn-default {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 2px 8px;
  }
  .btn-responsive.btn-cta,
  .btn-xs-responsive.btn-cta {
    padding: 2px 5px;
  }
  .btn-responsive.btn-default.active,
  .btn-responsive.btn-default:active,
  .btn-responsive.btn-default.active:hover,
  .btn-responsive.btn-default:active:hover,
  .btn-responsive.btn-default:hover,
  .btn-responsive.btn-default.focus,
  .btn-responsive.btn-default:focus,
  .btn-xs-responsive.btn-default.active,
  .btn-xs-responsive.btn-default:active,
  .btn-xs-responsive.btn-default.active:hover,
  .btn-xs-responsive.btn-default:active:hover,
  .btn-xs-responsive.btn-default:hover,
  .btn-xs-responsive.btn-default.focus,
  .btn-xs-responsive.btn-default:focus {
    background-color: transparent !important;
    border-color: transparent !important;
  }
  .btn-responsive.btn-default:not(.btn-cta):hover {
    text-decoration: underline !important;
  }
  /* Carousel double */
  .carousel-double .carousel-text,
  .carousel-double .carousel-wrap {
    height: auto;
  }
  .carousel-double .carousel-wrap {
    margin-bottom: 5rem;
  }
  /* fix logo */
  .h-brand-standard {
    max-height: 32px;
  }
  /* tabs */
  .default-nav-tabs-container {
    margin-bottom: 0.5rem;
  }
  /* login */
  .login-content {
    background: none;
  }
  /* posteid row login like */
  .extra-service-content {
    background: linear-gradient(180deg, #f2f8ff 140px, #fff 0);
    padding-top: 140px !important;
  }
  .extra-service-content h2 {
    text-align: left;
  }
  .extra-service-content .extra-service-content-logo img {
    margin: -96px auto 35px auto;
  }
  #overlay-sustainability .overlay-sustainability-content {
    width: calc(100% - 24px);
  }
  #overlay-sustainability::after {
    background-color: rgba(19, 31, 39, 0.9215686275);
  }
  .table-bordered caption {
    border: none;
    border-top: 1px solid #c6c6c9;
  }
  .keybtn.keybtn-extralarge {
    font-size: 0.875rem;
    font-weight: 600;
  }
  .keybtn.keybtn-extralarge .keybtn-wrap {
    background-position: center 0px;
    background-size: 80px;
    padding: 92px 8px 8px 8px;
  }
  .keybtn-wrap.keybtn-extralarge::after {
    width: 80px;
    height: 80px;
  }
  .keybtn:hover.keybtn-extralarge .keybtn-wrap::after,
  .keybtn:focus.keybtn-extralarge .keybtn-wrap::after {
    width: 88px;
    height: 88px;
  }
  .panel-group-pills .panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e2e2e6;
    margin-bottom: 16px;
  }
  .panel-group-pills .panel + .panel {
    margin-top: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .row-fix {
    margin-bottom: -24px;
  }
  .row-space {
    margin-top: 16px;
  }
  .content {
    margin-bottom: 24px;
  }
  /* box */
  .box-messages {
    margin-bottom: 24px;
  }
  .box-rack.box-pattern-01 {
    background-size: 992px;
    background-position: right bottom;
  }
  /* pricing */
  .price-info {
    margin-bottom: 0.25rem;
  }
  /*Btn*/
  .btn-container-sm-right .btn {
    float: right;
    margin-left: 8px;
  }
  .btn-container-sm-left .btn {
    float: left;
    margin-right: 8px;
  }
  .btn-container-sm-center {
    text-align: center;
  }
  .btn-container-sm-center .btn {
    float: none !important;
    margin-right: 4px;
    margin-left: 4px;
  }
  .btn-container-sm-right .btn:last-child {
    margin-left: 0;
  }
  .btn-container-sm-left .btn:last-child,
  .btn-container-sm-center .btn:last-child {
    margin-right: 0;
  }
  .btn-container-sm-center .btn:first-child {
    margin-left: 0;
  }
  .btn-container-sm-flow .btn {
    float: left;
    margin-right: 8px;
  }
  .btn-container-sm-flow .btn:not(.btn-default, .btn-secondary) {
    float: right;
  }
  /* Button responsive*/
  .btn-sm-expand {
    width: 100%;
    text-align: center;
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* truncate overflow text */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .btn-responsive,
  .btn-sm-responsive {
    padding: 2px 20px;
    font-size: 0.875rem;
    line-height: 1.875rem;
    height: 2.25rem;
  }
  .btn-responsive.btn-default,
  .btn-sm-responsive.btn-default {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 2px 8px;
  }
  .btn-responsive.btn-cta,
  .btn-sm-responsive.btn-cta {
    padding: 2px 5px;
  }
  .btn-responsive.btn-default.active,
  .btn-responsive.btn-default:active,
  .btn-responsive.btn-default.active:hover,
  .btn-responsive.btn-default:active:hover,
  .btn-responsive.btn-default:hover,
  .btn-responsive.btn-default.focus,
  .btn-responsive.btn-default:focus,
  .btn-sm-responsive.btn-default.active,
  .btn-sm-responsive.btn-default:active,
  .btn-sm-responsive.btn-default.active:hover,
  .btn-sm-responsive.btn-default:active:hover,
  .btn-sm-responsive.btn-default:hover,
  .btn-sm-responsive.btn-default.focus,
  .btn-sm-responsive.btn-default:focus {
    background-color: transparent !important;
    border-color: transparent !important;
  }
  .btn-responsive.btn-default:not(.btn-cta):hover {
    text-decoration: underline !important;
  }
  #content-fedbar .content-fedbar-wrap {
    margin: 0 -6px 0 -10px;
  }
  #content-navbar .navbar-header > ul.nav.navbar-nav > li.dropdown > ul {
    right: 0;
    left: auto;
  }
  #content-navbar.content-navbar-premium .navbar-brand > img {
    max-height: 2.8rem;
  }
  #content-abstract:not(.concept-a, .concept-b, .concept-app) {
    padding: 40px 0 32px 0;
  }
  #content-abstract h1 {
    margin-top: 0;
  }
  #content-abstract.concept-a {
    min-height: 240px;
  }
  #content-abstract.concept-a picture {
    top: -50px;
  }
  #content-abstract.concept-a picture::before {
    background-size: 375px;
    width: 375px;
    height: 375px;
    top: 40px;
    left: -70px;
  }
  #content-abstract.concept-a picture img {
    width: 375px;
    height: 375px;
  }
  #content-abstract.concept-b .abstract-wrap {
    min-height: 290px;
  }
  #content-abstract.concept-b picture img {
    max-height: 370px;
  }
  #content-abstract.concept-b picture.picture-complete img {
    max-width: 680px;
    max-height: auto;
  }
  #content-abstract.concept-b .picture-pattern {
    background-position: bottom left;
    /*background-size: auto 370px;*/
    height: 405px;
  }
  /* Cards */
  .panel-cards {
    margin-bottom: 24px;
  }
  .panel-cards-default.mode-sm-center .panel-body,
  .panel-cards-default.mode-sm-center .panel-heading,
  .panel-cards-default.mode-sm-center .panel-footer {
    text-align: center;
  }
  /* Cards reactive */
  .panel-cards-reactive.panel-cards-basic .panel-wrap-pre {
    margin-bottom: 1rem;
  }
  /* Cards detailed-bg */
  .panel-cards-detailed-bg .panel-wrap-right {
    width: calc(100% - 291px);
  }
  .panel-cards-detailed-bg .panel-wrap-right .panel-body {
    margin-left: -315px;
  }
  .panel-cards-detailed-bg .picture-wrap.picture-wrap-left {
    width: 291px;
  }
  .panel-cards-detailed-bg .picture-wrap.picture-wrap-left picture {
    left: -10px;
  }
  /* default-icon right mode */
  .panel-cards-default-icon.mode-sm-right .panel-wrap {
    padding: 24px 104px 24px 24px;
    background-position: calc(100% - 24px) 24px;
  }
  .panel-cards-default-icon.mode-sm-right.mode-large .panel-wrap {
    padding: 24px 112px 24px 24px;
    background-position: calc(100% - 16px) 24px;
  }
  /* Cards Default-icon center mode */
  .panel-cards-default-icon.mode-sm-center .panel-wrap {
    padding: 104px 24px 24px 24px;
    background-position: center 24px !important;
    text-align: cente !important;
  }
  .panel-cards-default-icon.mode-sm-center.mode-large .panel-wrap {
    padding: 112px 24px 24px 24px;
  }
  /* Cards bg */
  .panel-cards-bg.bg-config-default .panel-wrap {
    background-position: bottom 24px right 24px;
  }
  .panel-cards-bg.bg-config-01:not(.mode-stretch) .panel-wrap,
  .panel-cards-bg.bg-config-01.mode-stretch .panel-wrap {
    background-size: 200px auto;
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 240px;
  }
  /* Cards picture-stretch */
  .panel-cards-picture-stretch,
  .panel-cards-picture.mode-stretch,
  .panel-cards-picture.mode-sm-stretch {
    display: flex;
    align-items: stretch;
    height: auto;
    min-height: auto;
  }
  .panel-cards-picture-stretch .picture-wrap-left,
  .panel-cards-picture.mode-stretch .picture-wrap-left,
  .panel-cards-picture.mode-sm-stretch .picture-wrap-left,
  .panel-cards-picture-stretch .panel-wrap-right,
  .panel-cards-picture.mode-stretch .panel-wrap-right,
  .panel-cards-picture.mode-sm-stretch .panel-wrap-right {
    height: auto;
  }
  .panel-cards-picture-stretch .picture-wrap-left,
  .panel-cards-picture.mode-stretch .picture-wrap-left,
  .panel-cards-picture.mode-sm-stretch .picture-wrap-left {
    float: left;
    width: 150px;
    min-height: 186px;
  }
  .panel-cards-picture-stretch .picture-wrap-left picture,
  .panel-cards-picture.mode-stretch .picture-wrap-left picture,
  .panel-cards-picture.mode-sm-stretch .picture-wrap-left picture {
    left: 0;
    transform: none;
  }
  .panel-cards-picture-stretch .panel-wrap-right,
  .panel-cards-picture.mode-stretch .panel-wrap-right,
  .panel-cards-picture.mode-sm-stretch .panel-wrap-right {
    margin-top: 0;
    float: right;
    width: calc(100% - 150px);
    margin-left: 0px;
  }
  .panel-cards-picture.mode-sm-stretch .picture-wrap picture img {
    max-width: 280px;
  }
  /* Cards trendy */
  .panel-cards-trendy {
    min-height: 360px;
  }
  .panel-cards-trendy .picture-wrap {
    bottom: 0px;
    transform: translateX(30%);
    right: 24px;
  }
  .panel-cards-trendy .picture-wrap img {
    width: 75%;
  }
  .panel-cards-trendy.mode-stretch .picture-wrap {
    text-align: center;
    position: relative;
    transform: none;
    right: auto;
  }
  .panel-cards-trendy.mode-stretch .picture-wrap img {
    max-width: 100%;
    width: 100%;
  }
  /* Cards picture mosaic */
  .mosaic-content .panel-cards-picture .picture-wrap picture img {
    height: 195px;
  }
  .mosaic-content .panel-cards-picture .picture-wrap {
    height: 185px;
  }
  /* BreadCrumb type a - Trim totale */
  .breadcrumb.breadcrumb-sm-trim-a li + li:not(:last-child) span[data-trim=trim] {
    text-indent: -9999px;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    z-index: 2;
  }
  .breadcrumb.breadcrumb-sm-trim-a li + li:not(:last-child) a:after {
    content: "...";
  }
  .breadcrumb.breadcrumb-sm-trim-a li + li:not(:last-child) a:hover:after,
  .breadcrumb.breadcrumb-sm-trim-a li + li:not(:last-child) a:focus-visible:after {
    content: "";
  }
  .breadcrumb.breadcrumb-sm-trim-a li + li:not(:last-child) a:hover span[data-trim=trim],
  .breadcrumb.breadcrumb-sm-trim-a li + li:not(:last-child) a:focus-visible span[data-trim=trim] {
    text-indent: 0px;
    position: relative;
    left: auto;
  }
  /* BreadCrumb type b - Trim su larghezza (controllo presenza span escludendo l'ultimo elemento) */
  .breadcrumb.breadcrumb-sm-trim-b li + li:not(:last-child) span[data-trim=trim] {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .breadcrumb.breadcrumb-sm-trim-b li + li:not(:last-child) span[data-trim=trim]:hover,
  .breadcrumb.breadcrumb-sm-trim-b li + li:not(:last-child) a:focus-visible span[data-trim=trim] {
    max-width: none;
  }
  /* Main-pills */
  .main-pills {
    margin-bottom: 24px;
  }
  .main-pills-sm-basic {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background-color: transparent;
  }
  .main-pills-sm-basic .main-pills-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  /* panel pills */
  .panel-group-pills .panel {
    margin-bottom: 24px;
  }
  .panel-group-pills .panel + .panel {
    margin-top: 24px;
  }
  /*
  .wizard .wizard-inner {
      min-height: 6.875rem; //110px
  }
  */
  .media-wizard .media-left .media-wrap,
  .media-wizard .media-right .media-wrap {
    width: 173px;
  }
  .media-wizard .media-left .media-wrap-small,
  .media-wizard .media-right .media-wrap-small {
    width: 130px;
  }
  /* Btn */
  .btn-sm-expand {
    width: 100%;
    text-align: center;
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* truncate overflow text */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* Carousel double */
  .carousel-double .carousel-text,
  .carousel-double .carousel-wrap,
  .carousel-double .carousel-obj {
    height: auto;
  }
  .carousel-double .carousel-obj {
    margin: 0.5rem 0 6rem 0;
  }
  .carousel-double .carousel-wrap {
    margin-bottom: 1.5rem;
  }
  .keybtn.keybtn-extralarge {
    font-size: 0.875rem;
    font-weight: 600;
  }
  .keybtn.keybtn-extralarge .keybtn-wrap {
    background-position: center 0px;
    background-size: 80px;
    padding: 92px 8px 8px 8px;
  }
  .keybtn-wrap.keybtn-extralarge::after {
    width: 80px;
    height: 80px;
  }
  .keybtn:hover.keybtn-extralarge .keybtn-wrap::after,
  .keybtn:focus.keybtn-extralarge .keybtn-wrap::after {
    width: 88px;
    height: 88px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-container-md-right .btn {
    float: right;
    margin-left: 8px;
  }
  .btn-container-md-left .btn {
    float: left;
    margin-right: 8px;
  }
  .btn-container-md-center {
    text-align: center;
  }
  .btn-container-md-center .btn {
    float: none !important;
    margin-right: 4px;
    margin-left: 4px;
  }
  .btn-container-md-right .btn:last-child {
    margin-left: 0;
  }
  .btn-container-md-left .btn:last-child,
  .btn-container-md-center .btn:last-child {
    margin-right: 0;
  }
  .btn-container-md-center .btn:first-child {
    margin-left: 0;
  }
  .btn-container-md-flow .btn {
    float: left;
    margin-right: 8px;
  }
  .btn-container-md-flow .btn:not(.btn-default, .btn-secondary) {
    float: right;
  }
  #content-navbar .navbar-nav {
    max-width: 360px;
  }
  #content-abstract.concept-a picture::before {
    background-size: 500px;
    width: 500px;
    height: 500px;
    top: 40px;
    left: -70px;
  }
  #content-abstract.concept-a picture img {
    width: 500px;
    height: 500px;
  }
  /*
  #content-abstract.concept-b picture img {
      max-height: 400px;
  }
  */
  .panel-cards-default.mode-md-center .panel-body,
  .panel-cards-default.mode-md-center .panel-heading,
  .panel-cards-default.mode-md-center .panel-footer {
    text-align: center;
  }
  /* Cards detailed-bg */
  .panel-cards-detailed-bg .panel-wrap-right {
    width: calc(100% - 304px);
  }
  .panel-cards-detailed-bg .panel-wrap-right .panel-body {
    margin-left: -329px;
  }
  .panel-cards-detailed-bg .picture-wrap.picture-wrap-left {
    width: 304px;
  }
  .panel-cards-detailed-bg .picture-wrap.picture-wrap-left picture {
    left: -3px;
  }
  /* default-icon right mode */
  .panel-cards-default-icon.mode-md-right .panel-wrap {
    padding: 24px 104px 24px 24px;
    background-position: calc(100% - 24px) 24px;
  }
  .panel-cards-default-icon.mode-md-right.mode-large .panel-wrap {
    padding: 24px 112px 24px 24px;
    background-position: calc(100% - 16px) 24px;
  }
  /* Cards Default-icon center mode */
  .panel-cards-default-icon.mode-md-center .panel-wrap {
    padding: 104px 24px 24px 24px;
    background-position: center 24px !important;
    text-align: center !important;
  }
  .panel-cards-default-icon.mode-md-center.mode-large .panel-wrap {
    padding: 112px 24px 24px 24px;
  }
  /* Cards bg */
  .panel-cards-bg.bg-config-default .panel-wrap {
    background-size: 165px;
    background-position: bottom 24px right 24px;
  }
  .panel-cards-bg.bg-config-default.mode-stretch .panel-wrap {
    padding-bottom: 150px;
  }
  .panel-cards-bg.bg-config-01:not(.mode-stretch) .panel-wrap {
    background-size: 230px auto;
    background-position: right 50px center;
    padding-right: 280px;
  }
  .panel-cards-bg.bg-config-01.mode-stretch .panel-wrap {
    background-size: 200px auto;
    background-repeat: no-repeat;
    background-position: right 8px bottom 8px;
    padding-right: 180px;
  }
  /* Cards picture-stretch */
  .panel-cards-picture-stretch,
  .panel-cards-picture.mode-stretch,
  .panel-cards-picture.mode-md-stretch {
    display: flex;
    align-items: stretch;
    height: auto;
    min-height: auto;
  }
  .panel-cards-picture-stretch .picture-wrap-left,
  .panel-cards-picture.mode-stretch .picture-wrap-left,
  .panel-cards-picture.mode-md-stretch .picture-wrap-left,
  .panel-cards-picture-stretch .panel-wrap-right,
  .panel-cards-picture.mode-stretch .panel-wrap-right,
  .panel-cards-picture.mode-md-stretch .panel-wrap-right {
    height: auto;
  }
  .panel-cards-picture-stretch .picture-wrap-left,
  .panel-cards-picture.mode-stretch .picture-wrap-left,
  .panel-cards-picture.mode-md-stretch .picture-wrap-left {
    float: left;
    width: 150px;
    min-height: 186px;
  }
  .panel-cards-picture-stretch .picture-wrap-left picture,
  .panel-cards-picture.mode-stretch .picture-wrap-left picture,
  .panel-cards-picture.mode-md-stretch .picture-wrap-left picture {
    left: 0;
    transform: none;
  }
  .panel-cards-picture-stretch .panel-wrap-right,
  .panel-cards-picture.mode-stretch .panel-wrap-right,
  .panel-cards-picture.mode-md-stretch .panel-wrap-right {
    margin-top: 0;
    float: right;
    width: calc(100% - 150px);
    margin-left: 0px;
  }
  .panel-cards-picture.mode-md-stretch .picture-wrap picture img {
    max-width: 280px;
  }
  /* Cards trendy */
  .panel-cards-trendy.mode-stretch .picture-wrap {
    position: relative;
    text-align: center;
  }
  .panel-cards-trendy.mode-stretch .picture-wrap img {
    max-width: 100%;
  }
  /* Media */
  .media-wizard .media-left .media-wrap,
  .media-wizard .media-right .media-wrap {
    width: 178px;
  }
  .media-wizard .media-left .media-wrap-small,
  .media-wizard .media-right .media-wrap-small {
    width: 130px;
  }
  /* BreadCrumb type a - Trim totale */
  .breadcrumb.breadcrumb-md-trim-a li + li:not(:last-child) span[data-trim=trim] {
    text-indent: -9999px;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    z-index: 2;
  }
  .breadcrumb.breadcrumb-md-trim-a li + li:not(:last-child) a:after {
    content: "...";
  }
  .breadcrumb.breadcrumb-md-trim-a li + li:not(:last-child) a:hover:after,
  .breadcrumb.breadcrumb-md-trim-a li + li:not(:last-child) a:focus-visible:after {
    content: "";
  }
  .breadcrumb.breadcrumb-md-trim-a li + li:not(:last-child) a:hover span[data-trim=trim],
  .breadcrumb.breadcrumb-md-trim-a li + li:not(:last-child) a:focus-visible span[data-trim=trim] {
    text-indent: 0px;
    position: relative;
    left: auto;
  }
  /* BreadCrumb type b - Trim su larghezza (controllo presenza span escludendo l'ultimo elemento) */
  .breadcrumb.breadcrumb-md-trim-b li + li:not(:last-child) span[data-trim=trim] {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .breadcrumb.breadcrumb-md-trim-b li + li:not(:last-child) span[data-trim=trim]:hover,
  .breadcrumb.breadcrumb-md-trim-b li + li:not(:last-child) a:focus-visible span[data-trim=trim] {
    max-width: none;
  }
  /* Btn */
  .btn-md-expand {
    width: 100%;
    text-align: center;
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* truncate overflow text */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #content-navbar .navbar .nav > li .navbar-object-login {
    max-width: 7.155rem;
  }
  /* Footer customizzation */
  .content-footer-info ul.social-bar li {
    display: block;
    padding: 3px 0px;
  }
}
@media (min-width: 1200px) {
  .btn-container-lg-right .btn {
    float: right;
    margin-left: 8px;
  }
  .btn-container-lg-left .btn {
    float: left;
    margin-right: 8px;
  }
  .btn-container-lg-center {
    text-align: center;
  }
  .btn-container-lg-center .btn {
    float: none !important;
    margin-right: 4px;
    margin-left: 4px;
  }
  .btn-container-lg-right .btn:last-child {
    margin-left: 0;
  }
  .btn-container-lg-left .btn:last-child,
  .btn-container-lg-center .btn:last-child {
    margin-right: 0;
  }
  .btn-container-lg-center .btn:first-child {
    margin-left: 0;
  }
  .btn-container-lg-flow .btn {
    float: left;
    margin-right: 8px;
  }
  .btn-container-lg-flow .btn:not(.btn-default, .btn-secondary) {
    float: right;
  }
  .panel-cards-default.mode-lg-center .panel-body,
  .panel-cards-default.mode-lg-center .panel-heading,
  .panel-cards-default.mode-lg-center .panel-footer {
    text-align: center;
  }
  /* Cards picture-stretch */
  .panel-cards-picture-stretch,
  .panel-cards-picture.mode-stretch,
  .panel-cards-picture.mode-lg-stretch {
    display: flex;
    align-items: stretch;
    height: auto;
    min-height: auto;
  }
  .panel-cards-picture-stretch .picture-wrap-left,
  .panel-cards-picture.mode-stretch .picture-wrap-left,
  .panel-cards-picture.mode-lg-stretch .picture-wrap-left,
  .panel-cards-picture-stretch .panel-wrap-right,
  .panel-cards-picture.mode-stretch .panel-wrap-right,
  .panel-cards-picture.mode-lg-stretch .panel-wrap-right {
    height: auto;
  }
  .panel-cards-picture-stretch .picture-wrap-left,
  .panel-cards-picture.mode-stretch .picture-wrap-left,
  .panel-cards-picture.mode-lg-stretch .picture-wrap-left {
    float: left;
    width: 150px;
    min-height: 186px;
  }
  .panel-cards-picture-stretch .picture-wrap-left picture,
  .panel-cards-picture.mode-stretch .picture-wrap-left picture,
  .panel-cards-picture.mode-lg-stretch .picture-wrap-left picture {
    left: 0;
    transform: none;
  }
  .panel-cards-picture-stretch .panel-wrap-right,
  .panel-cards-picture.mode-stretch .panel-wrap-right,
  .panel-cards-picture.mode-lg-stretch .panel-wrap-right {
    margin-top: 0;
    float: right;
    width: calc(100% - 150px);
    margin-left: 0px;
  }
  .panel-cards-picture.mode-lg-stretch .picture-wrap picture img {
    max-width: 280px;
  }
  /* Cards Default-icon center mode */
  .panel-cards-default-icon.mode-lg-center .panel-wrap {
    padding: 104px 24px 24px 24px;
    background-position: center 24px;
    text-align: center;
  }
  .panel-cards-default-icon.mode-lg-center.mode-large .panel-wrap {
    padding: 112px 24px 24px 24px;
  }
  /* default-icon right mode */
  .panel-cards-default-icon.mode-lg-right .panel-wrap {
    padding: 24px 104px 24px 24px;
    background-position: calc(100% - 24px) 24px;
  }
  .panel-cards-default-icon.mode-lg-right.mode-large .panel-wrap {
    padding: 24px 112px 24px 24px;
    background-position: calc(100% - 16px) 24px;
  }
  /* Cards detailed bg */
  .panel-cards-detailed-bg .picture-wrap.picture-wrap-left picture {
    left: -6px;
  }
  /* Footer customizzation */
  .content-footer-info ul.social-bar li {
    display: block;
    padding: 3px 0px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .panel-cards .picture-wrap {
    background-image: url(/assets-da/core/img/loghi/logo-poste-italiane-watermark@2x.png);
  }
}
/*****************************************************
    @IMPORT
    Foglio stile Pop-Theme - (c) Poste Italiane 2023/2024
*****************************************************/
@media (min-width: 1200px) {
  /* Pop - cross */
  .content-heading {
    font-size: 1.75rem;
    line-height: 2.625rem;
    letter-spacing: 0.19px;
  }
  /* Pop generic */
  .display-pop h1,
  .display-pop .h1,
  .display-pop .title-extralarge,
  h1.display-pop,
  .display-pop.h1,
  .display-pop.title-extralarge {
    font-size: 3rem;
    line-height: 3.5rem;
    letter-spacing: 0.32px;
  }
  .display-pop *:is(.panel-cards-detailed, .panel-cards-detailed-bg, .panel-cards-default-call, .panel-cards-trendy, .main-pills) h2,
  .display-pop *:is(.panel-cards-detailed, .panel-cards-detailed-bg, .panel-cards-default-call, .panel-cards-trendy, .main-pills) .h2,
  .display-pop .title-medium,
  h2.display-pop,
  .display-pop.h2,
  .display-pop.title-medium {
    font-size: 1.75rem;
    line-height: 2.625rem;
    letter-spacing: 0.19px;
  }
  .display-pop .fs-large,
  .display-pop .fs-large p,
  .display-pop.fs-large {
    font-size: 1.5rem !important;
    line-height: 2.25rem !important;
  }
  /* Pop - abstract */
  .display-pop .abstract-subtitle {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .display-pop .abstract-advantage .list-check {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  /* Pop - mainpills/cards */
  .display-pop .main-pills:not(.main-pills-collection-link, .main-pills-lead, :has(.panel-group-accordion)) .box-editable-area p,
  .display-pop .panel-cards-trendy .cards-content p,
  .display-pop .panel-cards-default-call .cards-content p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .display-pop .main-pills:not(.main-pills-collection-link, .main-pills-lead, :has(.panel-group-accordion)) .list-check li,
  .display-pop .panel-cards-detailed .list-check li,
  .display-pop .panel-cards-detailed-bg .list-check li,
  .display-pop .panel-cards-default-call .list-check li {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  /* Pop - custom */
  #homepage .display-pop .panel-cards-picture .cards-content p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  #homepage .display-pop .panel-cards-picture .line-clamp:after {
    height: 1.125rem;
  }
  #homepage .display-pop .panel-cards-picture .line-clamp-1 {
    max-height: 1.6875rem;
  }
  #homepage .display-pop .panel-cards-picture .line-clamp-2 {
    max-height: 3.375rem;
  }
  #homepage .display-pop .panel-cards-picture .line-clamp-3 {
    max-height: 5.0625rem;
  }
  #homepage .display-pop .panel-cards-picture .line-clamp-4 {
    max-height: 6.75rem;
  }
  #homepage .display-pop .panel-cards-picture .line-clamp-5 {
    max-height: 8.4375rem;
  }
  #content-abstract-hero h2.h1 {
    font-size: 3rem;
    line-height: 3.5rem;
    letter-spacing: 0.32px;
  }
  .slick-prev, .slick-next {
    top: -53px;
  }
}/*# sourceMappingURL=core.css.map */