body{
  background: inherit;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */ }

.quiz-background-1 {
  background: -webkit-radial-gradient(top right, #ECB14B 0.04%, #E51A43 100%) !important;
  background: radial-gradient(at top right, #ECB14B 0.04%, #E51A43 100%) !important; }

.quiz-background-2 {
  background: -webkit-radial-gradient(top right, #FF85D2 0%, #461052 100%) !important;
  background: radial-gradient(at top right, #FF85D2 0%, #461052 100%) !important; }

.quiz-background-3 {
  background: radial-gradient(at top right, #CBF061 0%, #1B744A 100%) !important;
  background: -webkit-radial-gradient(top right, #CBF061 0%, #1B744A 100%) !important; }

.quiz-background-4 {
  background: radial-gradient(at top right, #71DFB2 0%, #0B3044 100%) !important;
  background: -webkit-radial-gradient(top right, #71DFB2 0%, #0B3044 100%) !important; }

.quiz-background-5 {
  background: radial-gradient(at top right, #5BCFDE 0%, #081A55 100%) !important;
  background: -webkit-radial-gradient(top right, #5BCFDE 0%, #081A55 100%) !important; }

.quiz-background-6 {
  background: radial-gradient(at top right, #02B1C1 0%, #008391 100%) !important;
  background: -webkit-radial-gradient(top right, #02B1C1 0%, #008391 100%) !important; }

.quiz-background-7 {
  background: radial-gradient(at top right, #ff0000  0%, #ff4800 100%) !important;
  background: -webkit-radial-gradient(top right, #ff0000  0%, #ff4800 100%) !important; }


@font-face {
  font-family: 'Homestead';
  src: url("../font/homestead/Homestead-Regular.ttf") format("truetype"); }

::-moz-placeholder {
  /* Firefox 19+ */ }

:-ms-input-placeholder {
  /* IE 10+ */ }

:-moz-placeholder {
  /* Firefox 18- */ }

/* width */
::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  background: #535B67;
  border-right: #ff8303; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ff8303; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cf6a00; }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes flickerAnimation2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes flickerAnimation2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes flickerAnimation2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flickerAnimation2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.bounce-enter-active {
  animation: bounce-in .5s; }

.bounce-leave-active {
  animation: bounce-in .5s reverse; }

@keyframes bounce-in {
  0% {
    transform: scale(0); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

.animate-flicker-active,
.animate-flicker-leave-active {
  -webkit-animation: flickerAnimation2 1s infinite;
  -moz-animation: flickerAnimation2 1s infinite;
  -o-animation: flickerAnimation2 1s infinite;
  animation: flickerAnimation2 1s infinite; }

.animate-flicker-enter,
.animate-flicker-leave-to {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite; }

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s; }

.fade-enter,
.fade-leave-to {
  opacity: 0; }

.slide-fade-enter-active {
  transition: all .3s ease; }

.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1); }

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0; }

.slide-bottom-enter-active {
  transition: all .3s ease; }

.slide-bottom-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1); }

.slide-bottom-enter,
.slide-bottom-leave-to {
  transform: translateY(20px);
  opacity: 0; }

.slide-up-enter-active {
  transition: all .3s ease; }

.slide-up-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1); }

.slide-up-enter,
.slide-up-leave-to {
  transform: translateY(-20px);
  opacity: 0; }

.list-item {
  display: inline-block;
  margin-right: 10px; }

.list-enter-active,
.list-leave-active {
  transition: all 1s; }

.list-enter,
.list-leave-to {
  opacity: 0;
  transform: translateY(30px); }

.list-top-enter-active,
.list-top-leave-active {
  transition: all 1s; }

.list-top-enter,
.list-top-leave-to {
  opacity: 0;
  transform: translateY(-30px); }

@keyframes bouncein {
  1% {
    transform: translate3d(0, -400px, 0); }
  20%,
  40%,
  60%,
  80%,
  95%,
  99%,
  100% {
    transform: translate3d(0, 0, 0); }
  30% {
    transform: translate3d(0, -80px, 0); }
  50% {
    transform: translate3d(0, -40px, 0); }
  70% {
    transform: translate3d(0, -30px, 0); }
  90% {
    transform: translate3d(0, -15px, 0); }
  97% {
    transform: translate3d(0, -10px, 0); } }

.bouncein {
  animation: bouncein 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.ballmove-enter {
  transform: translate3d(0, -400px, 0); }

.pointer{
  cursor:pointer
}
button.disabled{
  opacity: .7;
  cursor: inherit !important;
}
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* display: table; */
  transition: opacity .3s ease; }

.modal-wrapper {
  /* display: table-cell; */
  vertical-align: middle;
  height: 80%; }

.promo-code-container {
  height: 600px !important;
}

.modal-container {
  width: 100vw;
  box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.35);
  border-radius: 50%/10%;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }
  .modal-container .modal-header {
    padding: 16px; }
    .modal-container .modal-header .modal-default-button {
      background: transparent;
      border: none;
      font-size: 0.92437rem;
      font-weight: 100;
      display: flex;
      position: relative;
      z-index: 99;
      color: #ffffff; }
      .modal-container .modal-header .modal-default-button picture {
        transform: rotate(90deg);
        width: 1rem;
        height: 1.0625rem;
        margin-right: 0.625rem; }
        .modal-container .modal-header .modal-default-button picture svg {
          width: 1rem;
          height: 1.0625rem; }
  .modal-container .modal-body {
    padding: 0 2.1875rem;
    padding-top: 1.25rem; }
    .modal-container .modal-body__wrp {
      padding-top: 1.75rem; }
      .modal-container .modal-body__wrp label {
        color: #ffffff;
        font-size: 1.04937rem;
        font-weight: 400;
        display: block;
        padding-left: 0.75rem; }
      .modal-container .modal-body__wrp input[type="text"] {
        height: 2.8125rem;
        background: transparent;
        border: none;
        width: 100%;
        border-bottom: thin solid;
        font-style: italic; }
      .modal-container .modal-body__wrp input[type="file"] {
        position: absolute;
        left: 0;
        width: 100%;
        background: transparent;
        -webkit-appearance: inherit;
        top: 0;
        bottom: 0;
        right: 0;
        text-indent: -5rem;
        overflow: hidden; }
      .modal-container .modal-body__wrp textarea {
        background: transparent;
        border: none;
        width: 100%;
        border-bottom: thin solid;
        font-style: italic;
        height: 5.25rem;
        padding-top: 0.875rem; }
      .modal-container .modal-body__wrp select {
        height: 2.8125rem;
        background: transparent;
        border: none;
        width: 100%;
        border-bottom: thin solid;
        font-style: italic;
        border-radius: 0; }
      .modal-container .modal-body__wrp--image-block {
        display: flex;
        justify-content: space-between; }
        .modal-container .modal-body__wrp--image-block .img-wrp {
          width: 45%;
          display: inline-block;
          border-radius: 0.625rem;
          border-width: 0.125rem;
          border-style: dashed;
          padding: 0.625rem;
          position: relative; }
          .modal-container .modal-body__wrp--image-block .img-wrp img {
            object-fit: cover;
            max-width: 100%;
            max-height: 6.25rem; }
          .modal-container .modal-body__wrp--image-block .img-wrp > div {
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26); }
            .modal-container .modal-body__wrp--image-block .img-wrp > div > button {
              display: none; }
            .modal-container .modal-body__wrp--image-block .img-wrp > div:hover img {
              transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26);
              opacity: 0.3; }
            .modal-container .modal-body__wrp--image-block .img-wrp > div:hover > button {
              transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26);
              display: block;
              position: absolute;
              background-color: transparent;
              height: 100%;
              width: 100%;
              background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><path d='M45.4 17c2.5.1 4.7 1 6.4 2.8l8.5 8.5C73.3 41.1 86.2 54 99 66.9c.7.7 1.1.8 1.8 0 15.6-15.7 31.3-31.3 47-46.9 2.9-2.9 6.2-3.8 10.1-2.4 1.1.4 2.1 1.1 2.9 1.9 6.5 6.5 13 12.9 19.5 19.4 3.4 3.4 3.6 8.9.3 12.3-4.1 4.4-8.5 8.6-12.8 12.9-11.7 11.6-23.3 23.3-35 34.9-.7.7-.7 1 0 1.7 15.7 15.6 31.3 31.2 46.9 46.9 3.4 3.4 4.1 7.7 1.8 11.7-.5.8-1.1 1.5-1.8 2.2-6.1 6.1-12.3 12.2-18.4 18.4-4.1 4.1-9.5 4.1-13.6 0-15.6-15.6-31.3-31.2-46.9-46.9-.8-.8-1.2-.7-2 0-15.6 15.6-31.2 31.3-46.9 46.9-3.1 3.1-6.9 3.8-10.6 2.1-1.1-.5-2.1-1.3-2.9-2.2-6.2-6.1-12.4-12.3-18.5-18.4-4.1-4.1-4.1-9.6-.1-13.7 1.9-2 3.9-3.9 5.8-5.8l41.1-41.1c.8-.8.7-1.1 0-1.8C51.3 83.4 35.6 67.8 20 52.2c-3.1-3.1-3.8-6.9-2.2-10.7.5-1.1 1.2-2 2.1-2.9l18.7-18.7c1.9-1.9 4.1-2.9 6.8-2.9z' fill='rgba(180, 229, 241, 0.45)'/></svg>");
              background-size: 50%;
              background-position: center;
              background-repeat: no-repeat;
              border: none; }
      .modal-container .modal-body__wrp .color-box {
        text-align: center;
        color: #ffffff;
        border: thin solid;
        border-radius: 0.625rem;
        height: 1.6875rem;
        line-height: 1.6875rem;
        margin-top: 1.25rem; }
      .modal-container .modal-body__wrp.feature--list ul {
        display: flex;
        list-style: none;
        padding: 0;
        color: #ffffff;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .modal-container .modal-body__wrp.feature--list ul li {
          border-radius: 0.625rem;
          border-width: 0.0625rem;
          border-style: solid;
          padding: 0.0625rem 0.9375rem;
          margin: 0.3125rem; }

.modal-enter {
  transition: all .3s ease; }

.modal-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1); }

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  transform: translateY(-50px);
  opacity: 0; }

.modal--default-text p {
  font-weight: lighter; }

@media (min-width: 1025px) {
  .modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 20, 45, 0.870588);
    display: table;
    transition: opacity .3s ease; }
  .modal-wrapper {
    display: table-cell;
    vertical-align: middle; }
  .modal-container {
    width: 60vw;
    max-height: 80vh;
    margin: 0px auto;
    padding: 1.25rem 1.875rem;
    background-color: #fff;
    border-radius: 0.9375rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.33);
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif; }
  .modal-header h3 {
    margin-top: 0;
    color: #42b983; }
  .modal-body {
    margin: 1.25rem 0; }
  .modal-default-button {
    float: right; }
  .modal-enter {
    transition: all .3s ease; }
  .modal-leave-active {
    opacity: 0; }
  .modal-enter .modal-container,
  .modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  .pagination-wrp__list {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    list-style: none;
    min-height: 60vh; }
    .pagination-wrp__list .disabled {
      opacity: 0.1;
      cursor: not-allowed; }
    .pagination-wrp__list .left-arrow, .pagination-wrp__list .right-arrow {
      width: 1rem;
      height: 1rem;
      background-image: url("/static/img/top-01.svg");
      background-size: 100%;
      background-repeat: no-repeat;
      position: relative;
      cursor: pointer;
      margin-bottom: 6.25rem; }
      .pagination-wrp__list .left-arrow a, .pagination-wrp__list .right-arrow a {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-indent: -3.125rem; }
    .pagination-wrp__list .right-arrow {
      background-image: url("/static/img/bottom-01.svg");
      margin-top: 6.25rem;
      margin-bottom: 0; }
    .pagination-wrp__list .number {
      cursor: pointer;
      width: 0.625rem;
      height: 0.625rem;
      border-radius: 0.3125rem;
      border: thin solid; }
      .pagination-wrp__list .number a {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-indent: -3.125rem; } }

html {
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  background: linear-gradient(#24282D, #535B67); }

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0; }

button:focus {
  outline: none; }

button {
  cursor: pointer; }

.button--green {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #3b8070;
  color: #3b8070;
  text-decoration: none;
  padding: 10px 30px; }

.button--green:hover {
  color: #fff;
  background-color: #3b8070; }

.button--grey {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #35495e;
  color: #35495e;
  text-decoration: none;
  padding: 10px 30px;
  margin-left: 15px; }

.button--grey:hover {
  color: #fff;
  background-color: #35495e; }

.btn--add:hover {
  color: #FFFFFF !important;
}

.container, .container--news, .container--quiz, .container--avvenimenti {
  margin: 0 auto;
  min-height: calc(100vh - 4.8125rem);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }
  .container--news,
  .container--avvenimenti {
    background-color: #FAFAFA;
    transform: translateY(11.875rem);
    align-items: start;
    min-height: calc(100vh - 4.8125rem); }
    .container--news > div,
    .container--avvenimenti > div {
      transform: translateY(-88px);
      border: 0.0625rem solid rgba(36, 40, 45, 0.08);
      border-radius: 0.5rem;
      background: #ffffff;
      width: calc(80% - 1.875rem);
      max-width: 62.5rem; }
  .container--quiz {
    background-color: #FAFAFA;
    transform: translateY(20%);
    align-items: start;
    min-height: calc(100vh - 4.8125rem); }
    .container--quiz > .quiz-wrp {
      transform: translateY(-88px);
      border: 0.0625rem solid rgba(36, 40, 45, 0.08);
      border-radius: 0.5rem;
      background: #ffffff;
      width: calc(80% - 1.875rem);
      max-width: 62.5rem;
      min-height: 12.5rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-top: 4.6875rem;
      padding-bottom: 4.6875rem;
      flex-direction: column;
      transition: all cubic-bezier(0, 0, 0.23, 1.28) 0.5s; }
      .container--quiz > .quiz-wrp form {
        min-width: 50%;
        transition: all cubic-bezier(0, 0, 0.23, 1.28) 0.5s;
        padding: 2.5rem 3.125rem;
        min-width: 70%; }
      .container--quiz > .quiz-wrp.started {
        flex-direction: row;
        align-items: flex-start;
        padding-right: 3.125rem; }
      @media (max-width: 1025px) {
        .container--quiz > .quiz-wrp {
          flex-direction: column !important;
          padding-right: 0 !important; } }

.list--header{
  font-weight: bold;
  background-color: aliceblue;
  height: 40PX;
}
.avv-table{
  width:100%
}

.loading {
  filter: blur(0.5rem);
  -webkit-filter: blur(0.5rem); }

.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: rgba(37, 41, 46, 0.5);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .loader.small {
    position: absolute;
    background: transparent; }

.title {
  font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  display: block;
  font-weight: 300;
  font-size: 100px;
  color: #35495e;
  letter-spacing: 1px; }

.subtitle {
  font-weight: 300;
  font-size: 42px;
  color: #526488;
  word-spacing: 5px;
  padding-bottom: 15px; }

.links {
  padding-top: 15px; }

.VueToNuxtLogo {
  display: inline-block;
  animation: turn 2s linear forwards 1s;
  transform: rotateX(180deg);
  position: relative;
  overflow: hidden;
  height: 180px;
  width: 245px; }

.Triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0; }

.Triangle--one {
  border-left: 105px solid transparent;
  border-right: 105px solid transparent;
  border-bottom: 180px solid #41b883; }

.Triangle--two {
  top: 30px;
  left: 35px;
  animation: goright 0.5s linear forwards 3.5s;
  border-left: 87.5px solid transparent;
  border-right: 87.5px solid transparent;
  border-bottom: 150px solid #3b8070; }

.Triangle--three {
  top: 60px;
  left: 35px;
  animation: goright 0.5s linear forwards 3.5s;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-bottom: 120px solid #35495e; }

.Triangle--four {
  top: 120px;
  left: 70px;
  animation: godown 0.5s linear forwards 3s;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-bottom: 60px solid #fff; }

@keyframes turn {
  100% {
    transform: rotateX(0deg); } }

@keyframes godown {
  100% {
    top: 180px; } }

@keyframes goright {
  100% {
    left: 70px; } }

.frontend-test {
  border: 0.3125rem solid #50509c42;
  border-radius: .9375rem;
  padding: 1.25rem; }
  .frontend-test form {
    background: #525b67;
    border-radius: 0.5rem;
    padding: 0.9375rem;
    color: white;
    margin-bottom: 1.5625rem;
    display: flex;
    align-items: center;
    min-width: 31.25rem;
    justify-content: space-evenly; }
    .frontend-test form > input[type="text"] {
      height: 1.75rem;
      border: none;
      border-radius: 0.3125rem;
      min-width: calc(50% - 3.125rem); }
    .frontend-test form > button {
      background: linear-gradient(#cf6a00, #ffb503);
      border-radius: 0.3125rem;
      border: 0;
      color: white;
      font-size: 0.9375rem;
      padding: 0.3125rem 0.625rem; }
  .frontend-test ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .frontend-test ul > li {
      display: flex;
      align-items: center;
      height: 2.5rem;
      border-bottom: 0.3125rem solid rgba(80, 80, 156, 0.258824);
      width: 100%;
      justify-content: space-evenly; }
      .frontend-test ul > li > span, .frontend-test ul > li input[type="text"] {
        color: #7171b5;
        min-width: 50%;
        text-align: left; }
      .frontend-test ul > li > button {
        background: #7171b5;
        border-radius: 0.3125rem;
        border: 0;
        color: white;
        font-size: 0.9375rem;
        padding: 0.3125rem 0.625rem; }

.icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 .3rem;
  top: -.05rem;
  fill: currentColor; }
  .icon__svg {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%; }
  .icon:first-child {
    margin-left: 0; }
  .icon:last-child {
    margin-right: 0; }

body > svg path,
body > svg rect,
body > svg circle,
body > svg g,
.icon use > svg path,
.icon use > svg rect,
.icon use > svg circle,
.icon use > svg g,
symbol path,
symbol rect,
symbol circle,
symbol g {
  fill: currentColor;
  stroke: none; }

body > svg *[d="M0 0h24v24H0z"],
.icon use > svg *[d="M0 0h24v24H0z"],
symbol *[d="M0 0h24v24H0z"] {
  display: none; }

.menu {
  padding: 0;
  display: flex; }
  .menu__item {
    margin: 0;
    position: relative;
    width: 15.625rem;
    height: 15.625rem;
    background-image: url("../assets/exacon.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 5.4125rem 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.875rem;
    font-weight: 700; }
    .menu__item > a {
      color: #ffffff;
      text-decoration: none;
      font-weight: lighter; }
    .menu__item--blank {
      background-image: url("../assets/exacon-grey.png"); }
    .menu__item:nth-child(2) {
      transform: translateY(6.5625rem); }
    .menu__item:nth-child(4) {
  transform: translateY(6.5625rem); }
      @media (max-width: 1025px) {
        .menu__item:nth-child(2) {
          transform: translateY(0rem); } }
    @media (max-width: 1025px) {
      .menu__item {
        margin: 0.625rem 0;
        width: 10rem;
        height: 10rem;
        font-size: 1.125rem; }
        .menu__item:first-child {
          transform: translateX(-1.5625rem); }
        .menu__item:nth-child(2) {
          transform: translateX(1.5625rem); }
        .menu__item:last-child {
          transform: translateX(-1.5625rem); } }
  @media (max-width: 1025px) {
    .menu {
      flex-direction: column;
      transform: translateY(-60px); } }

.main {
  padding: 0; }
  .main__menu {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 0.9375rem 0;
    list-style: none;
    color: #ffffff; }
    .main__menu > li {
      padding: 0;
      display: flex;
      align-items: center; }
      .main__menu > li > a {
        color: #ff8303;
        text-decoration: none; }
        .main__menu > li > a.normal {
          border: thin solid #ff8303;
          padding: 0.3125rem 0.9375rem;
          border-radius: 0.9375rem; }
      .main__menu > li:nth-child(2) {
        display: flex;
        align-items: center; }
    .main__menu__logo {
      width: 6.25rem; }

.menubar {
  display: flex;
  justify-content: space-evenly;
  height: 1.875rem; }
  @media (max-width: 1025px) {
    .menubar {
      flex-wrap: wrap;
      height: auto; } }

.btn--add {
  opacity: 0.64;
  color: #ff8303;
  font-size: 1rem;
  line-height: 1rem;
  text-align: right;
  background: transparent;
  border: none;
  position: absolute;
  top: -2.1875rem;
  display: flex;
  align-items: center;
  left: 0;
  padding: 0; }
  .btn--add > img {
    max-width: 1.5625rem;
    max-height: 1.5625rem;
    margin-right: 0.3125rem; }

.btn-header {
  opacity: 0.64;
  color: #ff8303;
  font-size: 1rem;
  line-height: 1rem;
  text-align: right;
  background: transparent;
  border: none;
  top: -2.1875rem;
  display: flex;
  align-items: center;
  left: 0;
  padding: 0; }
  .btn-header > img {
    max-width: 1.5625rem;
    max-height: 1.5625rem;
    margin-right: 0.3125rem; }
.pronostiHeader{
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: -35px;
  width: 100%;
}

.promoCodeHeader{
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: -35px;
  width: 100%;
}

.btn--promo {
  color: #ff8303 !important;
}

.menubar__button {
  border: none; }
  .menubar__button svg {
    fill: #25292e; }
  .menubar__button.is-active svg {
    fill: #ff8303; }

ul {
  padding: 0;
  list-style: none; }

.list--item {
  height: 4rem;
  width: 100%;
  border-bottom: 0.0625rem solid rgba(36, 40, 45, 0.08);
  justify-content: space-between;
  align-items: center;
  display: flex;
  padding: 0.9375rem; }
  .list--item > span {
    color: #24282D;
    font-size: 1rem;
    letter-spacing: -0.02rem;
    line-height: 1.5rem;
    text-align: left;
    width: calc(100% - 9.375rem);
    padding: 0 0.625rem; }
    @media (max-width: 1025px) {
      .list--item > span {
        width: calc(100% - 7rem);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
    .list--item > span > span {
      opacity: 0.64;
      color: #24282D;
      font-size: 0.75rem;
      line-height: 1rem; }
      @media (max-width: 1025px) {
        .list--item > span > span {
          display: none; } }
      .list--item > span > span > ul {
        display: inline-block;
        padding: 0 0.3125rem; }
        .list--item > span > span > ul > li {
          background: #25292e;
          color: #ffffff;
          padding: 0 0.3125rem;
          border-radius: 0.625rem;
          display: inline-block; }
          .list--item > span > span > ul > li > ul {
            display: inline-block; }
            .list--item > span > span > ul > li > ul > li {
              display: inline-block; }
  .list--item > div {
    width: 5.625rem; }
  .list--item > figure {
    width: 3.75rem;
    display: flex;
    align-items: flex-start; }
    @media (max-width: 1025px) {
      .list--item > figure {
        display: none; } }
  .list--item button,
  .avvenimenti-list button {
    border: none;
    background: transparent; }
.avvenimenti-list td,
.avvenimenti-list th{
  text-align: left;
}

.code-flex {
  display: flex;
  flex: 1;
}

.promo-code {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}

.promo-code-list button {
  border: none;
  background: transparent; }

.search-bar{
  display: flex;
  height: 3.125rem;
  align-items: center;
  justify-content: flex-end;
}

.list--filtering > header {
  display: flex;
  height: 3.125rem;
  align-items: center;
  justify-content: flex-end;
  color: #525b67;
  border-bottom: thin solid rgba(83, 91, 103, 0.36);
  font-size: 0.8125rem;
  position: relative;
  z-index: 9; }
  @media (max-width: 1025px) {
    .list--filtering > header > * {
      display: none; } }
  .list--filtering > header > section {
    padding: 0 0.625rem;
    position: relative; }
    .list--filtering > header > section:focus {
      outline: none; }
    .list--filtering > header > section > span {
      cursor: pointer; }
    .list--filtering > header > section > .custom-dropdown {
      height: 0;
      overflow: hidden;
      position: absolute;
      opacity: 0;
      right: 0.3125rem;
      top: 2.5rem;
      padding: 0.625rem;
      min-width: 12.5rem;
      background: #525b67;
      color: #ffffff;
      border-radius: 0.9375rem;
      transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26);
      transform: translateY(-0.9375rem); }
      .list--filtering > header > section > .custom-dropdown:before {
        width: 0;
        height: 0;
        border-left: 1.2rem solid transparent;
        border-right: 0.3rem solid transparent;
        border-bottom: 1.4rem solid #525b67;
        content: '';
        position: absolute;
        right: -2.4px;
        top: -0.7rem;
        transform: rotate(12deg); }
      .list--filtering > header > section > .custom-dropdown li {
        cursor: pointer; }
    .list--filtering > header > section.open > .custom-dropdown {
      height: auto;
      overflow: visible;
      display: block;
      opacity: 1;
      transform: translateY(0rem); }
  .list--filtering > header > strong {
    padding-left: 0.625rem; }
  .list--filtering > header .delete-filter {
    padding: 0 0.3125rem;
    margin-left: 0.3125rem;
    cursor: pointer;
    border-left: thin solid #24282D; }

.list__club {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  padding: 0.9375rem 0; }
  .list__club li {
    height: 2rem;
    width: 25%;
    color: #25292e;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    padding: 0.1875rem 0.625rem; }
    .list__club li > img {
      max-height: 90%;
      margin-right: 0.3125rem; }

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity .3s ease; }
  @media (max-width: 1025px) {
    .modal-mask {
      display: block; } }

.modal-wrapper {
  display: table-cell;
  vertical-align: middle; }
  @media (max-width: 1025px) {
    .modal-wrapper {
      display: block;
      text-align: center; } }

.modal-container {
  width: calc(100vw - 10%);
  max-width: 43.75rem;
  margin: 0px auto;
  padding: 1.25rem 1.875rem;
  background-color: #ffffff;
  border-radius: 0.125rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.33);
  transition: all .3s ease;
  -webkit-border-top-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-radius-topleft: 0.5rem;
  -moz-border-radius-bottomleft: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  min-height: 20vh;
  overflow: auto;
  position: relative; }
  .modal-container.error {
    background: #ff8303;
    color: #ffffff;
    text-align: center; }
    .modal-container.error .modal-header {
      display: none; }
  @media (max-width: 1025px) {
    .modal-container {
      box-sizing: border-box;
      max-height: calc(100vh - 6.25rem);
      width: 90%;
      min-width: 90%;
      margin: 0 auto; } }

.modal-body {
  margin: 1.25rem 0;
  position: relative;
  z-index: 99; }

.modal-default-button {
  background: transparent;
  border: none;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  margin: 0 auto;
  float: none;
  width: 100%; }
  .modal-default-button > img {
    width: 1.875rem;
    height: 1.875rem;
    transform: translateX(22.8125rem); }
    @media (max-width: 1025px) {
      .modal-default-button > img {
        transform: translateX(0rem); } }
  @media (max-width: 1025px) {
    .modal-default-button {
      text-align: right;
      width: 90%;
      min-width: 90%;
      margin: 0 auto; } }

/*
   * The following styles are auto-applied to elements with
   * transition="modal" when their visibility is toggled
   * by Vue.js.
   *
   * You can easily play with the modal transition by editing
   * these styles.
   */
.modal-enter {
  opacity: 0; }

.modal-leave-active {
  opacity: 0; }

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.modal-footer {
  display: flex;
  justify-content: center;
  position: relative; }

.modal-header {
  color: #25292e; }
  .modal-header > span {
    position: relative;
    z-index: 99;
    color: #ffffff; }
    @media (max-width: 1025px) {
      .modal-header > span {
        display: none; } }

.form__group {
  display: flex;
  flex-direction: column;
  padding: 0.625rem 0; }
  .form__group label {
    padding-bottom: 0.625rem;
    font-size: 1rem;
    color: #525b67; }
  .form__group input, .form__group textarea, .form__group select, .form__group .ProseMirror {
    border: 0;
    color: #535B67;
    font-size: 1rem;
    background: rgba(83, 91, 103, 0.0705882);
    height: 2.5rem;
    border-radius: 1.6875rem;
    border-bottom: 0 !important;
    padding: 0 0.625rem; }
    .form__group input:focus, .form__group textarea:focus, .form__group select:focus, .form__group .ProseMirror:focus {
      outline: 0; }
  .form__group .ProseMirror {
    height: auto;
    max-width: 100%;
    min-height: 18.75rem;
    padding: 0.9375rem;
    max-height: 25rem;
    overflow-y: auto; }
    @media (max-width: 1025px) {
      .form__group .ProseMirror {
        text-align: left; } }
  .form__group--with-border:after {
    content: '';
    display: block;
    width: 10%;
    height: 0.1875rem;
    background: #ff8303;
    position: relative;
    left: calc(50% - 5%); }
  .form__group figure {
    width: 9.375rem;
    height: 9.375rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    border-top-left-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.41);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    height: 15rem;
    -webkit-border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
    .form__group figure > picture {
      display: block;
      width: 100%;
      height: 100%; }
      .form__group figure > picture > img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .form__group figure:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 85%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 85%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 85%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
  .form__group .additional-info {
    display: flex;
    flex-direction: row;
    padding: .625rem 0;
    justify-content: space-between;
    align-items: center; }
    .form__group .additional-info span {
      border-radius: 1.1875rem;
      border: thin solid #535B67;
      padding: 0.1875rem 0.625rem; }
    .form__group .additional-info--categories {
      flex-direction: row-reverse;
      justify-content: flex-end; }
      .form__group .additional-info--categories > li > span {
        border-radius: 1.1875rem;
        border: thin solid #ff8303;
        padding: .1875rem .625rem;
        color: #ff8303; }
      .form__group .additional-info--categories > li:not(:first-child) {
        padding-right: 0.625rem; }
    .form__group .additional-info--upload-image {
      width: 9.375rem;
      height: 9.375rem;
      border-radius: .5rem;
      overflow: hidden;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.41);
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      width: 100%;
      border-radius: 0;
      z-index: 9;
      height: 14rem;
      -webkit-border-top-left-radius: .5rem;
      -webkit-border-top-right-radius: .5rem;
      -moz-border-radius-topleft: .5rem;
      -moz-border-radius-topright: .5rem;
      border-top-left-radius: .5rem;
      border-top-right-radius: .5rem;
      background: #525b67;
      display: flex;
      align-items: center;
      justify-content: center; }
      .form__group .additional-info--upload-image > span {
        border-radius: 1.1875rem;
        border: thin solid #ff8303;
        color: #ff8303; }
  .form__group:first-child > label {
    color: #ffffff;
    font-weight: bold; }
  .form__group:first-child > input {
    color: #ffffff;
    border-bottom: 0.1875rem solid #ff8303 !important;
    border-radius: 0; }


  #newsInputTitle:focus{
    color: inherit;
  }

  .form__group:first-child:after {
    opacity: 0; }
  .form__group--with-action {
    padding-bottom: 0.625rem;
    display: flex;
    flex-direction: column; }
    .form__group--with-action > div:not(.form__group) {
      position: relative;
      display: flex; }
      .form__group--with-action > div:not(.form__group) input {
        width: 90%;
        -webkit-border-top-right-radius: 0rem;
        -webkit-border-bottom-right-radius: 0rem;
        -moz-border-radius-topright: 0rem;
        -moz-border-radius-bottomright: 0rem;
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 0rem; }
      .form__group--with-action > div:not(.form__group) > div:not(.form__group--img) {
        /* width: 10%; */
        background: #535B67;
        -webkit-border-top-right-radius: 0.9375rem;
        -webkit-border-bottom-right-radius: 0.9375rem;
        -moz-border-radius-topright: 0.9375rem;
        -moz-border-radius-bottomright: 0.9375rem;
        border-top-right-radius: 0.9375rem;
        border-bottom-right-radius: 0.9375rem;
        color: #ffffff;
        font-size: 0.6875rem;
        padding: 0.3125rem;
        cursor: pointer;
        width: 4.375rem;
        height: 2.5rem; }
        .form__group--with-action > div:not(.form__group) > div:not(.form__group--img).correct {
          background: #ff8303; }
    .form__group--with-action .form__group {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end; }
      .form__group--with-action .form__group > label {
        padding: 0;
        padding-right: 15px;
        color: #ff8303; }
      .form__group--with-action .form__group--img {
        display: flex !important;
        width: 2.5rem !important; }
    .form__group--with-action--2 > input {
      padding-left: 3.125rem; }
    .form__group--with-action--2 + div.form__group {
      position: absolute;
      padding: 0; }
  .form__group--img {
    width: 100% !important;
    background-color: #ff8303 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-indent: -100% !important;
    position: relative !important;
    height: 2.5rem !important;
    border-radius: 1.6875rem !important;
    background-image: url("../assets/upload-img.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important; }
    .form__group--img > input[type="file"] {
      opacity: 0;
      position: absolute;
      cursor: pointer;
      width: 100%;
      height: 100%; }
  .form__group--featured, .form__group--custom-check {
    position: absolute !important;
    right: 0;
    padding-top: 0;
    display: flex;
    flex-direction: row;
    width: 10rem;
    justify-content: space-between;
    align-items: center;
    cursor: pointer; }
    .form__group--featured label, .form__group--custom-check label {
      color: #535B67 !important;
      padding-bottom: 0; }
      @media (max-width: 1025px) {
        .form__group--featured label, .form__group--custom-check label {
          display: none; } }
    .form__group--featured.checked label, .checked.form__group--custom-check label {
      color: #ff8303 !important; }
    .form__group--featured img, .form__group--custom-check img {
      width: 1.5625rem;
      height: 1.5625rem; }
    @media (max-width: 1025px) {
      .form__group--featured, .form__group--custom-check {
        top: -6.25rem;
        display: flex !important;
        flex-direction: row-reverse !important; } }
  .form__group--r {
    position: relative; }
    @media (max-width: 1025px) {
      .form__group--r {
        padding-top: 1.5625rem; } }
  .form__group--custom-check {
    position: relative !important;
    padding: 0 !important;
    border: none !important;
    width: auto; }
  .form__group--inline {
    flex-direction: row;
    align-items: center; }
    .form__group--inline > label {
      padding-bottom: 0; }
    .form__group--inline > ul {
      padding-left: 0.9375rem !important; }
      .form__group--inline > ul > li {
        cursor: pointer; }
        .form__group--inline > ul > li img {
          border: thin solid rgba(83, 91, 103, 0);
          border-radius: 0.9375rem;
          padding: 0.3125rem; }
    .form__group--inline .checked {
      border: thin solid #535B67; }
    @media (max-width: 1025px) {
      .form__group--inline {
        display: flex;
        flex-direction: column; }
        .form__group--inline .form__group__col1 {
          width: 100%; }
          .form__group--inline .form__group__col1 .form__group--custom-check {
            top: 0; } }
  .form__group--right {
    text-align: right; }
  .form__group--img-wrp {
    background-color: rgba(83, 91, 103, 0.0705882) !important;
    border-radius: 0.9375rem;
    position: relative; }
    .form__group--img-wrp ul {
      display: flex;
      align-items: center;
      justify-content: center; }
      .form__group--img-wrp ul > li {
        padding: 0.9375rem; }
    .form__group--img-wrp img {
      width: 6.25rem;
      height: 6.25rem;
      border-radius: 0.9375rem;
      box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.52);
      object-fit: cover; }
    .form__group--img-wrp:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 0.3125rem solid transparent;
      border-right: 0.3125rem solid transparent;
      border-bottom: 0.3125rem solid rgba(83, 91, 103, 0.0705882);
      position: absolute;
      top: -0.3125rem;
      left: calc(50% - 0.15625rem); }
  .form__group--upload:before {
    content: "" attr(hover) "";
    display: block;
    position: absolute;
    top: 6.5625rem;
    left: calc(50% - 6.5625rem);
    border-radius: 1.1875rem;
    border: thin solid #525b67;
    color: #525b67;
    z-index: 99;
    width: 13.125rem;
    text-align: center;
    height: 1.25rem; }
  .form__group--upload:hover:before {
    border: thin solid #ff8303;
    color: #ff8303; }
  @media (max-width: 1025px) {
    .form__group--upload:before {
      content: "" attr(hover) "";
      position: absolute;
      left: calc(50% - 6.5625rem);
      border-radius: 1.1875rem;
      border: thin solid #ff8303;
      color: #ff8303;
      z-index: 99;
      width: 13.125rem;
      text-align: center;
      height: 1.25rem;
      display: block !important;
      top: 4rem !important; } }
  .form__group--upload-file {
    flex-direction: row;
    flex-wrap: wrap; }
    .form__group--upload-file > label {
      width: 100%; }
    .form__group--upload-file > select {
      width: 60%;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    .form__group--upload-file > .form__group--img {
      width: 40% !important;
      border-radius: 0 !important;
      -webkit-border-top-right-radius: 15px !important;
      -webkit-border-bottom-right-radius: 15px !important;
      -moz-border-radius-topright: 15px !important;
      -moz-border-radius-bottomright: 15px !important;
      border-top-right-radius: 15px !important;
      border-bottom-right-radius: 15px !important;
      background-image: none !important; }
    @media (max-width: 1025px) {
      .form__group--upload-file {
        flex-direction: row !important; } }
  @media (max-width: 1025px) {
    .form__group {
      display: flex;
      flex-direction: column;
      padding: .625rem 0; } }

.form__submit {
  box-sizing: border-box;
  height: 3.5rem;
  width: 20.4375rem;
  background: #ff8303;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.09375rem;
  line-height: 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border: none;
  box-shadow: 0.0625rem 0.0625rem 0.9375rem rgba(0, 0, 0, 0.33); }
  .form__submit.error {
    opacity: 0.5;
    cursor: not-allowed; }
    .form__submit.error:hover + .error-block {
      display: flex; }

.custom-file-input {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 14rem;
  top: 0;
  left: 0;
  border-bottom: 0 !important;
  text-indent: -15.625rem;
  height: 1.875rem;
  border: none !important;
  position: absolute;
  top: calc(7rem - 0.9375rem);
  text-indent: 12.5rem;
  opacity: 0;
  z-index: 9999;
  cursor: pointer; }

.login-box input {
  color: #25292e;
  background: transparent; }

.login-box label {
  color: #ffffff; }

.login-box input:-webkit-autofill,
.login-box input:-webkit-autofill:hover,
.login-box input:-webkit-autofill:focus,
.login-box textarea:-webkit-autofill,
.login-box textarea:-webkit-autofill:hover,
.login-box textarea:-webkit-autofill:focus,
.login-box select:-webkit-autofill,
.login-box select:-webkit-autofill:hover,
.login-box select:-webkit-autofill:focus {
  color: #25292e !important;
  background: transparent; }

.login-box input {
  background: #ffffff; }

.search-group {
  position: absolute !important;
  top: -1.875rem;
  right: 0;
  display: flex;
  justify-content: flex-end; }
  .search-group > input {
    opacity: 0;
    width: 0;
    transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26);
    border: none;
    border-bottom: thin solid #ffffff !important;
    background: transparent;
    transform: translateY(-10px);
    color: #ffffff; }
    .search-group > input:focus {
      outline: none; }
  .search-group > button {
    background: none;
    border: none; }
  .search-group.open > input {
    opacity: 1;
    width: 9.375rem;
    transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26);
    border-bottom: white; }

#addQuiz {
  width: 50%;
  min-width: unset; }
  #addQuiz select {
    height: 3.125rem; }
  @media (max-width: 1025px) {
    #addQuiz {
      width: 100% !important; } }

.slidecontainer {
  width: 100%; }

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 1.5625rem;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s; }

.slider:hover {
  opacity: 1; }

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  background: #ff8303;
  cursor: pointer; }

.slider::-moz-range-thumb {
  width: 1.5625rem;
  height: 1.5625rem;
  background: #ff8303;
  border-radius: 50%;
  cursor: pointer; }

.form__group__cat select {
  width: 100%; }
  .form__group__cat select + label {
    padding-top: .625rem;
    width: 100%; }

.form__group__col2 {
  width: 50%; }

.form__group__col3 {
  width: 75%; }

.form__group__col1 {
  width: 25%; }

.modal-body .form__group--inline {
  border-top: thin solid #ff8303;
  border-bottom: thin solid #ff8303;
  border-top: thin solid rgba(83, 91, 103, 0.0705882);
  border-bottom: thin solid rgba(83, 91, 103, 0.0705882);
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  padding-top: 10px;
  padding-bottom: 10px; }

.error-block {
  display: none;
  position: absolute;
  width: 50%;
  bottom: 4.5rem;
  background-color: #ff8303 !important;
  color: #ffffff !important;
  border-radius: 0.9375rem;
  padding: 0.625rem;
  flex-direction: column;
  font-size: 0.75rem; }
  .error-block:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 0.50rem solid transparent;
    border-right: 0.50rem solid transparent;
    border-top: 0.5rem solid #ff8303;
    bottom: -0.4375rem;
    position: absolute;
    left: calc(50% - 0.25rem); }

.categories-preview > p {
  display: flex;
  align-items: center; }
  .categories-preview > p > strong {
    background-color: #ff8303;
    border-radius: 3.9375rem;
    display: block;
    padding: 0.625rem;
    color: #ffffff;
    margin-right: 0.625rem; }
  .categories-preview > p > span {
    font-size: 0.6875rem;
    background-color: #525b67;
    border-radius: .9375rem;
    display: block;
    padding: 0.625rem;
    color: #ffffff;
    margin-right: 0.625rem; }
  .categories-preview > p > ul {
    font-size: 0.6875rem;
    display: flex;
    background-color: rgba(83, 91, 103, 0.0705882) !important;
    border-radius: .9375rem;
    padding: 0.625rem; }

.quiz-preview {
  width: 50%;
  height: 0;
  background: #535B67;
  transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26);
  opacity: 0;
  overflow: hidden; }
  .quiz-preview .preview {
    height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26); }
    .quiz-preview .preview__phone-wrp {
      transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26);
      height: 0;
      overflow: hidden; }
  .quiz-preview.extended {
    overflow: visible;
    opacity: 1;
    height: calc(100vh - 30vh);
    border-radius: 0.5rem;
    transform: translateY(-1.5625rem);
    min-height: 41.875rem; }
    .quiz-preview.extended .preview {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      height: 100%;
      overflow: visible;
      min-height: 41.875rem; }
      .quiz-preview.extended .preview__phone-wrp {
        width: 20rem;
        height: 34.375rem;
        overflow: visible;
        background: #ffffff;
        margin: 0.625rem 0;
        border-radius: 0.9375rem;
        box-shadow: 0.0625rem 0.0625rem 0.9375rem rgba(0, 0, 0, 0.33);
        position: relative; }
        .quiz-preview.extended .preview__phone-wrp__box {
          position: absolute;
          width: 100%;
          background: #25292e;
          height: 80%;
          top: 7%;
          position: relative;
          padding-top: 0.625rem; }
          .quiz-preview.extended .preview__phone-wrp__box:after {
            content: '';
            display: block;
            height: 100%;
            width: 100%;
            background: linear-gradient(353.73deg, #24282D 0%, rgba(36, 40, 45, 0.08) 100%);
            background-blend-mode: multiply;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0; }
          .quiz-preview.extended .preview__phone-wrp__box > h2 {
            height: 10.625rem;
            color: #ffffff;
            font-family: Homestead;
            letter-spacing: 0.0175rem;
            line-height: 2.1875rem;
            text-align: center;
            padding: 1.25rem 1.875rem;
            margin: 0;
            width: 100%;
            font-size: 2.1rem;
            position: relative;
            z-index: 1;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word;
            display: flex;
            align-items: center;
            justify-content: center; }
          .quiz-preview.extended .preview__phone-wrp__box > figure.image-type {
            width: 4.375rem;
            height: 4.375rem;
            margin: 0 auto;
            position: relative;
            z-index: 99; }
            .quiz-preview.extended .preview__phone-wrp__box > figure.image-type--2 {
              border-radius: 50%;
              overflow: hidden;
              border: 0.1875rem solid #ffffff; }
            .quiz-preview.extended .preview__phone-wrp__box > figure.image-type > img {
              width: 100%;
              height: 100%; }
            .quiz-preview.extended .preview__phone-wrp__box > figure.image-type + h3 {
              height: auto;
              padding: 0.625rem 0; }
          .quiz-preview.extended .preview__phone-wrp__box > h3 {
            height: 10.625rem;
            color: #ffffff;
            font-size: 2.125rem;
            font-weight: bold;
            letter-spacing: 0.02187rem;
            line-height: 2.75rem;
            text-align: center;
            position: relative;
            z-index: 1;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: scale(0.8) translateY(-0.625rem); }
          .quiz-preview.extended .preview__phone-wrp__box > span {
            height: 1.5rem;
            width: 100%;
            opacity: 0.64;
            color: #ffffff;
            font-size: 0.875rem;
            letter-spacing: -0.02rem;
            line-height: 1.5rem;
            padding: 0rem 1.875rem;
            position: relative;
            z-index: 1;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word; }
          .quiz-preview.extended .preview__phone-wrp__box > p {
            opacity: 0.64;
            color: #ffffff;
            font-size: 0.875rem;
            letter-spacing: -0.02rem;
            line-height: 1.5rem;
            text-align: center;
            position: relative;
            z-index: 1;
            padding: 1.875rem 2.5rem;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word; }
          .quiz-preview.extended .preview__phone-wrp__box > footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 1;
            height: 9.375rem;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center; }
            .quiz-preview.extended .preview__phone-wrp__box > footer > ul {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%; }
              .quiz-preview.extended .preview__phone-wrp__box > footer > ul > li {
                box-sizing: border-box;
                height: 4rem;
                width: 4rem;
                border: 0.125rem solid #ffffff;
                opacity: 0.16;
                border-radius: 50%;
                margin: 0 0.625rem;
                transform: scale(0.8); }
            .quiz-preview.extended .preview__phone-wrp__box > footer > .button-fake {
              box-sizing: border-box;
              height: 3.5rem;
              width: 13.6875rem;
              background: #ffffff;
              opacity: 0.08;
              border-radius: 2.1875rem;
              transform: scale(0.8); }
    @media (max-width: 1025px) {
      .quiz-preview.extended {
        width: 100% !important; } }
  .quiz-preview__tabs {
    display: flex;
    justify-content: center;
    height: 3.125rem;
    align-items: center;
    color: #ffffff;
    font-size: 0.75rem; }
    .quiz-preview__tabs > li {
      width: 6.25rem;
      border-top: 0.125rem solid transparent;
      transition: all 0.5s cubic-bezier(0.68, -0.32, 0, 1.26);
      cursor: pointer;
      height: 2.5rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      .quiz-preview__tabs > li.current {
        border-top: 0.125rem solid #ffffff; }

.timer {
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
  border: 0.3125rem solid rgba(0, 0, 0, 0.141176);
  border-radius: 50%;
  transform: scale(0.7);
  position: relative;
  z-index: 1;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.02125rem;
  line-height: 1.75rem;
  text-align: center; }

.answers {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  bottom: 0.9375rem; }
  .answers--2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly; }
    .answers--2 .answer-item {
      height: 6rem;
      background: #ffffff;
      width: 49%;
      overflow: hidden;
      border-radius: 0.875rem;
      opacity: 1; }
      .answers--2 .answer-item > img {
        max-width: 100%;
        max-height: 100%;
        height: auto; }
      .answers--2 .answer-item.correct {
        background-color: #ffffff;
        border: 0.125rem solid #4CAF50;
        border-radius: .875rem; }
  .answers:not(.answers--2) > .answer-item > img {
    height: 2.1875rem;
    width: 2.1875rem;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0.15625rem;
    top: 0.15625rem; }

.answer-item {
  box-sizing: border-box;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.125rem solid #ffffff;
  opacity: 0.64;
  border-radius: 2.125rem;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.02125rem;
  line-height: 1.75rem;
  text-align: center;
  width: 100%;
  transform: scale(0.8);
  position: relative;
  z-index: 1; }
  .answer-item.correct {
    border-radius: 2.125rem;
    background-color: #4CAF50;
    border: 0.125rem solid #4CAF50; }

.editor {
  position: relative; }
  .editor__content {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word; }
    .editor__content * {
      caret-color: currentColor; }
    .editor__content pre {
      padding: 0.7rem 1rem;
      border-radius: 5px;
      background: #000000;
      color: #ffffff;
      font-size: 0.8rem;
      overflow-x: auto; }
      .editor__content pre code {
        display: block; }
    .editor__content p code {
      display: inline-block;
      padding: 0 0.4rem;
      border-radius: 5px;
      font-size: 0.8rem;
      font-weight: bold;
      background: rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.8); }
    .editor__content ul,
    .editor__content ol {
      padding-left: 1rem; }
    .editor__content li > p,
    .editor__content li > ol,
    .editor__content li > ul {
      margin: 0; }
    .editor__content a {
      color: inherit; }
    .editor__content blockquote {
      border-left: 3px solid rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.8);
      padding-left: 0.8rem;
      font-style: italic; }
      .editor__content blockquote p {
        margin: 0; }
    .editor__content img {
      max-width: 100%;
      border-radius: 3px; }
    .editor__content table {
      border-collapse: collapse;
      table-layout: fixed;
      width: 100%;
      margin: 0;
      overflow: hidden; }
      .editor__content table td, .editor__content table th {
        min-width: 1em;
        border: 2px solid #dddddd;
        padding: 3px 5px;
        vertical-align: top;
        box-sizing: border-box;
        position: relative; }
        .editor__content table td > *, .editor__content table th > * {
          margin-bottom: 0; }
      .editor__content table th {
        font-weight: bold;
        text-align: left; }
      .editor__content table .selectedCell:after {
        z-index: 2;
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(200, 200, 255, 0.4);
        pointer-events: none; }
      .editor__content table .column-resize-handle {
        position: absolute;
        right: -2px;
        top: 0;
        bottom: 0;
        width: 4px;
        z-index: 20;
        background-color: #adf;
        pointer-events: none; }
    .editor__content .tableWrapper {
      margin: 1em 0;
      overflow-x: auto; }
    .editor__content .resize-cursor {
      cursor: ew-resize;
      cursor: col-resize; }

.menubar {
  margin-bottom: 1rem;
  transition: visibility 0.2s 0.4s, opacity 0.2s 0.4s; }
  .menubar.is-hidden {
    visibility: hidden;
    opacity: 0; }
  .menubar.is-focused {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.2s, opacity 0.2s; }
  .menubar__button {
    font-weight: bold;
    display: inline-flex;
    background: transparent;
    border: 0;
    color: #000000;
    padding: 0.2rem 0.5rem;
    margin-right: 0.2rem;
    border-radius: 3px;
    cursor: pointer; }
    .menubar__button:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .menubar__button.is-active {
      background-color: rgba(0, 0, 0, 0.1); }
  .menubar span.menubar__button {
    font-size: 13.3333px; }

fieldset[disabled] .multiselect {
  pointer-events: none; }

.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block; }

.multiselect__spinner:after, .multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid transparent;
  border-top-color: #41b883;
  box-shadow: 0 0 0 1px transparent; }

.multiselect__spinner:before {
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite; }

.multiselect__spinner:after {
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite; }

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
  transition: opacity .4s ease-in-out;
  opacity: 1; }

.multiselect__loading-enter, .multiselect__loading-leave-active {
  opacity: 0; }

.multiselect, .multiselect__input, .multiselect__single {
  font-family: inherit;
  font-size: 16px;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e; }

.multiselect * {
  box-sizing: border-box; }

.multiselect:focus {
  outline: none; }

.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: .6; }

.multiselect--active {
  z-index: 50; }

.multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.multiselect--active .multiselect__select {
  transform: rotate(180deg); }

.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.multiselect__input, .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border .1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top; }

.multiselect__input:-ms-input-placeholder {
  color: #35495e; }

.multiselect__input::placeholder {
  color: #35495e; }

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
  width: auto; }

.multiselect__input:hover, .multiselect__single:hover {
  border-color: #cfcfcf; }

.multiselect__input:focus, .multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none; }

.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px; }

.multiselect__tags-wrap {
  display: inline; }

.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px; }

.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis; }

.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all .2s ease;
  border-radius: 5px; }

.multiselect__tag-icon:after {
  content: "\D7";
  color: #266d4d;
  font-size: 14px; }

.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
  background: #369a6e; }

.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
  color: #fff; }

.multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 30px 0 12px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8; }

.multiselect__current, .multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer; }

.multiselect__select {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform .2s ease; }

.multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ""; }

.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px; }

.multiselect--active .multiselect__placeholder {
  display: none; }

.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch; }

.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top; }

.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8; }

.multiselect__content::webkit-scrollbar {
  display: none; }

.multiselect__element {
  display: block; }

.multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap; }

.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px; }

.multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: #fff; }

.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff; }

.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700; }

.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver; }

.multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff; }

.multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff; }

.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6; }

.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none; }

.multiselect__option--group {
  background: #ededed;
  color: #35495e; }

.multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff; }

.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e; }

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede; }

.multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff; }

.multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff; }

.multiselect-enter-active, .multiselect-leave-active {
  transition: all .15s ease; }

.multiselect-enter, .multiselect-leave-active {
  opacity: 0; }

.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top; }

[dir=rtl] .multiselect {
  text-align: right; }

[dir=rtl] .multiselect__select {
  right: auto;
  left: 1px; }

[dir=rtl] .multiselect__tags {
  padding: 8px 8px 0 40px; }

[dir=rtl] .multiselect__content {
  text-align: right; }

[dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0; }

[dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px; }

[dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px; }

@keyframes spinning {
  0% {
    transform: rotate(0); }
  to {
    transform: rotate(2turn); } }

.multiselect__tag {
  background: #ff8303; }

.multiselect__tag-icon:hover {
  background: #ff8303; }

.multiselect__tag-icon:after {
  color: #ffffff; }

.multiselect__option--highlight {
  background: #ff8303; }

.multiselect__option--selected.multiselect__option--highlight {
  background: #f37d7d; }

.multiselect__option {
  display: flex;
  align-items: center; }
  .multiselect__option img {
    height: 1.25rem;
    margin-right: 0.3125rem; }
.modal-mask.custom .modal-container{
  padding:0;
}
.modal-mask.custom .modal-header{
  background: rgb(80,89,100);
  background: linear-gradient(184deg, rgba(80,89,100,1) 0%, rgba(4,5,5,1) 100%, rgba(4,5,5,1) 100%);
  color:#fff;
  font-weight: bold;
}
.modal-mask.custom input.form-control,
.modal-mask.custom select.form-control,
.modal-mask.custom textarea.form-control{
  border-radius:1rem;
  color: #000;
  font-size: 1rem;
  background-color: rgba(83,91,103,.0705882);
}
.modal-mask.custom input.form-control[disabled],
.modal-mask.custom select.form-control[disabled],
.modal-mask.custom textarea.form-control[disabled]{
  border-radius:1rem;
  color: #535b67;
  font-size: 1rem;
  background-color: rgba(83,91,103,.0705882);
  border: none;
}
.modal-mask.custom .form-control:focus{
      box-shadow: none;
}
.modal-mask.custom button.salvaAvv{
  background:#ff8303;
  border-radius:1rem;
  border: none;
  min-width: 150px;
  box-shadow: 0.0625rem 0.0625rem 0.9375rem rgb(0 0 0 / 33%);
}
.modal-mask.custom ::-webkit-scrollbar {


}
.modal-mask.custom ::-webkit-scrollbar-thumb  {
  border-radius: 1rem;
}
.modal-mask.custom ::-webkit-scrollbar-track  {
  border-radius: 1rem;
}
.col-esito{
  padding: 0 0 10px 0 !important;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.nomeEsito{
  background: rgb(80,89,100);
  background: linear-gradient(184deg, rgba(80,89,100,1) 0%, rgba(4,5,5,1) 100%, rgba(4,5,5,1) 100%);
  color:#fff;
  font-weight: bold;
  padding: 0 10px;
  text-align: center;
}
.palloni{
  padding:10px;
}
.palloni span{
  margin-right: 10px;
}
.palloni input{
  text-align: right;
}
.modal-mask.custom .disabled{
  opacity:.7
}
.modal-mask.custom .modal-container{
  max-width: 80%;
}
.modal-mask.custom .modal-close-button{
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
}

.flex {
  display: flex;
}