/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./assets/frontend/sass/main.scss ***!
  \*******************************************************************************************************************************************************************************************/
@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: auto;
          font-feature-settings: auto;
  -webkit-font-kerning: auto;
          font-kerning: auto;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

img,
video {
  vertical-align: middle;
}

figure {
  height: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* BreakPoints */
/* Grid */
/* Colors */
/* Fonts */
@font-face {
  font-family: "icon";
  src: url(0f6b15e85560666e0e4a.eot?bjr63w);
  src: url(0f6b15e85560666e0e4a.eot?bjr63w#iefix) format("embedded-opentype"), url(7b730eaaab67ef60035f.ttf?bjr63w) format("truetype"), url(7e0134a656b59db8895a.woff?bjr63w) format("woff"), url(949eb0158a31fd0fa4cb.svg?bjr63w#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icon" !important;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: never;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-able:before {
  content: "\e900";
}

.icon-account-box:before {
  content: "\e901";
}

.icon-apartment:before {
  content: "\e902";
}

.icon-arrow-cases:before {
  content: "\e903";
}

.icon-arrow-down:before {
  content: "\e904";
}

.icon-arrow-left:before {
  content: "\e905";
}

.icon-arrow-right:before {
  content: "\e906";
}

.icon-campaign:before {
  content: "\e907";
}

.icon-close:before {
  content: "\e908";
}

.icon-dashboard:before {
  content: "\e909";
}

.icon-docs:before {
  content: "\e90a";
}

.icon-download:before {
  content: "\e90b";
}

.icon-free-cancellation:before {
  content: "\e90c";
}

.icon-hamburger:before {
  content: "\e90d";
}

.icon-lab-profile:before {
  content: "\e90e";
}

.icon-logout:before {
  content: "\e90f";
}

.icon-notification-multiple:before {
  content: "\e910";
}

.icon-open-in-new:before {
  content: "\e911";
}

.icon-picture-as-pdf:before {
  content: "\e912";
}

.icon-plus:before {
  content: "\e913";
}

.icon-published-with-changes:before {
  content: "\e914";
}

.icon-question-mark:before {
  content: "\e915";
}

.icon-save:before {
  content: "\e916";
}

.icon-search:before {
  content: "\e917";
}

.icon-tags:before {
  content: "\e918";
}

.icon-user:before {
  content: "\e919";
}

/* Responsive Video */
.wb-video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
.wb-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Responsive Image */
.img-responsive {
  max-width: 100%;
}

/* Browser Happy Notice */
.browsehappy {
  margin-bottom: 0;
  text-align: center;
}
.browsehappy .alert-link {
  text-decoration: underline;
}

/* Screen Reader Only */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body,
input {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

h1, .h1 {
  font-size: 3em; /* 48px */
  font-weight: 500;
  letter-spacing: -1.23px;
  line-height: 1;
}
@media screen and (min-width: 1200px) {
  h1, .h1 {
    font-size: 4.625em; /* 74px */
  }
}
@media screen and (min-width: 1600px) {
  h1, .h1 {
    font-size: 6.25em; /* 100px */
  }
}

h2, .h2 {
  font-size: 2.5em; /* 40px */
  font-weight: 500;
  letter-spacing: -1.23px;
  line-height: 1.2;
}
@media screen and (min-width: 1200px) {
  h2, .h2 {
    font-size: 4em; /* 64px */
  }
}
@media screen and (min-width: 1600px) {
  h2, .h2 {
    font-size: 5.31em; /* 85px */
  }
}

h3, .h3 {
  font-size: 2em; /* 32px */
  font-weight: 400;
  letter-spacing: -1.61px;
  line-height: 1.3;
}
@media screen and (min-width: 1200px) {
  h3, .h3 {
    font-size: 2.38em; /* 38px */
  }
}
@media screen and (min-width: 1600px) {
  h3, .h3 {
    font-size: 2.77em; /* 44.38px */
  }
}

h4, .h4 {
  font-size: 1.125em; /* 28px */
  font-weight: 400;
  letter-spacing: -1.23px;
  line-height: 1.4;
}
@media screen and (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.625em; /* 26px */
  }
}
@media screen and (min-width: 1600px) {
  h4, .h4 {
    font-size: 2.1em; /* 33.63px */
  }
}

h5, .h5 {
  font-size: 1.125em; /* 18px */
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.4;
}
@media screen and (min-width: 1200px) {
  h5, .h5 {
    font-size: 1.22em; /* 20px */
  }
}
@media screen and (min-width: 1600px) {
  h5, .h5 {
    font-size: 1.31em; /* 21px */
  }
}

h6, .h6 {
  font-size: 1.07em; /* 17.16px */
  font-weight: 400;
  letter-spacing: -0.36px;
  line-height: 1.4;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 0;
  margin-bottom: 20px;
  word-wrap: break-word;
  text-wrap: balance;
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 10px;
  word-wrap: break-word;
}

p {
  margin-bottom: 20px;
  margin-top: 0;
  word-wrap: break-word;
}
p:last-child {
  margin-bottom: 0;
}

p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6 {
  margin-bottom: 20px;
}

ul, ol {
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  word-wrap: break-word;
}
ul:last-child, ol:last-child {
  margin-bottom: 0;
}

a {
  outline: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a {
  color: var(--primary);
}

span {
  word-wrap: break-word;
}

table {
  width: 100%;
}

p img {
  margin-bottom: 0.5em;
  margin-top: 0.4em;
}

img.header-image,
img.wp-post-image,
img.avatar,
img[class*=align],
img[class*=wp-image-],
img[class*=attachment-],
.comment-content img,
.widget img {
  height: auto;
  max-width: 100%;
  padding: 0;
}

mark,
ins {
  background: var(--secondary);
  text-decoration: none;
}

.sticky {
  display: block;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.button,
.btn,
.wp-block-button__link,
input[type=submit],
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 10px 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  line-height: 1.4em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
  border-radius: 0;
  background: var(--primary);
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button:hover, .button:focus, .button.focus,
.btn:hover,
.btn:focus,
.btn.focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link.focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit].focus,
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus,
.wc-block-cart__submit-button.focus,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:focus,
.wc-block-components-checkout-place-order-button.focus {
  text-decoration: none;
}
.button:active, .button.active,
.btn:active,
.btn.active,
.wp-block-button__link:active,
.wp-block-button__link.active,
input[type=submit]:active,
input[type=submit].active,
.wc-block-cart__submit-button:active,
.wc-block-cart__submit-button.active,
.wc-block-components-checkout-place-order-button:active,
.wc-block-components-checkout-place-order-button.active {
  outline: 0;
  background-image: none;
}
.button:hover,
.btn:hover,
.wp-block-button__link:hover,
input[type=submit]:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  background: adjust(var(--primary), -8%);
  color: #fff;
}
.button:active,
.btn:active,
.wp-block-button__link:active,
input[type=submit]:active,
.wc-block-cart__submit-button:active,
.wc-block-components-checkout-place-order-button:active {
  background: adjust(var(--primary), -25%);
  color: #fff;
}

.form {
  display: grid;
  grid-gap: 40px;
  gap: 40px;
}
.form__row {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
}
@media screen and (min-width: 992px) {
  .form__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
.form__btn {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.table {
  border-collapse: collapse;
}
.table thead {
  background-color: var(--primary);
  color: #FFF;
  margin-bottom: 12px;
}
.table thead th {
  font-weight: 400;
  padding: 8px 16px;
  text-align: left;
}
.table thead th:first-child {
  border-radius: 4px 0 0 4px;
}
.table td {
  padding: 16px;
}
.table td:nth-child(2) {
  white-space: nowrap;
}
.table tr:nth-child(even) {
  background-color: #f4f4f4;
}

.box {
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
}
.box__label {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.box__title {
  margin-bottom: 12px;
}
.box__img {
  margin-bottom: 24px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.box p a {
  color: inherit;
  line-height: 1.8;
  text-decoration: underline;
}
.box p:last-child {
  margin-bottom: 40px;
}
.box__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.box__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  margin-top: auto;
}
.box--light {
  background-color: #f4f4f4;
  color: #2e2e2e;
}
.box--light .box__label {
  color: #A06DFF;
}
.box--light .box__label_card {
  color: #FFF;
}
.box--light .box__title {
  color: #222;
}
.box--light .box__link .icon {
  color: var(--primary);
}
.box--dark {
  background-color: #2e2e2e;
  color: #FFF;
}
.box--dark .box__label {
  color: #2e2e2e;
}
.box--dark .box__link {
  color: #FFF;
}
.box--dark .box__link:hover {
  color: #2e2e2e;
}
.box--dark .box__list a {
  color: inherit;
}
.box--dark .box__list a:hover {
  color: #f9f9f9;
}

.news__title {
  color: #222;
}
.post {
  border-bottom: 1px solid #A06DFF;
  display: grid;
  grid-template-columns: 1fr 64px;
  padding: 18px 8px;
}
.post__content {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}
.post__date {
  color: #A06DFF;
}
.post__title {
  margin-bottom: 0;
}
.post__title a {
  color: #2e2e2e;
}
.post__link .icon {
  color: var(--primary);
}

.portale-clienti-wp.wgra-login {
  background: #ffffff;
  color: #111111;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.portale-clienti-wp.wgra-login *,
.portale-clienti-wp.wgra-login *::before,
.portale-clienti-wp.wgra-login *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.portale-clienti-wp.wgra-login .wgra-login-layout {
  max-width: 1460px;
  margin: 0 auto;
  padding: 44px 28px 70px;
}

.portale-clienti-wp.wgra-login .wgra-login-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.portale-clienti-wp.wgra-login .wgra-login-toprow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
}

.portale-clienti-wp.wgra-login .wgra-login-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--primary);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.portale-clienti-wp.wgra-login .wgra-login-site-title {
  margin: 0;
  font-size: 42px;
  font-weight: 650;
  color: #111111;
  line-height: 1.05;
}

.portale-clienti-wp.wgra-login .wgra-login-powered-logo {
  height: 60px;
  opacity: 0.9;
  margin-top: 6px;
}

.portale-clienti-wp.wgra-login .wgra-login-header {
  display: block;
}

.portale-clienti-wp.wgra-login .wgra-login-header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.portale-clienti-wp.wgra-login .wgra-login-language-switcher {
  margin: 0;
}

.portale-clienti-wp.wgra-login .wgra-login-language-switcher form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
}

.portale-clienti-wp.wgra-login .wgra-login-language-label,
.portale-clienti-wp.wgra-login .wgra-login-language-switcher label {
  margin: 0;
  color: rgba(17, 17, 17, 0.72);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.portale-clienti-wp.wgra-login .wgra-login-language-switcher .dashicons,
.portale-clienti-wp.wgra-login .wgra-login-language-switcher .dashicons-translation {
  display: none !important;
}

.portale-clienti-wp.wgra-login .wgra-login-language-switcher select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  border: 0;
  background: transparent;
  color: #111111;
  font-size: 12px;
  font-weight: 600;
  min-height: 20px;
  padding: 0 14px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27%3E%3Cpath fill=%27%23111111%27 d=%27M1 1l4 4 4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}

.portale-clienti-wp.wgra-login .wgra-login-language-switcher .button,
.portale-clienti-wp.wgra-login .wgra-login-language-switcher input[type=submit],
.portale-clienti-wp.wgra-login .wgra-login-language-switcher button[type=submit] {
  display: none !important;
}

.portale-clienti-wp.wgra-login .wgra-login-layout__cols {
  display: grid;
  grid-template-columns: 420px 1fr;
  grid-gap: 56px;
  gap: 56px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.portale-clienti-wp.wgra-login .wgra-login-layout__left {
  max-width: 420px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 690px;
}

.portale-clienti-wp.wgra-login .wgra-login-layout__right {
  width: 100%;
  padding-top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.portale-clienti-wp.wgra-login .wgra-login-layout__left > #backtoblog {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 0 0 34px;
  text-align: left;
}

.portale-clienti-wp.wgra-login .wgra-login-layout__left > #login {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.portale-clienti-wp.wgra-login .wgra-login-layout__left > .wgra-login-legal {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.portale-clienti-wp.wgra-login .wgra-login-layout__left > .language-switcher {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.portale-clienti-wp.wgra-login #login {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

.portale-clienti-wp.wgra-login #login h1,
.portale-clienti-wp.wgra-login #login h1 a {
  display: none !important;
}

.portale-clienti-wp.wgra-login #login p {
  margin: 0;
}

.portale-clienti-wp.wgra-login #login .message,
.portale-clienti-wp.wgra-login #login #login_error,
.portale-clienti-wp.wgra-login #login .success {
  border: 0 !important;
  border-left: 4px solid rgba(75, 42, 173, 0.35) !important;
  background: #f5f7fa !important;
  padding: 14px 14px !important;
  border-radius: 10px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: 0 0 16px 0 !important;
  color: #30343a !important;
}

.portale-clienti-wp.wgra-login #loginform {
  background: transparent !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.portale-clienti-wp.wgra-login #loginform {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.portale-clienti-wp.wgra-login #loginform::before {
  content: "Login";
  display: block;
  font-size: 28px;
  font-weight: 650;
  color: var(--primary);
  margin: 6px 0 8px;
}

.portale-clienti-wp.wgra-login #loginform label {
  display: block;
  font-size: 13px;
  font-weight: 650;
  color: var(--primary);
  margin-bottom: 6px;
}

.portale-clienti-wp.wgra-login #loginform > p {
  display: block;
}

.portale-clienti-wp.wgra-login #loginform .input,
.portale-clienti-wp.wgra-login #loginform input[type=text],
.portale-clienti-wp.wgra-login #loginform input[type=password] {
  width: 100% !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.portale-clienti-wp.wgra-login #loginform .input,
.portale-clienti-wp.wgra-login #loginform input[type=text],
.portale-clienti-wp.wgra-login #loginform input[type=password] {
  height: 46px;
  border-radius: 10px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: #f4f7fb;
  padding: 0 14px;
  font-size: 14px;
  color: #111111;
  -webkit-transition: border-color 0.18s ease, background 0.18s ease, -webkit-box-shadow 0.18s ease;
  transition: border-color 0.18s ease, background 0.18s ease, -webkit-box-shadow 0.18s ease;
  transition: box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
  transition: box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, -webkit-box-shadow 0.18s ease;
}

.portale-clienti-wp.wgra-login #loginform .wp-pwd {
  position: relative;
  display: block;
}

.portale-clienti-wp.wgra-login #loginform .wp-pwd .input {
  padding-right: 46px;
}

.portale-clienti-wp.wgra-login #loginform .wp-pwd .wp-hide-pw {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.portale-clienti-wp.wgra-login #loginform .wp-pwd .wp-hide-pw {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--primary);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.portale-clienti-wp.wgra-login #loginform .wp-pwd .wp-hide-pw:hover,
.portale-clienti-wp.wgra-login #loginform .wp-pwd .wp-hide-pw:focus {
  background: rgba(75, 42, 173, 0.08);
  color: var(--primary);
}

.portale-clienti-wp.wgra-login #loginform .wp-pwd .wp-hide-pw .dashicons {
  font-size: 18px;
  width: 18px;
  height: 18px;
}

.portale-clienti-wp.wgra-login #loginform .input:focus,
.portale-clienti-wp.wgra-login #loginform input[type=text]:focus,
.portale-clienti-wp.wgra-login #loginform input[type=password]:focus {
  outline: none;
  border-color: rgba(17, 17, 17, 0.2);
  background: #ffffff;
  -webkit-box-shadow: 0 10px 22px rgba(18, 18, 18, 0.06);
          box-shadow: 0 10px 22px rgba(18, 18, 18, 0.06);
}

.portale-clienti-wp.wgra-login .wgra-login-remember-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 0;
}

.portale-clienti-wp.wgra-login #loginform p.forgetmenot {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.portale-clienti-wp.wgra-login #loginform .forgetmenot input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 4px;
  background-color: #f4f7fb;
  border: 1px solid #8c8f94;
  color: #1d2327;
  outline: 0;
}

.portale-clienti-wp.wgra-login #loginform .forgetmenot input[type=checkbox]:checked {
  background-color: #f4f7fb;
  border-color: #1d2327;
  outline: 2px solid #1d2327;
  outline-offset: 1px;
}

.portale-clienti-wp.wgra-login #loginform .forgetmenot input[type=checkbox]:checked::before {
  color: #1d2327;
}

.portale-clienti-wp.wgra-login #loginform .forgetmenot label {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary);
}

.portale-clienti-wp.wgra-login #nav {
  margin: 0;
  padding: 0;
  text-align: right;
}

.portale-clienti-wp.wgra-login #nav a {
  color: var(--primary);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.portale-clienti-wp.wgra-login #nav a:hover {
  text-decoration: underline;
}

.portale-clienti-wp.wgra-login #loginform p.submit {
  margin-top: 10px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}

.portale-clienti-wp.wgra-login #wp-submit {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.portale-clienti-wp.wgra-login #wp-submit {
  height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(44, 109, 242, 0.34);
  background: transparent;
  color: var(--primary);
  font-weight: 750;
  cursor: pointer;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
}

.portale-clienti-wp.wgra-login #wp-submit:hover,
.portale-clienti-wp.wgra-login #wp-submit:focus {
  background: rgba(75, 42, 173, 0.06);
  border-color: rgba(21, 66, 245, 0.55);
}

.portale-clienti-wp.wgra-login #backtoblog {
  text-align: left;
  margin: 0;
  padding: 0;
}

.portale-clienti-wp.wgra-login #backtoblog a {
  color: var(--primary);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.portale-clienti-wp.wgra-login #backtoblog a:hover {
  text-decoration: underline;
}

.portale-clienti-wp.wgra-login .language-switcher {
  margin-top: 0;
}

.portale-clienti-wp.wgra-login #privacy-policy-page-link,
.portale-clienti-wp.wgra-login .privacy-policy-page-link,
.portale-clienti-wp.wgra-login .privacy-policy-link {
  display: none !important;
}

.portale-clienti-wp.wgra-login .wgra-login-legal {
  margin-top: auto;
  padding-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.portale-clienti-wp.wgra-login .wgra-login-legal__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.portale-clienti-wp.wgra-login .wgra-login-legal__label {
  font-size: 13px;
  color: var(--primary);
  opacity: 0.9;
}

.portale-clienti-wp.wgra-login .wgra-login-legal__logo {
  width: auto;
  height: 34px;
  display: block;
}

.portale-clienti-wp.wgra-login .wgra-login-legal__privacy {
  color: var(--primary);
  font-size: 13px;
  text-decoration: none;
}

.portale-clienti-wp.wgra-login .wgra-login-legal__privacy:hover {
  text-decoration: underline;
}

.portale-clienti-wp.wgra-login .language-switcher label,
.portale-clienti-wp.wgra-login .language-switcher select,
.portale-clienti-wp.wgra-login .language-switcher input,
.portale-clienti-wp.wgra-login .language-switcher .button {
  font-size: 13px;
}

.portale-clienti-wp.wgra-login .wgra-login-hero {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  border-radius: 18px;
  -webkit-box-shadow: 0 34px 85px rgba(20, 20, 20, 0.1);
          box-shadow: 0 34px 85px rgba(20, 20, 20, 0.1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.04);
  min-height: 0;
}

.portale-clienti-wp.wgra-login .wgra-login-cards-wrap {
  margin-top: 34px;
}

.portale-clienti-wp.wgra-login .wgra-login-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 22px;
  gap: 22px;
}

.portale-clienti-wp.wgra-login .wgra-login-card {
  background: #faf9fb;
  padding: 26px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.03);
  min-height: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.portale-clienti-wp.wgra-login .wgra-login-card__eyebrow {
  font-size: 11px;
  font-weight: 750;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 10px;
}

.portale-clienti-wp.wgra-login .wgra-login-card h3 {
  margin: 0 0 8px 0;
  font-size: 22px;
  font-weight: 650;
  color: #111111;
}

.portale-clienti-wp.wgra-login .wgra-login-card p {
  margin: 0 0 18px 0;
  color: var(--primary);
  font-size: 14px;
  line-height: 1.55;
}

.portale-clienti-wp.wgra-login .wgra-login-card__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(75, 42, 173, 0.3);
  text-decoration: none;
  font-size: 12px;
  font-weight: 750;
  color: var(--primary);
  background: transparent;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.portale-clienti-wp.wgra-login .wgra-login-card__btn:hover {
  background: rgba(75, 42, 173, 0.06);
}

@media (max-width: 1100px) {
  .portale-clienti-wp.wgra-login .wgra-login-language-switcher form {
    gap: 8px;
  }
  .portale-clienti-wp.wgra-login .wgra-login-layout__cols {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .portale-clienti-wp.wgra-login .wgra-login-layout__right {
    display: none;
  }
  .portale-clienti-wp.wgra-login .wgra-login-layout__left {
    min-height: 0;
  }
  .portale-clienti-wp.wgra-login .wgra-login-cards {
    grid-template-columns: 1fr;
  }
  .portale-clienti-wp.wgra-login .wgra-login-layout {
    padding: 36px 18px 44px;
  }
  .portale-clienti-wp.wgra-login .wgra-login-layout__left > #backtoblog {
    margin-bottom: 22px !important;
  }
  .portale-clienti-wp.wgra-login .wgra-login-legal {
    margin-top: 18px;
    padding-top: 0;
  }
}
.portale-clienti-wp.wgra-login #loginform input[aria-invalid=true] {
  border-color: #e07a6a;
  -webkit-box-shadow: 0 0 0 3px rgba(224, 122, 106, 0.08);
          box-shadow: 0 0 0 3px rgba(224, 122, 106, 0.08);
}

.portale-clienti-wp.wgra-login .wgra-login-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.portale-clienti-wp.wgra-login .wgra-login-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.portale-clienti-wp.wgra-login .wgra-login-card__logo {
  display: block;
  max-width: 180px;
  width: auto;
  max-height: 48px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding-right: 39px;
  margin: 6px 0 10px 0;
}

/* ------------------------------------------------
   BASE
------------------------------------------------- */
p {
  color: #222;
}

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

.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: auto;
  max-width: 1000%;
}

#wg-app {
  margin-bottom: 0 !important;
}

/* ------------------------------------------------
   DASHBOARD LAYOUT
------------------------------------------------- */
.dashboard {
  display: grid;
  grid-template-columns: 400px 2fr;
  min-height: 90vh;
  /* -------------------------------
     SIDEBAR
  -------------------------------- */
  /* Liste */
  /* -------------------------------
     NAV PRINCIPALE
  -------------------------------- */
  /* -------------------------------
     MAIN AREA
  -------------------------------- */
  /* -------------------------------
     GRID UTILITY ROWS
  -------------------------------- */
  /* ------------------------------------------------
     COMPANY SWITCHER + DIVIDERS
  ------------------------------------------------- */
}
.dashboard__sidebar {
  background-color: #f6f6f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  max-width: 400px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
}
.dashboard__nav, .dashboard__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dashboard__menu {
  margin-top: auto;
  padding-bottom: 24px;
}
.dashboard__nav a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 4px solid transparent;
  color: #2e2e2e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25em;
  gap: 12px;
  line-height: 1;
  padding: 12px 12px 12px 36px;
  width: 100%;
  text-decoration: none;
}
.dashboard__nav a:hover, .dashboard__nav a.router-link-active, .dashboard__nav a.is-active {
  background-color: #fff;
  border-color: var(--primary);
  /* più evidente su attivo */
  font-weight: 600;
}
.dashboard__nav a:hover .icon, .dashboard__nav a.router-link-active .icon, .dashboard__nav a.is-active .icon {
  color: var(--primary);
}
.dashboard__nav .icon {
  color: #A06DFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard__menu {
  margin-top: 8px;
  padding-bottom: 24px;
}
.dashboard__menu a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2e2e2e;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  line-height: 1;
  padding: 8px 12px 8px 40px;
  width: 100%;
  text-decoration: none;
}
.dashboard__menu a span {
  color: #2e2e2e;
}
.dashboard__menu .icon {
  color: var(--primary);
  height: 20px;
  width: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard__main, .dashboard__content {
  gap: 0px;
}
.dashboard__main {
  padding: 80px 50px;
}
.dashboard__header {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}
.dashboard__title {
  margin-bottom: 0;
  font-weight: bold;
}
.dashboard__row--same-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.dashboard__row--same-height .dashboard__box {
  height: 100%;
}
.dashboard__row--one-third {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.dashboard__row--one-third .dashboard__col:first-child {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.dashboard__col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.dashboard__box:not(:last-child) {
  margin-bottom: 24px;
}
.dashboard__company {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding-left: 36px;
  padding-right: 36px;
  margin-bottom: 12px;
}
.dashboard__company-label {
  font-size: 0.95em;
  color: #2e2e2e;
}
.dashboard__select {
  position: relative;
}
.dashboard__select select {
  width: 100%;
  border-radius: 12px;
  border: 2px solid var(--primary);
  background: #f9f9f9;
  color: #222;
  font: inherit;
  font-size: 1rem;
  line-height: 1.2;
  white-space: nowrap;
}
.dashboard__select select:focus {
  outline: none;
  border-color: var(--primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dashboard #company-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27%3E%3Cpath d=%27M1 1l4.5 4.5L10 1%27 stroke=%27%231f1f24%27 stroke-width=%271.8%27 fill=%27none%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 11px 7px;
  padding-right: 50px;
}
.dashboard__select-caret {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  color: var(--primary);
  pointer-events: none;
}
.dashboard__divider {
  height: 1px;
  background: #A06DFF;
  margin: 16px 0 8px;
}
.dashboard__group-sep {
  height: 1px;
  background: #c7c3c7;
  margin: 8px 0;
  margin-left: 36px;
  /* allineato alla nav */
  margin-right: 12px;
}
.dashboard__spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

a span {
  color: #2e2e2e;
}

.dashboard select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27%3E%3Cpath d=%27M1 1l4.5 4.5L10 1%27 stroke=%27%231f1f24%27 stroke-width=%271.8%27 fill=%27none%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 11px 7px;
  padding-right: 44px;
}

.dashboard select:focus,
.dashboard select.focus-visible {
  border-color: var(--primary) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}

.dashboard select:focus,
.dashboard select:focus-visible {
  border-color: var(--primary) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}

.dashboard__title {
  font-size: 56px;
  font-weight: 600;
  margin-bottom: 3.5rem;
}

.profile-wrapper {
  background: #f6f6f8;
  border-radius: 12px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.profile-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 24px;
  gap: 24px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.company-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 48px;
  gap: 48px;
  height: 100%;
}

.profile-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.box {
  border-radius: 12px;
  padding: 22px;
  height: auto;
}

.box--white {
  background-color: #fff;
  color: #222;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.box--inner-white {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.03);
          box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.03);
}

.box--light {
  background-color: #f6f6f8;
}

/* Stat cards */
.stats-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  gap: 24px;
}

/* News + Mandates */
.section-wrapper {
  background: #f6f6f8;
  border-radius: 12px;
  padding: 32px;
}

.section-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
  gap: 24px;
}

/* Quick Links */
.quick-wrapper {
  background: #f6f6f8;
  border-radius: 12px;
  padding: 32px;
}

.quick-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  gap: 24px;
}

.quick-card {
  border-radius: 12px;
  padding: 20px;
}

.mandates-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mandates-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}

/* Responsive */
@media (max-width: 992px) {
  .stats-row,
  .section-grid,
  .quick-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .stats-row,
  .section-grid,
  .quick-grid {
    grid-template-columns: 1fr;
  }
}
/* Utils */
.letter-spacing {
  letter-spacing: normal !important;
}

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

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

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

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

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

.mr-6 {
  margin-right: 2.5rem;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

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

.gap-2 {
  gap: 8px;
}

.color-black {
  color: #000;
}

.color-secondary {
  color: #7a7a7a;
}

.post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.title-row {
  margin-top: 8px;
}

.news-title {
  font-weight: 500;
  color: #1e1634;
  margin: 0;
  line-height: 1.3;
  white-space: normal;
  word-break: break-word;
}

.excerpt {
  font-size: 0.9rem;
  color: #333;
  margin-top: 6px;
}

.company-info {
  color: #fff;
}

.download-link {
  color: var(--primary);
  cursor: pointer;
  text-decoration: underline;
}
.download-link:hover {
  opacity: 0.8;
}

.info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: solid 1px rgba(255, 255, 255, 0.1882352941);
}

.info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
}

.info-list strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

.info-list span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  color: #FFF;
  white-space: nowrap;
}

.contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}

.contact-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.contact-list strong {
  font-weight: 600;
  color: #fff;
  font-size: 16px;
}

.contact-list span,
.contact-list a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  word-break: break-word;
}

.contact-list a:hover {
  text-decoration: underline;
}

.sidebar_title {
  color: #c7c3c7;
  font-weight: bold;
  padding: 13px 12px 16px 36px;
}

.sidebar_title_selected {
  color: #c7c3c7;
  font-weight: bold;
}

.users-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.5rem;
  min-height: 150px;
  border-radius: 10px;
}

.users-box__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.users-box__count {
  font-size: 3rem;
  font-weight: 700;
  margin: 0.5rem 0 0 0;
}

.users-box__link {
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: var(--primary);
  font-size: 0.95rem;
  text-decoration: none;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.users-box__link:hover {
  text-decoration: underline;
}

.separator-list {
  border-bottom: solid 1px #f6f6f8;
  padding-bottom: 6px;
  padding-top: 6px;
}

.absolute {
  font-size: 1.5rem;
  margin-left: 10px;
  vertical-align: super;
}

.color-primary {
  color: var(--primary) !important;
  fill: var(--primary) !important;
}

.box-card-primary {
  background-color: var(--primary);
}

.box-inner-primary {
  background-color: color-mix(in srgb, var(--primary) 90%, white) !important;
}

.color-primary-spinner {
  border-top-color: var(--primary) !important;
}

.color-secondary {
  color: var(--secondary) !important;
  fill: var(--secondary) !important;
}

.dashboard__group-sep.color-secondary {
  background: var(--secondary) !important;
}

.tabs button.active,
.page-btn.active {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}

.tabs button.active,
.page-btn.active {
  color: #fff;
}

.dashboard__nav a.router-link-active .icon {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.dashboard__nav a.is-active .icon {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.dashboard__nav a:hover,
.dashboard__nav a.router-link-active,
.dashboard__nav a.is-active {
  border-color: var(--primary) !important;
}

select {
  border: 2px solid var(--primary) !important;
}

.update-btn {
  border-color: var(--primary) !important;
}

.update-btn:hover {
  background-color: var(--primary) !important;
}

.main__title {
  display: none;
}

.main__grid {
  padding: 0 !important;
}

.form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.form__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.input-with-icon {
  position: relative;
}

.input-with-icon input {
  width: 100%;
  padding-right: 36px;
}

.input-with-icon svg.input-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.form__actions {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.update-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border: 1px solid;
  border-radius: 999px;
  background: transparent;
  padding: 12px 22px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.update-btn:hover {
  color: white;
}

.table-custom {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
}
.table-custom__head {
  background-color: var(--primary);
  color: #fff;
  text-align: left;
}
.table-custom__th {
  padding: 12px 16px;
  font-weight: 600;
}
.table-custom__td {
  padding: 14px 16px;
  color: #222;
}
.table-custom__row:nth-child(even) {
  background-color: #f6f6f8;
}

.update-btn.color-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.update-btn.color-primary:hover {
  opacity: 0.9;
}

.profile-title {
  font-size: 26px;
  margin-bottom: 0;
}

.profile-left {
  height: 100%;
}

.profile-left .company-card {
  height: 100%;
}

.profile-right {
  height: 100%;
}

/* Card fissa con CTA sempre in basso */
.section-card--fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 320px; /* fallback: puoi ritoccarlo */
}

/* lista con "altezza visiva" di 6 righe */
.preview-list {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.preview-list__empty {
  opacity: 0;
  pointer-events: none;
}

.preview-link {
  margin-top: auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-top: 12px;
}

.preview-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 10px 0;
}

.preview-list li span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.preview-list li small {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
}

.search-box input {
  width: 100% !important;
  padding: 8px 32px 8px 12px !important;
  border: 1px solid var(--primary) !important;
  border-radius: 20px !important;
  background-color: #fff !important;
  font-size: 14px !important;
}

.dashboard__sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.dashboard__sidebar-footer {
  margin-top: auto;
  padding: 26px 38px 0px 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.dashboard__sidebar-powered {
  max-width: 160px;
  width: 100%;
  height: auto;
  opacity: 0.9;
}

.dashboard__sidebar-powered-label {
  color: #544e46;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
}

body.dashboard-link-modal-open {
  overflow: hidden;
}

.dashboard-link-modal {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  -webkit-transition: opacity 0.22s ease;
  transition: opacity 0.22s ease;
  z-index: 9999;
}

.dashboard-link-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.dashboard-link-modal__overlay {
  background: rgba(18, 13, 26, 0.35);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.dashboard-link-modal__panel {
  background: #fff;
  -webkit-box-shadow: -12px 0 30px rgba(0, 0, 0, 0.18);
          box-shadow: -12px 0 30px rgba(0, 0, 0, 0.18);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  left: 400px;
  max-width: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  width: auto;
}

.dashboard-link-modal.is-open .dashboard-link-modal__panel {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.dashboard-link-modal__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ece8f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 68px;
  padding: 12px 24px;
}

.dashboard-link-modal__title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

.dashboard-link-modal__close {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: var(--primary);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.75rem;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  width: 40px;
}

.dashboard-link-modal__close:hover {
  background: #f3f1f6;
}

.dashboard-link-modal__close.focus-visible {
  -webkit-box-shadow: 0 0 0 3px rgba(var(--primary), 0.25);
          box-shadow: 0 0 0 3px rgba(var(--primary), 0.25);
  outline: none;
}

.dashboard-link-modal__close:focus-visible {
  -webkit-box-shadow: 0 0 0 3px rgba(var(--primary), 0.25);
          box-shadow: 0 0 0 3px rgba(var(--primary), 0.25);
  outline: none;
}

.dashboard-link-modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  position: relative;
}

.dashboard-link-modal__error {
  background: #fff3f3;
  border: 1px solid #f2c9c9;
  border-radius: 8px;
  color: #992222;
  margin: 16px 24px 0;
  padding: 12px 14px;
}

.dashboard-link-modal__loading {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.78);
  bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  left: 24px;
  right: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 84px;
  z-index: 2;
}

.dashboard-link-modal__loading[hidden] {
  display: none !important;
}

.dashboard-link-modal__spinner {
  -webkit-animation: dashboard-link-spin 0.85s linear infinite;
          animation: dashboard-link-spin 0.85s linear infinite;
  border: 3px solid #e8e6ec;
  border-radius: 50%;
  border-top-color: var(--primary);
  display: inline-block;
  height: 22px;
  width: 22px;
}

.dashboard-link-modal__loading-text {
  color: #3d314f;
  font-size: 0.95rem;
  font-weight: 500;
}

.dashboard-link-modal__iframe-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  padding: 16px 24px 24px;
}

.dashboard-link-modal__iframe {
  border: 0;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}

@media (max-width: 992px) {
  .dashboard-link-modal__panel {
    left: auto;
    width: 90vw;
  }
}
@-webkit-keyframes dashboard-link-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes dashboard-link-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/components/Mandates.vue?vue&type=style&index=0&id=debf1f56&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Tabs */
.tabs[data-v-debf1f56] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.tabs button[data-v-debf1f56] {
  padding: 6px 16px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tabs button[data-v-debf1f56]:hover {
  background: #eee;
}
.tabs button.active[data-v-debf1f56] {
  background: #4F2D7F;
  color: #fff;
  border-color: #4F2D7F;
}
.btn-view[data-v-debf1f56] {
  padding: 4px 10px;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  border: none;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  vertical-align: middle;
}
.btn-view svg[data-v-debf1f56] {
  display: block;
}
.pagination[data-v-debf1f56] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-btn[data-v-debf1f56] {
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 12px;
  min-width: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-btn[data-v-debf1f56]:hover {
  background: #eee;
}
.page-btn.active[data-v-debf1f56] {
  background: #4F2D7F;
  color: #fff;
  font-weight: bold;
  border-color: #4F2D7F;
}
.page-btn.nav[data-v-debf1f56] {
  border-radius: 8px;
  font-weight: bold;
}
.page-btn[data-v-debf1f56]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.results-footer[data-v-debf1f56] {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.results-counter[data-v-debf1f56] {
  color: #666;
  font-size: 14px;
}
.page-size label[data-v-debf1f56] {
  margin-right: 6px;
  font-size: 14px;
  color: #444;
}
.page-size select[data-v-debf1f56] {
  padding: 4px 30px 4px 8px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  min-width: 72px;
  background-position: right 10px center;
  background-size: 11px 7px;
}
.toolbar[data-v-debf1f56] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* Ricerca */
.search-box[data-v-debf1f56] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 350px;
}
.search-box i[data-v-debf1f56] {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #888;
}

/* Ordinamento */
.order-controls[data-v-debf1f56] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.order-controls select[data-v-debf1f56] {
  padding: 6px 30px 6px 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 90px;
  background-position: right 10px center;
  background-size: 11px 7px;
}
.order-btn[data-v-debf1f56] {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.order-btn[data-v-debf1f56]:hover {
  background: #eee;
}
.btn-view[data-v-debf1f56] {
  position: relative;
}
.btn-view[disabled][data-v-debf1f56] {
  opacity: 0.7;
  cursor: not-allowed;
}
.loader[data-v-debf1f56] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-animation: spin-debf1f56 0.8s linear infinite;
          animation: spin-debf1f56 0.8s linear infinite;
  display: inline-block;
}
@-webkit-keyframes spin-debf1f56 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-debf1f56 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.td-amount[data-v-debf1f56] {
  white-space: nowrap;
  min-width: 140px;
  text-align: left;
  padding-right: 12px;
}
.loading-wrap[data-v-debf1f56] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  padding: 32px 0;
}
.loading-text[data-v-debf1f56] {
  font-size: 14px;
  color: #666;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/AppMandates.vue?vue&type=style&index=0&id=eab60106&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mandates-container[data-v-eab60106] {
  padding: 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/views/FinancialView.vue?vue&type=style&index=0&id=0a24a43e&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.btn-view[data-v-0a24a43e] {
  padding: 4px 10px;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  border: none;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  vertical-align: middle;
}
.btn-view svg[data-v-0a24a43e] {
  display: block;
}
.pagination[data-v-0a24a43e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-btn[data-v-0a24a43e] {
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 12px;
  min-width: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-btn[data-v-0a24a43e]:hover {
  background: #eee;
}
.page-btn.active[data-v-0a24a43e] {
  background: #4F2D7F;
  color: #fff;
  font-weight: bold;
  border-color: #4F2D7F;
}
.page-btn.nav[data-v-0a24a43e] {
  border-radius: 8px;
  font-weight: bold;
}
.page-btn[data-v-0a24a43e]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.results-footer[data-v-0a24a43e] {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.results-counter[data-v-0a24a43e] {
  color: #666;
  font-size: 14px;
}
.page-size label[data-v-0a24a43e] {
  margin-right: 6px;
  font-size: 14px;
  color: #444;
}
.page-size select[data-v-0a24a43e] {
  padding: 4px 30px 4px 8px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  min-width: 72px;
  background-position: right 10px center;
  background-size: 11px 7px;
}
.toolbar[data-v-0a24a43e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-box[data-v-0a24a43e] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 350px;
  min-width: 350px;
}
.search-box input[data-v-0a24a43e] {
  width: 100%;
  padding: 8px 32px 8px 12px;
  border: 1px solid #ccc;
  border-radius: 20px;
  font-size: 14px;
}
.search-box i[data-v-0a24a43e] {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #888;
}

/* Ordinamento */
.order-controls[data-v-0a24a43e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.order-controls select[data-v-0a24a43e] {
  padding: 6px 30px 6px 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  min-width: 90px;
  background-position: right 10px center;
  background-size: 11px 7px;
}
.order-btn[data-v-0a24a43e] {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.order-btn[data-v-0a24a43e]:hover {
  background: #eee;
}
.filters[data-v-0a24a43e] {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filter-type select[data-v-0a24a43e] {
  padding: 6px 30px 6px 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  background-position: right 10px center;
  background-size: 11px 7px;
}
.btn-view[data-v-0a24a43e] {
  position: relative;
}
.btn-view[disabled][data-v-0a24a43e] {
  opacity: 0.7;
  cursor: not-allowed;
}
.loader[data-v-0a24a43e] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-animation: spin-0a24a43e 0.8s linear infinite;
          animation: spin-0a24a43e 0.8s linear infinite;
  display: inline-block;
}
.allowed-documents[data-v-0a24a43e] {
  margin-bottom: 20px;
}
.allowed-documents select[data-v-0a24a43e] {
  padding: 6px 30px 6px 10px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
  min-width: 180px;
  background-position: right 10px center;
  background-size: 11px 7px;
}
@-webkit-keyframes spin-0a24a43e {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-0a24a43e {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.documents-box[data-v-0a24a43e] {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  margin-bottom: 22px;
}
.documents-box__head[data-v-0a24a43e] {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}
.documents-box__label[data-v-0a24a43e] {
  font-weight: 600;
  font-size: 14px;
}
.documents-box__hint[data-v-0a24a43e] {
  margin: 0;
  font-size: 14px;
  color: #666;
}
.documents-box__select[data-v-0a24a43e] {
  width: 100%;
  min-height: 56px;
  padding: 12px 50px 12px 14px;
  border-radius: 12px;
  font-size: 15px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27%3E%3Cpath d=%27M1 1l4.5 4.5L10 1%27 stroke=%27%231f1f24%27 stroke-width=%271.8%27 fill=%27none%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 11px 7px;
}
.documents-loading[data-v-0a24a43e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  min-height: 160px;
}
.loader--lg[data-v-0a24a43e] {
  width: 18px;
  height: 18px;
}
.documents-loading__text[data-v-0a24a43e] {
  font-size: 14px;
  color: #666;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/AppDocuments.vue?vue&type=style&index=0&id=649fb796&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.documents-container[data-v-649fb796] {
  padding: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/views/ProfileView.vue?vue&type=style&index=0&id=63567144&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form__input-wrapper[data-v-63567144] {
  position: relative;
}
.form__input-wrapper input[data-v-63567144] {
  width: 100%;
  padding-right: 2.5rem;
}
.form__icon[data-v-63567144] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
}
.save-button[data-v-63567144] {
  width: 28%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 14px 30px;
  border-radius: 100px;
  border: 2px solid #A267F8;
  background-color: transparent;
  color: rgba(0, 0, 0, 0);
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  margin-top: 2rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.reset-button[data-v-63567144] {
  width: 20%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 7px 3px;
  border-radius: 100px;
  border: 2px solid #ddd;
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  margin-top: 0.5rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.reset-button[data-v-63567144]:hover {
  border-color: #cfcfcf;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/AppProfile.vue?vue&type=style&index=0&id=3e9630f2&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.profile-container[data-v-3e9630f2] {
  padding: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/views/UsersView.vue?vue&type=style&index=0&id=57c7da86&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bg-light[data-v-57c7da86] {
  background-color: #f6f2fc;
}
.table-actions[data-v-57c7da86] {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn[data-v-57c7da86] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.7rem 1.4rem;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 600;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-outline[data-v-57c7da86] {
  background: transparent;
  border: 2px solid #4F2D7F;
  border: 2px solid var(--primary, #4F2D7F);
  color: #4F2D7F;
  color: var(--primary, #4F2D7F);
}
.btn-outline[data-v-57c7da86]:hover {
  background: #4F2D7F;
  background: var(--primary, #4F2D7F);
  color: #fff;
}
.loading-row[data-v-57c7da86] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 0;
}
.loader[data-v-57c7da86] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-top-color: #4F2D7F;
  border-top-color: var(--primary, #4F2D7F);
  border-radius: 50%;
  -webkit-animation: spin-57c7da86 0.8s linear infinite;
          animation: spin-57c7da86 0.8s linear infinite;
  display: inline-block;
}
@-webkit-keyframes spin-57c7da86 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-57c7da86 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/AppUsers.vue?vue&type=style&index=0&id=2c58dde6&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.users-container[data-v-2c58dde6] {
  padding: 16px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/components/dashboard/DashboardProfile.vue?vue&type=style&index=0&id=4ae4fe7a&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.contact-list[data-v-4ae4fe7a] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.contact-item[data-v-4ae4fe7a] {
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-column-gap: 4px;
  -moz-column-gap: 4px;
       -webkit-column-gap: 4px;
       column-gap: 4px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.contact-icon[data-v-4ae4fe7a] {
  margin-top: -1px;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.contact-text[data-v-4ae4fe7a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.contact-text strong[data-v-4ae4fe7a] {
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
}
.contact-text span[data-v-4ae4fe7a],
.contact-text a[data-v-4ae4fe7a] {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  word-break: break-word;
  line-height: 1.2;
}
.contact-text a[data-v-4ae4fe7a]:hover {
  text-decoration: underline;
}
.user-info-list[data-v-4ae4fe7a] {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.user-info-list li[data-v-4ae4fe7a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 15px;
}
.user-info-list strong[data-v-4ae4fe7a] {
  color: #7a7a7a;
  font-weight: 600;
  white-space: nowrap;
}
.user-info-list span[data-v-4ae4fe7a] {
  color: #222;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-list__row-grid[data-v-4ae4fe7a] {
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-column-gap: 12px;
  -moz-column-gap: 12px;
       -webkit-column-gap: 12px;
       column-gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.info-list__row-grid strong[data-v-4ae4fe7a] {
  white-space: nowrap;
}
.info-list__value-grid[data-v-4ae4fe7a] {
  white-space: normal;
  word-break: break-word;
  word-wrap: anywhere;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/components/dashboard/DashboardMandatesDocuments.vue?vue&type=style&index=0&id=7b927dc4&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashboard-md-head[data-v-7b927dc4] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
}
.dashboard-md-title[data-v-7b927dc4] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  margin: 0;
}
.dashboard-md-icon[data-v-7b927dc4] {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.dashboard-md-count[data-v-7b927dc4] {
  line-height: 1;
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/components/dashboard/DashboardQuickLinks.vue?vue&type=style&index=0&id=74f86d0b&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.quick-grid[data-v-74f86d0b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  gap: 16px;
}

/* Tablet */
@media (max-width: 1024px) {
.quick-grid[data-v-74f86d0b] {
    grid-template-columns: repeat(2, 1fr);
}
}
/* Mobile */
@media (max-width: 640px) {
.quick-grid[data-v-74f86d0b] {
    grid-template-columns: 1fr;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/views/DashboardView.vue?vue&type=style&index=0&id=68627749&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashboard-loading[data-v-68627749] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard-loading__spinner[data-v-68627749] {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 4px solid rgba(0, 0, 0, 0.12);
  border-top-color: rgba(0, 0, 0, 0.55);
  -webkit-animation: spin-68627749 0.9s linear infinite;
          animation: spin-68627749 0.9s linear infinite;
}
@-webkit-keyframes spin-68627749 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-68627749 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/AppDashboard.vue?vue&type=style&index=0&id=4933fd1c&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashboard-container[data-v-4933fd1c] {
  padding: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/views/RegistrationRequestView.vue?vue&type=style&index=0&id=27c9e76a&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bg-light[data-v-27c9e76a] {
  background-color: #f6f2fc;
}
.table-actions[data-v-27c9e76a] {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* BUTTON */
.btn[data-v-27c9e76a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0.7rem 1.4rem;
  border-radius: 9999px;
  font-weight: 600;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-outline[data-v-27c9e76a] {
  background: transparent;
  border: 2px solid #4F2D7F;
  border: 2px solid var(--primary, #4F2D7F);
  color: #4F2D7F;
  color: var(--primary, #4F2D7F);
}
.btn-outline[data-v-27c9e76a]:hover {
  background: #4F2D7F;
  background: var(--primary, #4F2D7F);
  color: #fff;
}
.btn[disabled][data-v-27c9e76a] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* LOADER */
.loading-row[data-v-27c9e76a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 0;
}
.loader[data-v-27c9e76a] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-top-color: #4F2D7F;
  border-top-color: var(--primary, #4F2D7F);
  border-radius: 50%;
  -webkit-animation: spin-27c9e76a 0.8s linear infinite;
          animation: spin-27c9e76a 0.8s linear infinite;
  display: inline-block;
}
@-webkit-keyframes spin-27c9e76a {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-27c9e76a {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
/* ALERT */
.alert[data-v-27c9e76a] {
  padding: 0.8rem 1rem;
  border-radius: 6px;
}
.alert-danger[data-v-27c9e76a] {
  background-color: #ffe6e6;
  color: #b70000;
}
.alert-success[data-v-27c9e76a] {
  background-color: #e7f6ec;
  color: #1f8a4c;
}
.mb-3[data-v-27c9e76a] {
  margin-bottom: 1rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-1.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[3].use[0]!./assets/frontend/AppRegistrationRequest.vue?vue&type=style&index=0&id=8cf79418&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.registration-request-container[data-v-8cf79418] {
  padding: 16px;
}