.w-1 {
  width: 1%; }

.minh-1 {
  min-height: 1vh; }

.w-2 {
  width: 2%; }

.minh-2 {
  min-height: 2vh; }

.w-3 {
  width: 3%; }

.minh-3 {
  min-height: 3vh; }

.w-4 {
  width: 4%; }

.minh-4 {
  min-height: 4vh; }

.w-5 {
  width: 5%; }

.minh-5 {
  min-height: 5vh; }

.w-6 {
  width: 6%; }

.minh-6 {
  min-height: 6vh; }

.w-7 {
  width: 7%; }

.minh-7 {
  min-height: 7vh; }

.w-8 {
  width: 8%; }

.minh-8 {
  min-height: 8vh; }

.w-9 {
  width: 9%; }

.minh-9 {
  min-height: 9vh; }

.w-10 {
  width: 10%; }

.minh-10 {
  min-height: 10vh; }

.w-11 {
  width: 11%; }

.minh-11 {
  min-height: 11vh; }

.w-12 {
  width: 12%; }

.minh-12 {
  min-height: 12vh; }

.w-13 {
  width: 13%; }

.minh-13 {
  min-height: 13vh; }

.w-14 {
  width: 14%; }

.minh-14 {
  min-height: 14vh; }

.w-15 {
  width: 15%; }

.minh-15 {
  min-height: 15vh; }

.w-16 {
  width: 16%; }

.minh-16 {
  min-height: 16vh; }

.w-17 {
  width: 17%; }

.minh-17 {
  min-height: 17vh; }

.w-18 {
  width: 18%; }

.minh-18 {
  min-height: 18vh; }

.w-19 {
  width: 19%; }

.minh-19 {
  min-height: 19vh; }

.w-20 {
  width: 20%; }

.minh-20 {
  min-height: 20vh; }

.w-21 {
  width: 21%; }

.minh-21 {
  min-height: 21vh; }

.w-22 {
  width: 22%; }

.minh-22 {
  min-height: 22vh; }

.w-23 {
  width: 23%; }

.minh-23 {
  min-height: 23vh; }

.w-24 {
  width: 24%; }

.minh-24 {
  min-height: 24vh; }

.w-25 {
  width: 25%; }

.minh-25 {
  min-height: 25vh; }

.w-26 {
  width: 26%; }

.minh-26 {
  min-height: 26vh; }

.w-27 {
  width: 27%; }

.minh-27 {
  min-height: 27vh; }

.w-28 {
  width: 28%; }

.minh-28 {
  min-height: 28vh; }

.w-29 {
  width: 29%; }

.minh-29 {
  min-height: 29vh; }

.w-30 {
  width: 30%; }

.minh-30 {
  min-height: 30vh; }

.w-31 {
  width: 31%; }

.minh-31 {
  min-height: 31vh; }

.w-32 {
  width: 32%; }

.minh-32 {
  min-height: 32vh; }

.w-33 {
  width: 33%; }

.minh-33 {
  min-height: 33vh; }

.w-34 {
  width: 34%; }

.minh-34 {
  min-height: 34vh; }

.w-35 {
  width: 35%; }

.minh-35 {
  min-height: 35vh; }

.w-36 {
  width: 36%; }

.minh-36 {
  min-height: 36vh; }

.w-37 {
  width: 37%; }

.minh-37 {
  min-height: 37vh; }

.w-38 {
  width: 38%; }

.minh-38 {
  min-height: 38vh; }

.w-39 {
  width: 39%; }

.minh-39 {
  min-height: 39vh; }

.w-40 {
  width: 40%; }

.minh-40 {
  min-height: 40vh; }

.w-41 {
  width: 41%; }

.minh-41 {
  min-height: 41vh; }

.w-42 {
  width: 42%; }

.minh-42 {
  min-height: 42vh; }

.w-43 {
  width: 43%; }

.minh-43 {
  min-height: 43vh; }

.w-44 {
  width: 44%; }

.minh-44 {
  min-height: 44vh; }

.w-45 {
  width: 45%; }

.minh-45 {
  min-height: 45vh; }

.w-46 {
  width: 46%; }

.minh-46 {
  min-height: 46vh; }

.w-47 {
  width: 47%; }

.minh-47 {
  min-height: 47vh; }

.w-48 {
  width: 48%; }

.minh-48 {
  min-height: 48vh; }

.w-49 {
  width: 49%; }

.minh-49 {
  min-height: 49vh; }

.w-50 {
  width: 50%; }

.minh-50 {
  min-height: 50vh; }

.w-51 {
  width: 51%; }

.minh-51 {
  min-height: 51vh; }

.w-52 {
  width: 52%; }

.minh-52 {
  min-height: 52vh; }

.w-53 {
  width: 53%; }

.minh-53 {
  min-height: 53vh; }

.w-54 {
  width: 54%; }

.minh-54 {
  min-height: 54vh; }

.w-55 {
  width: 55%; }

.minh-55 {
  min-height: 55vh; }

.w-56 {
  width: 56%; }

.minh-56 {
  min-height: 56vh; }

.w-57 {
  width: 57%; }

.minh-57 {
  min-height: 57vh; }

.w-58 {
  width: 58%; }

.minh-58 {
  min-height: 58vh; }

.w-59 {
  width: 59%; }

.minh-59 {
  min-height: 59vh; }

.w-60 {
  width: 60%; }

.minh-60 {
  min-height: 60vh; }

.w-61 {
  width: 61%; }

.minh-61 {
  min-height: 61vh; }

.w-62 {
  width: 62%; }

.minh-62 {
  min-height: 62vh; }

.w-63 {
  width: 63%; }

.minh-63 {
  min-height: 63vh; }

.w-64 {
  width: 64%; }

.minh-64 {
  min-height: 64vh; }

.w-65 {
  width: 65%; }

.minh-65 {
  min-height: 65vh; }

.w-66 {
  width: 66%; }

.minh-66 {
  min-height: 66vh; }

.w-67 {
  width: 67%; }

.minh-67 {
  min-height: 67vh; }

.w-68 {
  width: 68%; }

.minh-68 {
  min-height: 68vh; }

.w-69 {
  width: 69%; }

.minh-69 {
  min-height: 69vh; }

.w-70 {
  width: 70%; }

.minh-70 {
  min-height: 70vh; }

.w-71 {
  width: 71%; }

.minh-71 {
  min-height: 71vh; }

.w-72 {
  width: 72%; }

.minh-72 {
  min-height: 72vh; }

.w-73 {
  width: 73%; }

.minh-73 {
  min-height: 73vh; }

.w-74 {
  width: 74%; }

.minh-74 {
  min-height: 74vh; }

.w-75 {
  width: 75%; }

.minh-75 {
  min-height: 75vh; }

.w-76 {
  width: 76%; }

.minh-76 {
  min-height: 76vh; }

.w-77 {
  width: 77%; }

.minh-77 {
  min-height: 77vh; }

.w-78 {
  width: 78%; }

.minh-78 {
  min-height: 78vh; }

.w-79 {
  width: 79%; }

.minh-79 {
  min-height: 79vh; }

.w-80 {
  width: 80%; }

.minh-80 {
  min-height: 80vh; }

.w-81 {
  width: 81%; }

.minh-81 {
  min-height: 81vh; }

.w-82 {
  width: 82%; }

.minh-82 {
  min-height: 82vh; }

.w-83 {
  width: 83%; }

.minh-83 {
  min-height: 83vh; }

.w-84 {
  width: 84%; }

.minh-84 {
  min-height: 84vh; }

.w-85 {
  width: 85%; }

.minh-85 {
  min-height: 85vh; }

.w-86 {
  width: 86%; }

.minh-86 {
  min-height: 86vh; }

.w-87 {
  width: 87%; }

.minh-87 {
  min-height: 87vh; }

.w-88 {
  width: 88%; }

.minh-88 {
  min-height: 88vh; }

.w-89 {
  width: 89%; }

.minh-89 {
  min-height: 89vh; }

.w-90 {
  width: 90%; }

.minh-90 {
  min-height: 90vh; }

.w-91 {
  width: 91%; }

.minh-91 {
  min-height: 91vh; }

.w-92 {
  width: 92%; }

.minh-92 {
  min-height: 92vh; }

.w-93 {
  width: 93%; }

.minh-93 {
  min-height: 93vh; }

.w-94 {
  width: 94%; }

.minh-94 {
  min-height: 94vh; }

.w-95 {
  width: 95%; }

.minh-95 {
  min-height: 95vh; }

.w-96 {
  width: 96%; }

.minh-96 {
  min-height: 96vh; }

.w-97 {
  width: 97%; }

.minh-97 {
  min-height: 97vh; }

.w-98 {
  width: 98%; }

.minh-98 {
  min-height: 98vh; }

.w-99 {
  width: 99%; }

.minh-99 {
  min-height: 99vh; }

.w-100 {
  width: 100%; }

.minh-100 {
  min-height: 100vh; }

html, body {
  min-height: 100vh; }

*:focus {
  outline: none; }

a {
  color: #3b68e1; }
  a.modify {
    height: 1.2rem;
    width: 1.25rem;
    cursor: pointer;
    opacity: .5;
    background-image: url(../img/pencil.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    overflow: hidden;
    text-indent: 999px;
    display: inline-block; }
    a.modify:hover {
      opacity: 1; }
  a.confirm {
    height: 1.2rem;
    width: 1.25rem;
    cursor: pointer;
    opacity: .25;
    background-image: url(../img/check.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    overflow: hidden;
    text-indent: 999px;
    display: inline-block; }
    a.confirm:hover {
      opacity: 1; }
  a.delete {
    vertical-align: text-bottom;
    height: 1.2rem;
    width: 1.25rem;
    cursor: pointer;
    opacity: 1;
    background-image: url(../img/cestino.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    overflow: hidden;
    text-indent: 999px;
    display: inline-block; }
  a.delete_w {
    vertical-align: text-bottom;
    height: 1.2rem;
    width: 1.25rem;
    cursor: pointer;
    opacity: 1;
    background-image: url(../img/cestino_w.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    overflow: hidden;
    text-indent: 999px;
    display: inline-block; }
  a.min-btn {
    height: calc(1rem + (.625rem * 2));
    width: calc(1rem + (.625rem * 2));
    overflow: hidden;
    text-indent: -999px;
    background-color: #ffffff;
    font-size: .875rem;
    line-height: 1;
    color: #160d47;
    border: none;
    padding: .625rem;
    border-radius: 2.25rem;
    text-transform: initial;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    background-size: 1rem; }
    a.min-btn.btn-add {
      background-image: url(../img/plus-icon-f.svg);
      background-size: .75rem;
      background-position: center center;
      background-repeat: no-repeat; }
    a.min-btn.back {
      background-image: url(../img/back-arrow.svg);
      background-size: .75rem;
      background-position: 45% center;
      background-repeat: no-repeat; }

h1 {
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 2.25rem;
  letter-spacing: 1px;
  color: #f1f1f1; }
  @media only screen and (max-width: 600px) {
    h1 {
      font-size: 1.875rem;
      line-height: 2.25rem; } }

h2 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: 1px;
  color: #f1f1f1; }
  @media only screen and (max-width: 600px) {
    h2 {
      font-size: 1.125rem; } }
  h2 small {
    font-weight: 300; }

h3 {
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 2.25rem;
  letter-spacing: 1px;
  margin-bottom: 0;
  color: #f1f1f1; }
  @media only screen and (max-width: 600px) {
    h3 {
      font-size: 1.875rem; } }

h4 {
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 2.25rem;
  letter-spacing: 1px;
  margin-bottom: 0;
  color: #f1f1f1; }
  @media only screen and (max-width: 600px) {
    h4 {
      font-size: 1.875rem; } }
  h4.no-result {
    text-align: center;
    color: #4a4a4a;
    margin: 2.5rem 0; }
    @media only screen and (max-width: 600px) {
      h4.no-result {
        font-size: 1.5rem; } }
    h4.no-result:after {
      display: none; }

h5 {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1; }

.text-fucsia {
  color: #E5007D; }

.text-gray {
  color: #293C47; }

h3:after, h4:after {
  display: inline-block;
  content: "";
  background-image: url(../img/btn-points_white.svg);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  width: 1.4375rem;
  height: .5rem;
  vertical-align: middle;
  margin-left: 1rem;
  margin-top: calc(.5rem / -3); }
h3.text-fucsia:after, h4.text-fucsia:after {
  background-image: url(../img//btn-points.svg); }

.container-lg {
  max-width: 1380px; }
  @media only screen and (max-width: 1440px) {
    .container-lg {
      max-width: 1240px; } }

.btn {
  background-color: #ffffff;
  font-size: .875rem;
  line-height: 1;
  color: #160d47;
  border: none;
  padding: .6875rem 1.375rem;
  border-radius: 1.375rem;
  text-transform: initial;
  box-shadow: none; }
  .btn-sm {
    padding: .65625rem; }
  .btn-login img {
    margin-right: .625rem; }
  .btn-primary {
    background-color: #3b68e1;
    color: #ffffff; }
    .btn-primary:hover, .btn-primary:focus {
      background: #47495C; }
      @media only screen and (max-width: 600px) {
        .btn-primary:hover, .btn-primary:focus {
          color: #ffffff;
          background-color: #3b68e1; } }
  .btn-secondary {
    background-color: #9ea2a2;
    color: #ffffff; }
    .btn-secondary:hover, .btn-secondary:focus {
      background: #47495C; }
      @media only screen and (max-width: 600px) {
        .btn-secondary:hover, .btn-secondary:focus {
          color: #ffffff;
          background-color: #9ea2a2; } }
  .btn-danger {
    background-color: #FF3333;
    color: #ffffff; }
  .btn.action {
    background-image: url(../img/btn-points.svg);
    background-repeat: no-repeat;
    background-size: 1.4375rem .5rem;
    background-position: center right .9375rem;
    padding-right: calc(1.375rem + 1.4375rem + 1rem); }
    .btn.action.btn-add {
      background-image: url(../img/plus-icon-f.svg);
      background-size: .75rem;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); }
    .btn.action.btn-download {
      background-image: url(../img/arrow_download.svg);
      background-size: .75rem;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); }
  .btn:hover, .btn:focus {
    color: #ffffff;
    background-color: #47495C;
    box-shadow: none; }
    @media only screen and (max-width: 600px) {
      .btn:hover, .btn:focus {
        color: #160d47;
        background-color: #ffffff; } }
  .btn.search {
    font-size: inherit;
    background-image: url(../img/search_btn.svg);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: center right .9375rem;
    padding-right: 2.5rem;
    background-color: #E5E8EF; }
    .btn.search:hover {
      background-color: #47495C; }
      @media only screen and (max-width: 600px) {
        .btn.search:hover {
          background-color: #E5E8EF; } }
  .btn.shortcut {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: url(../img/star.svg);
    background-position: right .8125rem center;
    background-size: .875rem;
    background-repeat: no-repeat;
    transition: none;
    padding-right: calc(1.375rem + .875rem + .25rem); }
    .btn.shortcut:hover {
      background-color: #27272d; }
      @media only screen and (max-width: 600px) {
        .btn.shortcut:hover {
          color: #ffffff;
          background-color: rgba(255, 255, 255, 0.3); } }
    .btn.shortcut.active {
      background-image: url(../img/close_w.svg); }
  .btn-delete {
    background-color: #FF3333;
    color: #ffffff; }
  .btn-next {
    border-radius: 1.375rem 0 0 1.375rem;
    position: relative; }
    .btn-next:after {
      content: "";
      display: block;
      position: absolute;
      right: calc(((.6875rem * 2) + .875rem) / -2);
      top: 0;
      background-color: transparent;
      border: 0;
      width: 0;
      height: 0;
      border-top: calc(((.6875rem * 2) + .875rem) / 2) solid transparent;
      border-bottom: calc(((.6875rem * 2) + .875rem) / 2) solid transparent;
      border-left: calc(((.6875rem * 2) + .875rem) / 2) solid #ffffff;
      transition: border-color .15s ease-in-out; }
    .btn-next:hover:after {
      border-left-color: #47495C; }
    .btn-next.btn-primary:after {
      border-left-color: #3b68e1; }
    .btn-next.btn-primary:hover:after {
      border-left-color: #47495C; }
  .btn-prev {
    border-radius: 0 1.375rem 1.375rem 0;
    position: relative; }
    .btn-prev:before {
      content: "";
      display: block;
      position: absolute;
      left: calc(((.6875rem * 2) + .875rem) / -2);
      top: 0;
      background-color: transparent;
      border: 0;
      width: 0;
      height: 0;
      border-top: calc(((.6875rem * 2) + .875rem) / 2) solid transparent;
      border-bottom: calc(((.6875rem * 2) + .875rem) / 2) solid transparent;
      border-right: calc(((.6875rem * 2) + .875rem) / 2) solid #ffffff;
      transition: border-color .15s ease-in-out; }
    .btn-prev:hover:before {
      border-right-color: #47495C; }
    .btn-prev.btn-primary:before {
      border-right-color: #3b68e1; }
    .btn-prev.btn-primary:hover:before {
      border-right-color: #47495C; }
  .btn.static {
    color: #293C47;
    background-color: #f1f1f1;
    cursor: default; }
    .btn.static.approved {
      color: #ffffff;
      background-color: #87BB20; }
      .btn.static.approved:hover, .btn.static.approved:focus {
        color: #ffffff;
        background-color: #87BB20; }
        @media only screen and (max-width: 600px) {
          .btn.static.approved:hover, .btn.static.approved:focus {
            color: #ffffff;
            background-color: #87BB20; } }
    .btn.static.refused {
      color: #ffffff;
      background-color: #FF3333; }
      .btn.static.refused:hover, .btn.static.refused:focus {
        color: #ffffff;
        background-color: #FF3333; }
        @media only screen and (max-width: 600px) {
          .btn.static.refused:hover, .btn.static.refused:focus {
            color: #ffffff;
            background-color: #FF3333; } }
    .btn.static.notified {
      color: #ffffff;
      background-color: #5DABC6; }
      .btn.static.notified:hover, .btn.static.notified:focus {
        color: #ffffff;
        background-color: #5DABC6; }
        @media only screen and (max-width: 600px) {
          .btn.static.notified:hover, .btn.static.notified:focus {
            color: #ffffff;
            background-color: #5DABC6; } }
    .btn.static.invert {
      color: #f1f1f1;
      background-color: rgba(41, 60, 71, 0.75); }
      .btn.static.invert:hover, .btn.static.invert:focus {
        color: #f1f1f1;
        background-color: rgba(41, 60, 71, 0.75); }
        @media only screen and (max-width: 600px) {
          .btn.static.invert:hover, .btn.static.invert:focus {
            color: #f1f1f1;
            background-color: rgba(41, 60, 71, 0.75); } }
    .btn.static:not(:disabled):not(.disabled) {
      cursor: default; }
    .btn.static:hover, .btn.static:focus {
      cursor: default;
      color: #293C47;
      background-color: #f1f1f1;
      box-shadow: none; }
      @media only screen and (max-width: 600px) {
        .btn.static:hover, .btn.static:focus {
          color: #293C47;
          background-color: #f1f1f1; } }

.badge.icon {
  overflow: hidden;
  text-indent: -999px;
  height: 2.25rem;
  width: 2.25rem;
  padding: .5rem;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400; }
  .badge.icon.convalidata {
    background-color: #87BB20;
    -webkit-mask: url(../img/check.svg) no-repeat 50% 50%;
    mask: url(../img/check.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover; }
.badge.company {
  overflow: hidden;
  text-indent: -999px;
  height: 2.25rem;
  width: 2.25rem;
  padding: .5rem;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }
  .badge.company.a2 {
    background-image: url(../img/loghi/logo-next.svg);
    background-color: #191919; }
  .badge.company.a4 {
    background-image: url(../img/loghi/logo-next.svg);
    background-color: #00953e; }
  .badge.company.a9 {
    background-image: url(../img/loghi/ADVERTEAM.svg);
    background-color: #878786; }
  .badge.company.a10 {
    background-image: url(../img/loghi/take.svg);
    background-color: #000000; }

.dropdown span.label, .timeline-area .timeline .event-list .dettaglio .modify span.label, .timeline-area .timeline .event-list .dettaglio .confirm span.label {
  margin-right: .3125rem; }
.dropdown .btn, .timeline-area .timeline .event-list .dettaglio .modify .btn, .timeline-area .timeline .event-list .dettaglio .confirm .btn {
  border-radius: 50%;
  padding: 1.3125rem;
  box-shadow: none;
  background-color: transparent; }
  .dropdown .btn span, .timeline-area .timeline .event-list .dettaglio .modify .btn span, .timeline-area .timeline .event-list .dettaglio .confirm .btn span {
    display: block;
    height: .25rem;
    width: .25rem;
    background-color: #293c47;
    border-radius: 50%;
    position: relative;
    top: -.125rem; }
    .dropdown .btn span:before, .timeline-area .timeline .event-list .dettaglio .modify .btn span:before, .timeline-area .timeline .event-list .dettaglio .confirm .btn span:before, .dropdown .btn span:after, .timeline-area .timeline .event-list .dettaglio .modify .btn span:after, .timeline-area .timeline .event-list .dettaglio .confirm .btn span:after {
      content: "";
      display: block;
      background-color: #293c47;
      border-radius: 50%;
      position: absolute;
      left: 0; }
    .dropdown .btn span:before, .timeline-area .timeline .event-list .dettaglio .modify .btn span:before, .timeline-area .timeline .event-list .dettaglio .confirm .btn span:before {
      top: -.3125rem;
      height: .125rem;
      width: .125rem;
      margin-left: .0625rem; }
    .dropdown .btn span:after, .timeline-area .timeline .event-list .dettaglio .modify .btn span:after, .timeline-area .timeline .event-list .dettaglio .confirm .btn span:after {
      top: .375rem;
      height: .375rem;
      width: .375rem;
      margin-left: -.0625rem; }
  .dropdown .btn.dropdown-toggle:after, .timeline-area .timeline .event-list .dettaglio .modify .btn.dropdown-toggle:after, .timeline-area .timeline .event-list .dettaglio .confirm .btn.dropdown-toggle:after {
    display: none; }
  .dropdown .btn:hover, .timeline-area .timeline .event-list .dettaglio .modify .btn:hover, .timeline-area .timeline .event-list .dettaglio .confirm .btn:hover {
    background-color: #3b68e1;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16); }
    .dropdown .btn:hover span, .timeline-area .timeline .event-list .dettaglio .modify .btn:hover span, .timeline-area .timeline .event-list .dettaglio .confirm .btn:hover span {
      background-color: #ffffff;
      /*height: .5rem;
      width: .5rem;
      margin: -.25rem -.125rem 0 -.125rem;*/
      /*&:before {
          height: .375rem;
          width: .375rem;
          top: -.5rem;
      }*/
      /*&:after {
          height: .5rem;
          width: .5rem;
          top: .625rem;
          margin-left: -.125rem;
      }*/ }
      .dropdown .btn:hover span:before, .timeline-area .timeline .event-list .dettaglio .modify .btn:hover span:before, .timeline-area .timeline .event-list .dettaglio .confirm .btn:hover span:before, .dropdown .btn:hover span:after, .timeline-area .timeline .event-list .dettaglio .modify .btn:hover span:after, .timeline-area .timeline .event-list .dettaglio .confirm .btn:hover span:after {
        background-color: #ffffff; }
.dropdown.show .btn, .timeline-area .timeline .event-list .dettaglio .show.modify .btn, .timeline-area .timeline .event-list .dettaglio .show.confirm .btn {
  background-color: #3b68e1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16); }
  .dropdown.show .btn span, .timeline-area .timeline .event-list .dettaglio .show.modify .btn span, .timeline-area .timeline .event-list .dettaglio .show.confirm .btn span {
    background-color: #ffffff;
    /*height: .5rem;
    width: .5rem;
    margin: -.25rem -.125rem 0 -.125rem;*/
    /*&:before {
        height: .375rem;
        width: .375rem;
        top: -.5rem;
    }*/
    /*&:after {
        height: .625rem;
        width: .625rem;
        top: .625rem;
        margin-left: -.0625rem;
    }*/ }
    .dropdown.show .btn span:before, .timeline-area .timeline .event-list .dettaglio .show.modify .btn span:before, .timeline-area .timeline .event-list .dettaglio .show.confirm .btn span:before, .dropdown.show .btn span:after, .timeline-area .timeline .event-list .dettaglio .show.modify .btn span:after, .timeline-area .timeline .event-list .dettaglio .show.confirm .btn span:after {
      background-color: #ffffff; }
.dropdown .dropdown-menu, .timeline-area .timeline .event-list .dettaglio .modify .dropdown-menu, .timeline-area .timeline .event-list .dettaglio .confirm .dropdown-menu {
  border: none;
  padding: .625rem 0;
  font-size: .875rem;
  color: #293C47;
  border-radius: 3px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
  margin-right: calc(1.3125rem + (.25rem / 2));
  margin-top: calc(-1.3125rem + .375rem); }
  .dropdown .dropdown-menu a:not(.btn).dropdown-item, .timeline-area .timeline .event-list .dettaglio .modify .dropdown-menu a:not(.btn).dropdown-item, .timeline-area .timeline .event-list .dettaglio .confirm .dropdown-menu a:not(.btn).dropdown-item {
    color: #293C47;
    line-height: 2.125rem;
    padding: 0 .625rem; }
    .dropdown .dropdown-menu a:not(.btn).dropdown-item:hover, .timeline-area .timeline .event-list .dettaglio .modify .dropdown-menu a:not(.btn).dropdown-item:hover, .timeline-area .timeline .event-list .dettaglio .confirm .dropdown-menu a:not(.btn).dropdown-item:hover, .dropdown .dropdown-menu a:not(.btn).dropdown-item:active, .timeline-area .timeline .event-list .dettaglio .modify .dropdown-menu a:not(.btn).dropdown-item:active, .timeline-area .timeline .event-list .dettaglio .confirm .dropdown-menu a:not(.btn).dropdown-item:active {
      background-color: transparent;
      color: #e5007d; }
    .dropdown .dropdown-menu a:not(.btn).dropdown-item.ajaxContactStore, .timeline-area .timeline .event-list .dettaglio .modify .dropdown-menu a:not(.btn).dropdown-item.ajaxContactStore, .timeline-area .timeline .event-list .dettaglio .confirm .dropdown-menu a:not(.btn).dropdown-item.ajaxContactStore {
      cursor: pointer; }
  .dropdown .dropdown-menu .dropdown-divider, .timeline-area .timeline .event-list .dettaglio .modify .dropdown-menu .dropdown-divider, .timeline-area .timeline .event-list .dettaglio .confirm .dropdown-menu .dropdown-divider {
    margin: 0 .625rem;
    border-top: 1px solid #E5E8EF; }

.not-allowed {
  cursor: not-allowed !important; }

.ui-widget {
  font-family: 'Rubik', sans-serif;
  font-size: .875rem;
  color: #47495C;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0; }
  .ui-widget.ui-widget-content.ui-autocomplete {
    border: solid 1px #E5E8EF;
    border-top: none;
    margin-top: -1px; }
    .ui-widget.ui-widget-content.ui-autocomplete li.ui-menu-item {
      border: none;
      outline: none; }
      .ui-widget.ui-widget-content.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper {
        border: none;
        color: #47495C; }
        .ui-widget.ui-widget-content.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
          margin: 0;
          background-color: #E5E8EF; }
      .ui-widget.ui-widget-content.ui-autocomplete li.ui-menu-item:hover {
        margin: 0;
        background-color: #E5E8EF; }
        .ui-widget.ui-widget-content.ui-autocomplete li.ui-menu-item:hover .ui-menu-item-wrapper {
          background-color: #E5E8EF; }
    .ui-widget.ui-widget-content.ui-autocomplete.scrollable {
      max-height: calc(((.875rem * 1.5) + (3px * 2)) * 5);
      overflow-y: auto;
      overflow-x: hidden; }
  .ui-widget.ui-widget-content.ui-tooltip.autocomplete_tooltip {
    border: none;
    padding: .625rem;
    line-height: 1.2;
    color: #FF3333;
    background: #f1f1f1;
    border-radius: .5rem; }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    width: 45%;
    -webkit-appearance: auto;
    appearance: auto; }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight {
    /*color: #ffffff;
    background-color: map-get($bg, verde);
    background: -moz-linear-gradient(180deg, rgba(map-get($bg, giallo-calendar), .75) 25%, rgba(map-get($bg, azzurro-testo), .75) 100%);
    background: -webkit-linear-gradient(180deg, rgba(map-get($bg, giallo-calendar), .75) 25%, rgba(map-get($bg, azzurro-testo), .75) 100%);
    background: linear-gradient(180deg, rgba(map-get($bg, giallo-calendar), .75) 25%, rgba(map-get($bg, azzurro-testo), .75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E0CC39",endColorstr="#469CA3",GradientType=1);*/
    border-color: #bbbbbb;
    font-weight: 700;
    color: #47495C;
    background-color: #f2f2f2;
    font-size: .9rem;
    line-height: 1.2; }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {
    color: #ffffff;
    background-color: #469CA3;
    border-color: #bbbbbb;
    font-weight: 700; }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .date-range-selected .ui-state-default:not(.ui-state-active) {
    background-color: rgba(70, 156, 163, 0.5); }

.modal .modal-content .modal-header .modal-title {
  color: #FF3333; }
.modal .modal-content .modal-body {
  color: #47495C; }
  .modal .modal-content .modal-body a {
    color: #469CA3; }
    .modal .modal-content .modal-body a:hover {
      color: #47495C; }

.v-scroll {
  display: block;
  width: 100%;
  max-height: 60vh;
  padding-right: .3125rem;
  overflow: hidden;
  overflow-y: auto; }
  .v-scroll.v1 {
    max-height: 1vh; }
  .v-scroll.v2 {
    max-height: 2vh; }
  .v-scroll.v3 {
    max-height: 3vh; }
  .v-scroll.v4 {
    max-height: 4vh; }
  .v-scroll.v5 {
    max-height: 5vh; }
  .v-scroll.v6 {
    max-height: 6vh; }
  .v-scroll.v7 {
    max-height: 7vh; }
  .v-scroll.v8 {
    max-height: 8vh; }
  .v-scroll.v9 {
    max-height: 9vh; }
  .v-scroll.v10 {
    max-height: 10vh; }
  .v-scroll.v11 {
    max-height: 11vh; }
  .v-scroll.v12 {
    max-height: 12vh; }
  .v-scroll.v13 {
    max-height: 13vh; }
  .v-scroll.v14 {
    max-height: 14vh; }
  .v-scroll.v15 {
    max-height: 15vh; }
  .v-scroll.v16 {
    max-height: 16vh; }
  .v-scroll.v17 {
    max-height: 17vh; }
  .v-scroll.v18 {
    max-height: 18vh; }
  .v-scroll.v19 {
    max-height: 19vh; }
  .v-scroll.v20 {
    max-height: 20vh; }
  .v-scroll.v21 {
    max-height: 21vh; }
  .v-scroll.v22 {
    max-height: 22vh; }
  .v-scroll.v23 {
    max-height: 23vh; }
  .v-scroll.v24 {
    max-height: 24vh; }
  .v-scroll.v25 {
    max-height: 25vh; }
  .v-scroll.v26 {
    max-height: 26vh; }
  .v-scroll.v27 {
    max-height: 27vh; }
  .v-scroll.v28 {
    max-height: 28vh; }
  .v-scroll.v29 {
    max-height: 29vh; }
  .v-scroll.v30 {
    max-height: 30vh; }
  .v-scroll.v31 {
    max-height: 31vh; }
  .v-scroll.v32 {
    max-height: 32vh; }
  .v-scroll.v33 {
    max-height: 33vh; }
  .v-scroll.v34 {
    max-height: 34vh; }
  .v-scroll.v35 {
    max-height: 35vh; }
  .v-scroll.v36 {
    max-height: 36vh; }
  .v-scroll.v37 {
    max-height: 37vh; }
  .v-scroll.v38 {
    max-height: 38vh; }
  .v-scroll.v39 {
    max-height: 39vh; }
  .v-scroll.v40 {
    max-height: 40vh; }
  .v-scroll.v41 {
    max-height: 41vh; }
  .v-scroll.v42 {
    max-height: 42vh; }
  .v-scroll.v43 {
    max-height: 43vh; }
  .v-scroll.v44 {
    max-height: 44vh; }
  .v-scroll.v45 {
    max-height: 45vh; }
  .v-scroll.v46 {
    max-height: 46vh; }
  .v-scroll.v47 {
    max-height: 47vh; }
  .v-scroll.v48 {
    max-height: 48vh; }
  .v-scroll.v49 {
    max-height: 49vh; }
  .v-scroll.v50 {
    max-height: 50vh; }
  .v-scroll.v51 {
    max-height: 51vh; }
  .v-scroll.v52 {
    max-height: 52vh; }
  .v-scroll.v53 {
    max-height: 53vh; }
  .v-scroll.v54 {
    max-height: 54vh; }
  .v-scroll.v55 {
    max-height: 55vh; }
  .v-scroll.v56 {
    max-height: 56vh; }
  .v-scroll.v57 {
    max-height: 57vh; }
  .v-scroll.v58 {
    max-height: 58vh; }
  .v-scroll.v59 {
    max-height: 59vh; }
  .v-scroll.v60 {
    max-height: 60vh; }
  .v-scroll.v61 {
    max-height: 61vh; }
  .v-scroll.v62 {
    max-height: 62vh; }
  .v-scroll.v63 {
    max-height: 63vh; }
  .v-scroll.v64 {
    max-height: 64vh; }
  .v-scroll.v65 {
    max-height: 65vh; }
  .v-scroll.v66 {
    max-height: 66vh; }
  .v-scroll.v67 {
    max-height: 67vh; }
  .v-scroll.v68 {
    max-height: 68vh; }
  .v-scroll.v69 {
    max-height: 69vh; }
  .v-scroll.v70 {
    max-height: 70vh; }
  .v-scroll.v71 {
    max-height: 71vh; }
  .v-scroll.v72 {
    max-height: 72vh; }
  .v-scroll.v73 {
    max-height: 73vh; }
  .v-scroll.v74 {
    max-height: 74vh; }
  .v-scroll.v75 {
    max-height: 75vh; }
  .v-scroll.v76 {
    max-height: 76vh; }
  .v-scroll.v77 {
    max-height: 77vh; }
  .v-scroll.v78 {
    max-height: 78vh; }
  .v-scroll.v79 {
    max-height: 79vh; }
  .v-scroll.v80 {
    max-height: 80vh; }
  .v-scroll.v81 {
    max-height: 81vh; }
  .v-scroll.v82 {
    max-height: 82vh; }
  .v-scroll.v83 {
    max-height: 83vh; }
  .v-scroll.v84 {
    max-height: 84vh; }
  .v-scroll.v85 {
    max-height: 85vh; }
  .v-scroll.v86 {
    max-height: 86vh; }
  .v-scroll.v87 {
    max-height: 87vh; }
  .v-scroll.v88 {
    max-height: 88vh; }
  .v-scroll.v89 {
    max-height: 89vh; }
  .v-scroll.v90 {
    max-height: 90vh; }
  .v-scroll.v91 {
    max-height: 91vh; }
  .v-scroll.v92 {
    max-height: 92vh; }
  .v-scroll.v93 {
    max-height: 93vh; }
  .v-scroll.v94 {
    max-height: 94vh; }
  .v-scroll.v95 {
    max-height: 95vh; }
  .v-scroll.v96 {
    max-height: 96vh; }
  .v-scroll.v97 {
    max-height: 97vh; }
  .v-scroll.v98 {
    max-height: 98vh; }
  .v-scroll.v99 {
    max-height: 99vh; }
  .v-scroll.v100 {
    max-height: 100vh; }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm1 {
      max-height: 1vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm2 {
      max-height: 2vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm3 {
      max-height: 3vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm4 {
      max-height: 4vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm5 {
      max-height: 5vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm6 {
      max-height: 6vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm7 {
      max-height: 7vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm8 {
      max-height: 8vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm9 {
      max-height: 9vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm10 {
      max-height: 10vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm11 {
      max-height: 11vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm12 {
      max-height: 12vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm13 {
      max-height: 13vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm14 {
      max-height: 14vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm15 {
      max-height: 15vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm16 {
      max-height: 16vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm17 {
      max-height: 17vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm18 {
      max-height: 18vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm19 {
      max-height: 19vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm20 {
      max-height: 20vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm21 {
      max-height: 21vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm22 {
      max-height: 22vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm23 {
      max-height: 23vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm24 {
      max-height: 24vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm25 {
      max-height: 25vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm26 {
      max-height: 26vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm27 {
      max-height: 27vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm28 {
      max-height: 28vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm29 {
      max-height: 29vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm30 {
      max-height: 30vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm31 {
      max-height: 31vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm32 {
      max-height: 32vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm33 {
      max-height: 33vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm34 {
      max-height: 34vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm35 {
      max-height: 35vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm36 {
      max-height: 36vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm37 {
      max-height: 37vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm38 {
      max-height: 38vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm39 {
      max-height: 39vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm40 {
      max-height: 40vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm41 {
      max-height: 41vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm42 {
      max-height: 42vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm43 {
      max-height: 43vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm44 {
      max-height: 44vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm45 {
      max-height: 45vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm46 {
      max-height: 46vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm47 {
      max-height: 47vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm48 {
      max-height: 48vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm49 {
      max-height: 49vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm50 {
      max-height: 50vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm51 {
      max-height: 51vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm52 {
      max-height: 52vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm53 {
      max-height: 53vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm54 {
      max-height: 54vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm55 {
      max-height: 55vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm56 {
      max-height: 56vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm57 {
      max-height: 57vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm58 {
      max-height: 58vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm59 {
      max-height: 59vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm60 {
      max-height: 60vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm61 {
      max-height: 61vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm62 {
      max-height: 62vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm63 {
      max-height: 63vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm64 {
      max-height: 64vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm65 {
      max-height: 65vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm66 {
      max-height: 66vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm67 {
      max-height: 67vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm68 {
      max-height: 68vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm69 {
      max-height: 69vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm70 {
      max-height: 70vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm71 {
      max-height: 71vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm72 {
      max-height: 72vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm73 {
      max-height: 73vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm74 {
      max-height: 74vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm75 {
      max-height: 75vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm76 {
      max-height: 76vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm77 {
      max-height: 77vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm78 {
      max-height: 78vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm79 {
      max-height: 79vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm80 {
      max-height: 80vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm81 {
      max-height: 81vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm82 {
      max-height: 82vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm83 {
      max-height: 83vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm84 {
      max-height: 84vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm85 {
      max-height: 85vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm86 {
      max-height: 86vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm87 {
      max-height: 87vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm88 {
      max-height: 88vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm89 {
      max-height: 89vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm90 {
      max-height: 90vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm91 {
      max-height: 91vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm92 {
      max-height: 92vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm93 {
      max-height: 93vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm94 {
      max-height: 94vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm95 {
      max-height: 95vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm96 {
      max-height: 96vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm97 {
      max-height: 97vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm98 {
      max-height: 98vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm99 {
      max-height: 99vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll.v-sm100 {
      max-height: 100vh; } }
  @media only screen and (max-width: 600px) {
    .v-scroll {
      padding-right: 0; } }

.accordion {
  border-top: solid 1px #E5E8EF; }
  .accordion .accordion-row {
    border-bottom: solid 1px #E5E8EF; }
    .accordion .accordion-row .accordion-header {
      padding: 1.25rem calc(1.25rem + 1rem + 1.25rem + 1.25rem) 1.25rem 1.25rem;
      position: relative; }
      .accordion .accordion-row .accordion-header.collapsed:after {
        /*background-image: url(../img/accordion_open.svg);
        height: .875rem;
        width: .875rem;
        margin-top: calc(.875rem / -2);*/
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .accordion .accordion-row .accordion-header.active {
        background-color: #E5E8EF;
        /*&:after {
            background-image: url(../img/minus-icon.svg);
        }*/ }
      .accordion .accordion-row .accordion-header:after {
        display: block;
        content: "";
        height: .8125rem;
        width: .8125rem;
        position: absolute;
        top: 50%;
        right: 1.25rem;
        margin-top: calc(.8125rem / -2);
        background-image: url(../img/accordion_close.svg);
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: all 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s; }
    .accordion .accordion-row .accordion-content {
      border-top: solid 1px #bbbbbb;
      background-color: rgba(238, 238, 238, 0.5);
      padding: 0 1.25rem; }
      .accordion .accordion-row .accordion-content .table {
        margin-bottom: 0; }
    .accordion .accordion-row.active {
      border-bottom-color: #bbbbbb; }
      .accordion .accordion-row.active .accordion-header {
        cursor: pointer; }
    .accordion .accordion-row.not-active {
      color: #9EA2A2; }
      .accordion .accordion-row.not-active .accordion-header:after {
        display: none; }
  .accordion.accordion-timesheet .accordion-row .accordion-content h4 {
    font-size: 1.25rem;
    margin-bottom: 0;
    padding-bottom: 2.5rem; }
  .accordion.accordion-timesheet .accordion-row .accordion-content .table.timesheet {
    display: inline-table;
    margin: 1rem 0 0; }
    .accordion.accordion-timesheet .accordion-row .accordion-content .table.timesheet .tbody .tr .td {
      /*.dropdown {
          .btn {
              background-color: transparent;
              &:hover, &:focus, &:active {
                  background-color: map-get($bg, grigio-chiaro-btn);
              }
          }
      }*/ }
      .accordion.accordion-timesheet .accordion-row .accordion-content .table.timesheet .tbody .tr .td p:last-child {
        margin-bottom: 0; }
  .accordion.accordion-timesheet .accordion-row .accordion-content .row.thead {
    color: #e5007d;
    border-top: none;
    font-weight: 500;
    font-size: .875rem;
    text-transform: uppercase;
    padding: 1rem .3125rem .9375rem; }
    .accordion.accordion-timesheet .accordion-row .accordion-content .row.thead *[class*="col-"] {
      padding: 0 .9375rem; }
  .accordion.accordion-timesheet .accordion-row .accordion-content .row.timesheet {
    border-top: solid 1px #dee2e6; }
    .accordion.accordion-timesheet .accordion-row .accordion-content .row.timesheet *[class*="col-"] {
      padding: .75rem .9375rem; }
      .accordion.accordion-timesheet .accordion-row .accordion-content .row.timesheet *[class*="col-"] label {
        margin-bottom: 0;
        /*color: $color--accent;
        font-size: .75rem;*/
        text-transform: none; }
      .accordion.accordion-timesheet .accordion-row .accordion-content .row.timesheet *[class*="col-"] p:last-child {
        margin-bottom: 0; }
  .accordion.accordion-timesheet-research .accordion-row .accordion-content .table .tbody .tr:nth-of-type(odd) {
    background-color: transparent; }
  .accordion.accordion-timesheet-research .accordion-row .accordion-content .table .tbody .tr .td {
    border-top: 1px solid #dee2e6; }
  .accordion.accordion-timesheet-analysis .accordion-row p:last-child {
    margin-bottom: 0; }
  .accordion.accordion-timesheet-analysis .accordion-row .accordion-header h4 {
    font-size: 1.25rem;
    margin-bottom: 0;
    padding-bottom: 2.5rem; }

.selectize-control .selectize-input {
  width: 100%;
  background-color: #E5E8EF;
  border-radius: 3px;
  font-size: .875rem;
  line-height: 1.2;
  font-weight: 400;
  padding: .625rem;
  color: #47495C;
  border: none;
  box-shadow: none; }
  .selectize-control .selectize-input.focus {
    box-shadow: none; }
.selectize-control .selectize-dropdown .selectize-dropdown-content {
  max-height: calc(1.75rem * 5); }
  .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
    text-transform: none; }
    .selectize-control .selectize-dropdown .selectize-dropdown-content .option.active {
      background-color: #eeeeee;
      color: #293C47; }
    .selectize-control .selectize-dropdown .selectize-dropdown-content .option .highlight {
      background-color: #CBCACC; }
.selectize-control.multi .selectize-input .item {
  text-transform: none;
  border-radius: 3px;
  color: #ffffff;
  background-color: #999999; }
  .selectize-control.multi .selectize-input .item.active {
    background-color: #CBCACC; }

.note-editor.note-frame {
  border: none;
  border-radius: 3px; }
  .note-editor.note-frame .note-toolbar {
    background-color: #CBCACC;
    border: none; }
  .note-editor.note-frame .note-editing-area {
    background-color: #E5E8EF; }
    .note-editor.note-frame .note-editing-area .note-editable p {
      margin: 0; }
  .note-editor.note-frame .note-statusbar {
    background-color: #CBCACC;
    border: none; }
  .note-editor.note-frame .note-modal .note-modal-content {
    border: none; }
    .note-editor.note-frame .note-modal .note-modal-content .note-modal-header {
      background-color: #E5E8EF; }
    .note-editor.note-frame .note-modal .note-modal-content .note-modal-title {
      font-size: 1.125rem; }
      .note-editor.note-frame .note-modal .note-modal-content .note-modal-title:after {
        display: none; }
    .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .checkbox input[type=checkbox], .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .checkbox html body main .form-area select[type=checkbox], html body main .form-area .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .checkbox select[type=checkbox], .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .checkbox html body main .form-area textarea[type=checkbox], html body main .form-area .note-editor.note-frame .note-modal .note-modal-content .note-modal-body .checkbox textarea[type=checkbox] {
      float: left;
      margin-right: .3125rem; }
    .note-editor.note-frame .note-modal .note-modal-content .note-modal-footer {
      height: auto;
      text-align: right; }
      .note-editor.note-frame .note-modal .note-modal-content .note-modal-footer .note-btn {
        float: none; }
        .note-editor.note-frame .note-modal .note-modal-content .note-modal-footer .note-btn:hover {
          border: none;
          border-radius: 2.1875rem; }

.hm {
  padding-right: 1rem;
  position: relative; }
  .hm:after {
    display: block;
    content: "";
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    width: .5rem;
    height: .5rem;
    margin-top: -.25rem;
    background-color: #bbbbbb; }
  .hm.warning:after {
    background-color: #FF3333; }
  .hm.good:after {
    background-color: #87BB20; }

.bg-fixed {
  background-attachment: fixed; }

.bg-white {
  background-color: #fff; }
  .bg-white.block {
    padding: 2.5rem 0 3.75rem; }
  .bg-white + .bg-white {
    background-image: url(../img/box-shadow.png);
    background-repeat: repeat-x;
    background-position: top center;
    background-size: 2px 15px; }

*[class*="col-"].border-left {
  border-left: solid 1px #E5E8EF !important; }
  @media only screen and (max-width: 600px) {
    *[class*="col-"].border-left {
      border-left: none !important; } }
*[class*="col-"].border-right {
  border-right: solid 1px #E5E8EF !important; }
  @media only screen and (max-width: 600px) {
    *[class*="col-"].border-right {
      border-right: none !important; } }

#calendar-area {
  height: 100%;
  width: 100%;
  font-size: 0;
  margin-bottom: 3.125rem; }
  @media only screen and (max-width: 600px) {
    #calendar-area {
      height: auto;
      border-bottom: solid 1px #bbbbbb;
      margin-bottom: 1.5rem; } }
  #calendar-area .calendar-row {
    display: inline-block;
    width: 100%; }
    #calendar-area .calendar-row .calendar-col {
      display: inline-block;
      width: calc(100% / 7);
      box-sizing: border-box;
      position: relative;
      vertical-align: middle;
      text-align: center;
      font-size: .75rem;
      font-weight: 700;
      color: #aaaaaa;
            /*.activities {
                width: 100%;
                display: block;
                max-height: 100%;
                overflow: hidden;

                p {
                    display: block;
                    //background-color: rgba(0, 0, 0, .15);
                    white-space: nowrap;
                    padding: 0 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin: 0;
                    margin-bottom: 1px;
                    font-stretch: condensed;
                    strong {
                        font-size: 12px;
                    }
                    &:nth-last-child(3) {
                        //background-color: map-get($color-primary-scale, step4);
                    }
                    &:nth-last-child(2) {
                        //background-color: map-get($color-primary-scale, step3);
                        //color: $color-white;
                    }
                    &:nth-last-child(1) {
                        //background-color: map-get($color-primary-scale, step2);
                        //color: $color-white;
                    }
                    &:nth-child(1) {
                        //background-color: map-get($color-secondary-scale, step2);
                        //color: $color-white;
                    }
                    &:nth-child(2) {
                        //background-color: map-get($color-secondary-scale, step3);
                        //color: $color-white;
                    }
                    &:nth-child(3) {
                        //background-color: map-get($color-secondary-scale, step4);
                    }
                }
            }*/ }
      #calendar-area .calendar-row .calendar-col:before {
        content: "";
        display: inline-block;
        position: relative;
        height: auto;
        width: 0;
        padding-bottom: 100%;
        float: left; }
      #calendar-area .calendar-row .calendar-col.empty {
        padding: 0; }
      #calendar-area .calendar-row .calendar-col.month:before {
        display: none; }
      #calendar-area .calendar-row .calendar-col.today {
        color: #ffffff; }
        #calendar-area .calendar-row .calendar-col.today span.day, #calendar-area .calendar-row .calendar-col.today a.day {
          color: #ffffff;
          border: none;
          background-color: #87BB20;
          background: -moz-linear-gradient(180deg, rgba(224, 204, 57, 0.75) 25%, rgba(70, 156, 163, 0.75) 100%);
          background: -webkit-linear-gradient(180deg, rgba(224, 204, 57, 0.75) 25%, rgba(70, 156, 163, 0.75) 100%);
          background: linear-gradient(180deg, rgba(224, 204, 57, 0.75) 25%, rgba(70, 156, 163, 0.75) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E0CC39",endColorstr="#469CA3",GradientType=1); }
      #calendar-area .calendar-row .calendar-col.dates span.day, #calendar-area .calendar-row .calendar-col.dates a.day {
        cursor: pointer;
        border-color: rgba(70, 156, 163, 0.75); }
      #calendar-area .calendar-row .calendar-col.active span.day, #calendar-area .calendar-row .calendar-col.active a.day {
        background: #469CA3;
        color: #ffffff; }
      #calendar-area .calendar-row .calendar-col:not(.dates) {
        /*span, a {
            &.day {
                &:before {
                    height: 0;
                    width: 0;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    display: block;
                    content: "";
                    background-color: #ffffff;
                    border: none;
                    z-index: 1;
                    transition: all .25s linear 0s;
                    border-radius: 50%;
                    overflow: hidden;
                    background-image: url(../img/plus.svg);
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: 60%;
                }
                &:hover {
                    &:before {
                        height: 100%;
                        width: 100%;
                        top: 0;
                        left: 0;
                        border: solid 2px map-get($bg, grigio-medio-btn);
                    }
                }
            }
        }*/ }
      #calendar-area .calendar-row .calendar-col span.day, #calendar-area .calendar-row .calendar-col a.day {
        position: absolute;
        left: calc((100% - 1.875rem) / 2);
        top: calc((100% - 1.875rem) / 2);
        height: 1.875rem;
        width: 1.875rem;
        line-height: calc(1.875rem - 2px);
        vertical-align: middle;
        text-align: center;
        cursor: default;
        border-radius: 50%;
        overflow: hidden;
        border: solid 2px transparent;
        cursor: pointer;
        color: #aaaaaa;
        text-decoration: none; }
    #calendar-area .calendar-row.calendar-header .calendar-col:before {
      padding-bottom: 150%; }
  #calendar-area #calendar-recap {
    display: block; }
    #calendar-area #calendar-recap .calendar-row .calendar-col {
      line-height: 4; }
      #calendar-area #calendar-recap .calendar-row .calendar-col.month {
        width: calc((100% / 7) * 5); }
      #calendar-area #calendar-recap .calendar-row .calendar-col a.arrow {
        position: relative;
        height: 1.875rem;
        width: 1.875rem;
        line-height: calc(1.875rem - 2px);
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        overflow: hidden;
        border: solid 2px transparent;
        display: inline-block;
        color: #aaaaaa;
        font-weight: 700;
        background-color: #E5E8EF;
        text-decoration: none;
        margin-top: .875rem; }
        #calendar-area #calendar-recap .calendar-row .calendar-col a.arrow:hover {
          border-color: #999999; }
  #calendar-area #calendar-wall {
    width: 100%;
    height: 100%;
    display: block; }
    @media only screen and (max-width: 600px) {
      #calendar-area #calendar-wall {
        margin-bottom: 2.5rem; } }

.timeline-area {
  min-height: 60vh; }
  @media only screen and (max-width: 600px) {
    .timeline-area .past-select {
      margin-bottom: 3.125rem; } }
  .timeline-area .aggiungi-timeline {
    display: none;
    opacity: 0; }
    .timeline-area .aggiungi-timeline.active {
      display: inline-block;
      opacity: 1; }
  .timeline-area .timeline {
    /*padding-top: calc(2.5rem + .9875rem);*/
    max-height: 60vh;
    padding-right: .3125rem;
    overflow: hidden;
    overflow-y: auto; }
    @media only screen and (max-width: 600px) {
      .timeline-area .timeline {
        padding-right: 0; } }
    .timeline-area .timeline .event-list {
      position: relative;
      padding: .9375rem .625rem 1.625rem;
      border-bottom: solid 1px #E5E8EF;
      /*.event-timeline-dot {
          position: absolute;
          left: -9px;
          top: 0px;
          z-index: 9;
          font-size: 16px;
      }*/ }
      .timeline-area .timeline .event-list *[class*="col-"]:first-of-type {
        padding-right: 0; }
      .timeline-area .timeline .event-list p {
        margin: 0 0 .625rem;
        font-size: .8125rem;
        color: #888888;
        line-height: 1.125rem;
        letter-spacing: 1px; }
        .timeline-area .timeline .event-list p strong {
          font-size: .875rem;
          line-height: 1.25rem;
          color: #47495C; }
        .timeline-area .timeline .event-list p.date {
          font-size: .875rem;
          color: #47495C;
          font-weight: 500;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          letter-spacing: 0;
          margin: 0; }
        .timeline-area .timeline .event-list p.hour {
          font-size: .625rem;
          font-weight: 700;
          color: #aaaaaa;
          white-space: nowrap;
          vertical-align: middle;
          margin: 0; }
          .timeline-area .timeline .event-list p.hour:before {
            content: "";
            display: inline-block;
            position: relative;
            border: solid 0.3125rem #eeeeee;
            background-color: #bbbbbb;
            overflow: hidden;
            border-radius: 50%;
            height: 1.125rem;
            width: 1.125rem;
            vertical-align: middle;
            margin-right: .9375rem; }
        .timeline-area .timeline .event-list p span {
          display: inline-block;
          margin-top: .3125rem;
          color: #aaaaaa; }
      .timeline-area .timeline .event-list .dettaglio p {
        padding-left: .625rem;
        padding-right: 2.8125rem; }
        @media only screen and (max-width: 600px) {
          .timeline-area .timeline .event-list .dettaglio p {
            padding-left: calc(1.125rem + .9375rem + .625rem); } }
        .timeline-area .timeline .event-list .dettaglio p strong {
          margin-left: -.625rem; }
        .timeline-area .timeline .event-list .dettaglio p span.to-confirm {
          font-size: .75rem;
          line-height: .5;
          margin: 0;
          margin-left: -.625rem;
          color: #FF3333; }
      .timeline-area .timeline .event-list .dettaglio .dropdown, .timeline-area .timeline .event-list .dettaglio .modify, .timeline-area .timeline .event-list .dettaglio .confirm {
        position: absolute;
        top: 0;
        right: .625rem; }
      .timeline-area .timeline .event-list .dettaglio .modify {
        opacity: 1;
        /*height: 1rem;
        width: 1rem;*/ }
      .timeline-area .timeline .event-list .dettaglio .confirm {
        opacity: 1;
        /*height: 1rem;
        width: 1rem;*/
        right: 3.5rem;
        background-size: 1.875rem; }
        @media only screen and (max-width: 600px) {
          .timeline-area .timeline .event-list .dettaglio .confirm {
            right: .625rem;
            top: 3rem; } }
      .timeline-area .timeline .event-list .single-event {
        border-bottom: solid 1px rgba(229, 232, 239, 0.75);
        margin-bottom: .625rem; }
        .timeline-area .timeline .event-list .single-event:last-child {
          border-bottom: none;
          margin-bottom: 0; }
          .timeline-area .timeline .event-list .single-event:last-child p {
            margin-bottom: 0; }
      .timeline-area .timeline .event-list.active .event-timeline-dot {
        color: #1e87f0; }
      .timeline-area .timeline .event-list.past {
        /*&:not(.this-month) {
            display: none;
        }*/ }
        .timeline-area .timeline .event-list.past:not(.past-show) {
          display: none; }
        .timeline-area .timeline .event-list.past .single-event .hour, .timeline-area .timeline .event-list.past .single-event .dettaglio p {
          opacity: .5; }
      .timeline-area .timeline .event-list.no-month {
        display: none; }
      .timeline-area .timeline .event-list.selected {
        display: list-item; }
      .timeline-area .timeline .event-list.not-selected {
        display: none; }

html body {
  font-family: 'Rubik', sans-serif;
  letter-spacing: 1px;
  background-color: #160D47;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  /*background: -moz-linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);
  background: -webkit-linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);
  background: linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);*/
  /*background-image: url(../img/bg-pois-bottom.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom center;
      background-attachment: fixed;*/
  /*background-image: url(../img/bg-pois-bottom-big.svg), -moz-linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);
  background-image: url(../img/bg-pois-bottom-big.svg), -webkit-linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);
  background-image: url(../img/bg-pois-bottom-big.svg), linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);*/
  background-image: -moz-linear-gradient(140deg, #E63F86 10%, #39087C 55%, #160D47 80%);
  background-image: -webkit-linear-gradient(140deg, #E63F86 10%, #39087C 55%, #160D47 80%);
  background-image: linear-gradient(140deg, #E63F86 10%, #39087C 55%, #160D47 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e63f85",endColorstr="#1d0c52",GradientType=1); }
  html body .preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 9999;
    display: none; }
    html body .preloader .status {
      width: 40px;
      height: 40px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -20px 0 0 -20px;
      display: none; }
      html body .preloader .status .spinner-chase {
        margin: 0 auto;
        width: 40px;
        height: 40px;
        position: relative;
        -webkit-animation: spinner-chase 2.5s linear infinite both;
        animation: spinner-chase 2.5s linear infinite both; }
        html body .preloader .status .spinner-chase .chase-dot {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          animation: chase-dot 2.0s infinite ease-in-out both; }
          html body .preloader .status .spinner-chase .chase-dot:before {
            content: '';
            display: block;
            width: 25%;
            height: 25%;
            background-color: #ffffff;
            border-radius: 100%;
            animation: chase-dot-before 2.0s infinite ease-in-out both; }
          html body .preloader .status .spinner-chase .chase-dot:nth-child(1) {
            animation-delay: -1.1s; }
            html body .preloader .status .spinner-chase .chase-dot:nth-child(1):before {
              animation-delay: -1.1s; }
          html body .preloader .status .spinner-chase .chase-dot:nth-child(2) {
            animation-delay: -1.0s; }
            html body .preloader .status .spinner-chase .chase-dot:nth-child(2):before {
              animation-delay: -1.0s; }
          html body .preloader .status .spinner-chase .chase-dot:nth-child(3) {
            animation-delay: -0.9s; }
            html body .preloader .status .spinner-chase .chase-dot:nth-child(3):before {
              animation-delay: -0.9s; }
          html body .preloader .status .spinner-chase .chase-dot:nth-child(4) {
            animation-delay: -0.8s; }
            html body .preloader .status .spinner-chase .chase-dot:nth-child(4):before {
              animation-delay: -0.8s; }
          html body .preloader .status .spinner-chase .chase-dot:nth-child(5) {
            animation-delay: -0.7s; }
            html body .preloader .status .spinner-chase .chase-dot:nth-child(5):before {
              animation-delay: -0.7s; }
          html body .preloader .status .spinner-chase .chase-dot:nth-child(6) {
            animation-delay: -0.6s; }
            html body .preloader .status .spinner-chase .chase-dot:nth-child(6):before {
              animation-delay: -0.6s; }
  html body header {
    /*overflow: hidden;*/
    position: relative;
    opacity: 1;
    background-color: #1a1c33;
    transition: opacity 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s; }
    html body header .beta-badge, html body header .dev-badge {
      top: 53px;
      right: -30px;
      font-size: 1rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0;
      line-height: 2.625;
      border-radius: 4px;
      transform: rotate(40deg);
      padding: 0 45px 0 55px;
      transform-origin: 100% 0%;
      display: none;
      visibility: hidden;
      opacity: 0;
      position: absolute;
      background-color: #d12036;
      color: #ffffff; }
      @media only screen and (max-width: 600px) {
        html body header .beta-badge, html body header .dev-badge {
          font-size: .75rem;
          top: 48px;
          right: -32px; } }
    html body header .dev-badge {
      padding: 0 50px 0 55px;
      background-color: #318fb5; }
    html body header .navbar {
      padding: 0;
      line-height: 1; }
      html body header .navbar .navbar-brand {
        /*padding-top: 1.5625rem;*/
        /*padding-bottom: 1.5625rem;*/
        padding-top: 1rem;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 600px) {
          html body header .navbar .navbar-brand {
            padding-top: 1rem;
            padding-bottom: 1rem; } }
        html body header .navbar .navbar-brand[class*="col-"] {
          padding-left: 0; }
        html body header .navbar .navbar-brand a {
          display: inline-block; }
        html body header .navbar .navbar-brand img {
          /*height: 3.125rem;*/
          height: 4.25rem;
          width: auto; }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-brand img {
              height: 3.125rem; } }
      html body header .navbar .navbar-toggler {
        padding: .875rem;
        box-shadow: none;
        background-color: transparent;
        align-self: center;
        border: none; }
        html body header .navbar .navbar-toggler .navbar-toggler-icon {
          background-image: url(../img/hamburger.svg);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
          display: block;
          height: 1.25rem;
          width: 1.25rem;
          background-color: transparent;
          position: relative; }
        html body header .navbar .navbar-toggler:focus, html body header .navbar .navbar-toggler:active {
          outline: none; }
        html body header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
          background-image: url(../img/close_w.svg);
          background-size: 90%; }
      @media only screen and (max-width: 600px) {
        html body header .navbar .navbar-collapse.show {
          border-bottom: solid 0.25rem #e5007d; } }
      html body header .navbar .navbar-nav .nav-item .nav-link {
        color: rgba(255, 255, 255, 0.5);
        font-size: .875rem;
        line-height: 1.3;
        padding: 3.875rem .75rem 1.25rem;
        min-width: 6.25rem;
        text-align: center;
        margin: 0 1.25rem;
        position: relative; }
        @media only screen and (max-width: 600px) {
          html body header .navbar .navbar-nav .nav-item .nav-link {
            color: white;
            padding-top: .5rem;
            padding-bottom: .5rem;
            margin: 0; } }
        html body header .navbar .navbar-nav .nav-item .nav-link:before {
          display: block;
          content: "";
          position: absolute;
          height: 1.875rem;
          width: 1.875rem;
          left: 50%;
          top: 1.5rem;
          z-index: 1;
          margin: 0 calc(1.875rem / -2);
          background-color: transparent;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
          opacity: .8; }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-nav .nav-item .nav-link:before {
              height: 1.5rem;
              width: 1.5rem;
              position: relative;
              display: inline-block;
              left: 0;
              top: 0;
              margin: 0;
              margin-right: 10px;
              vertical-align: middle;
              opacity: 1; } }
        html body header .navbar .navbar-nav .nav-item .nav-link.dashboard:before {
          background-image: url(../img/icon_dashboard.svg); }
        html body header .navbar .navbar-nav .nav-item .nav-link.crm:before {
          height: 2.1875rem;
          width: 2.1875rem;
          margin: 0 calc(2.1875rem / -2);
          top: calc(1.5rem - ((2.1875rem - 1.875rem) / 2));
          background-image: url(../img/icon_crm.svg); }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-nav .nav-item .nav-link.crm:before {
              height: 1.5rem;
              width: 1.5rem;
              top: 0;
              margin: 0;
              margin-right: 10px; } }
        html body header .navbar .navbar-nav .nav-item .nav-link.progetti:before {
          height: 1.75rem;
          width: 1.75rem;
          margin: 0 calc(1.75rem / -2);
          background-image: url(../img/icon_progetti.svg); }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-nav .nav-item .nav-link.progetti:before {
              height: 1.25rem;
              width: 1.25rem;
              margin: 0;
              margin-right: 10px; } }
        html body header .navbar .navbar-nav .nav-item .nav-link.news:before {
          height: 2.1875rem;
          width: 2.1875rem;
          margin: 0 calc(2.1875rem / -2);
          top: calc(1.5rem - ((2.1875rem - 1.875rem) / 2));
          background-image: url(../img/chat.svg); }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-nav .nav-item .nav-link.news:before {
              height: 1.5rem;
              width: 1.5rem;
              top: 0;
              margin: 0;
              margin-right: 10px; } }
        html body header .navbar .navbar-nav .nav-item .nav-link.personale:before {
          background-image: url(../img/icon_personale.svg); }
        html body header .navbar .navbar-nav .nav-item .nav-link.report:before {
          background-image: url(../img/icon_report.svg); }
        html body header .navbar .navbar-nav .nav-item .nav-link[class*="a-"]:before {
          background-size: contain;
          overflow: hidden;
          border-radius: 50%;
          width: 2.625rem;
          height: 2.625rem;
          margin-left: calc(2.625rem / -2); }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-nav .nav-item .nav-link[class*="a-"]:before {
              height: 1.5rem;
              width: 1.5rem;
              position: relative;
              display: inline-block;
              left: 0;
              top: 0;
              margin: 0;
              margin-right: 10px;
              vertical-align: middle; } }
        html body header .navbar .navbar-nav .nav-item .nav-link.a-a2:before {
          background-image: url(../img/loghi/logo-next.svg);
          background-color: #191919; }
        html body header .navbar .navbar-nav .nav-item .nav-link.a-a4:before {
          background-image: url(../img/loghi/logo-next.svg);
          background-color: #00953e; }
        html body header .navbar .navbar-nav .nav-item .nav-link.a-a9:before {
          background-image: url(../img/loghi/ADVERTEAM.svg);
          background-color: #878786; }
        html body header .navbar .navbar-nav .nav-item .nav-link.a-a10:before {
          background-image: url(../img/loghi/take.svg);
          background-color: #000000; }
        html body header .navbar .navbar-nav .nav-item .nav-link .logout {
          height: .875rem;
          width: .875rem;
          cursor: pointer;
          display: inline-block;
          margin-left: .3125rem;
          position: absolute;
          color: #ffffff; }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-nav .nav-item .nav-link .logout {
              position: relative;
              vertical-align: middle;
              margin-left: 1rem;
              float: right; } }
          html body header .navbar .navbar-nav .nav-item .nav-link .logout svg {
            height: .875rem;
            width: .875rem;
            display: inline;
            margin: 0; }
      html body header .navbar .navbar-nav .nav-item:hover .nav-link {
        color: #ffffff; }
        html body header .navbar .navbar-nav .nav-item:hover .nav-link:before {
          opacity: 1; }
      html body header .navbar .navbar-nav .nav-item.active .nav-link {
        background-color: #e5007d;
        color: #ffffff; }
        html body header .navbar .navbar-nav .nav-item.active .nav-link:before {
          opacity: 1; }
        html body header .navbar .navbar-nav .nav-item.active .nav-link:after {
          display: block;
          content: "";
          background-color: #e5007d;
          height: 0;
          width: 100%;
          position: absolute;
          left: 0;
          right: 0;
          top: 100%;
          padding-bottom: 15%;
          background: #e5007d;
          -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-nav .nav-item.active .nav-link:after {
              display: none; } }
      html body header .navbar .navbar-nav .nav-item:first-child .nav-link {
        margin-left: 0; }
      html body header .navbar .navbar-nav .nav-item:last-child .nav-link {
        margin-right: 0; }
      html body header .navbar .navbar-nav.user .nav-item .nav-link {
        opacity: 1;
        color: #ffffff; }
        @media only screen and (max-width: 600px) {
          html body header .navbar .navbar-nav.user .nav-item .nav-link {
            padding-top: 1rem;
            padding-bottom: 1rem; } }
        html body header .navbar .navbar-nav.user .nav-item .nav-link:before {
          height: 2.25rem;
          width: 2.25rem;
          margin: 0 calc(2.25rem / -2);
          opacity: 1; }
          @media only screen and (max-width: 600px) {
            html body header .navbar .navbar-nav.user .nav-item .nav-link:before {
              height: 1.5rem;
              width: 1.5rem;
              position: relative;
              display: inline-block;
              left: 0;
              top: 0;
              margin: 0;
              margin-right: 10px;
              vertical-align: middle; } }
    html body header.fixed-top + main {
      padding-top: calc(6.25rem + 5rem); }
      @media only screen and (max-width: 600px) {
        html body header.fixed-top + main {
          padding-top: calc(5rem + 1.875rem); } }
    html body header.fixed-top + main.homepage {
      padding-top: calc(6.25rem + 3.125rem); }
      @media only screen and (max-width: 600px) {
        html body header.fixed-top + main.homepage {
          padding-top: calc(5rem + 2.5rem); } }
  html body main {
    font-size: .875rem;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    padding: 80px 0 0;
    transition: opacity 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s;
    /*min-height: calc(100vh - ((1.25rem * 2) + (.625rem * 1.5) + 1px));*/
    min-height: calc(100vh - 12rem);
    /*background-image: url(../img/bg-pois-bottom.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;*/ }
    html body main .header-area {
      margin-bottom: 5rem;
      /*margin-bottom: 8.125rem;*/
      /*h1 {
          &#pageTitle {
              margin-bottom: 0;
          }
      }*/ }
      @media only screen and (max-width: 600px) {
        html body main .header-area {
          margin-bottom: 3.75rem; } }
      html body main .header-area h2#pageSubtitle {
        margin-top: .5rem; }
      html body main .header-area p {
        margin-bottom: 3.125rem; }
        html body main .header-area p#pageSubtitle {
          margin-top: 1.875rem; }
        html body main .header-area p.title_label {
          margin-bottom: .875rem;
          border-radius: .875rem;
          display: inline-block;
          background-color: #ffffff;
          padding: 0 .875rem;
          font-size: .8125rem;
          font-weight: 500;
          color: #e5007d;
          text-transform: uppercase; }
      html body main .header-area .col-title {
        max-width: 50%; }
        @media only screen and (max-width: 1440px) {
          html body main .header-area .col-title {
            max-width: 47.5%; } }
        @media only screen and (max-width: 600px) {
          html body main .header-area .col-title {
            max-width: none; } }
      @media only screen and (max-width: 600px) {
        html body main .header-area .actions-area {
          padding-top: 1.5625rem; } }
      @media only screen and (max-width: 600px) {
        html body main .header-area .actions-area .btn {
          width: auto;
          clear: both;
          float: right;
          margin-bottom: .9375rem; } }
      @media only screen and (max-width: 600px) {
        html body main .header-area .actions-area .btn:last-child {
          margin-bottom: 0; } }
    html body main .news-list {
      margin-top: 2.5rem;
      padding-bottom: 4.375rem;
      /**[class*="col-"] {
          padding-right: 1.875rem;
          padding-left: 1.875rem;
      }*/ }
      @media only screen and (max-width: 600px) {
        html body main .news-list {
          padding-bottom: 3.125rem; } }
      @media only screen and (max-width: 600px) {
        html body main .news-list *[class*="col-"] {
          padding-right: .625rem;
          padding-left: .625rem; } }
    html body main .dashboard-list {
      margin-top: 2.8125rem;
      margin-left: -1.875rem;
      margin-right: -1.875rem; }
      @media only screen and (max-width: 600px) {
        html body main .dashboard-list {
          margin-left: -.9375rem;
          margin-right: -.9375rem; } }
      html body main .dashboard-list *[class*="col-"] {
        padding-right: 1.875rem;
        padding-left: 1.875rem; }
        @media only screen and (max-width: 600px) {
          html body main .dashboard-list *[class*="col-"] {
            padding-right: .9375rem;
            padding-left: .9375rem; } }
      html body main .dashboard-list .sezione .card {
        box-shadow: none;
        background-color: #390f6e;
        background-image: -moz-linear-gradient(90deg, #bc239d 0%, #390f6e 100%);
        background-image: -webkit-linear-gradient(90deg, #bc239d 0%, #390f6e 100%);
        background-image: linear-gradient(90deg, #bc239d 0%, #390f6e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e63f85",endColorstr="#1d0c52",GradientType=1);
        border-radius: 2.625rem;
        overflow: hidden; }
        html body main .dashboard-list .sezione .card .card-header {
          padding: .75rem 1.5rem .625rem 2.5rem;
          background-color: transparent;
          color: #ffffff;
          border: none; }
          html body main .dashboard-list .sezione .card .card-header p {
            margin: 0;
            font-size: .875rem;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 1px;
            line-height: 2.25rem;
            display: inline-block; }
          html body main .dashboard-list .sezione .card .card-header a {
            display: block;
            border-radius: 50%;
            overflow: hidden;
            background-color: #ffffff;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: .875rem;
            background-image: url(../img/plus-icon-f.svg);
            height: 2.25rem;
            width: 2.25rem;
            float: right; }
            html body main .dashboard-list .sezione .card .card-header a:hover {
              background-color: #999999; }
        html body main .dashboard-list .sezione .card .card-body {
          background-color: #ffffff;
          margin: 0 .1875rem .1875rem;
          border-radius: calc(2.625rem - .1875rem);
          padding: 1.25rem .75rem;
          padding-right: calc(1.5rem - .1875rem);
          padding-left: calc(2.5rem - .1875rem - .3125rem);
          height: 35.625rem;
          height: 25rem; }
          html body main .dashboard-list .sezione .card .card-body .v-scroll {
            max-height: 100%; }
          html body main .dashboard-list .sezione .card .card-body .timesheet-block, html body main .dashboard-list .sezione .card .card-body .activity-block {
            padding: .625rem 0 0;
            border-bottom: solid 1px #CBCACC; }
            html body main .dashboard-list .sezione .card .card-body .timesheet-block:last-of-type, html body main .dashboard-list .sezione .card .card-body .activity-block:last-of-type {
              border-bottom: none; }
            html body main .dashboard-list .sezione .card .card-body .timesheet-block p, html body main .dashboard-list .sezione .card .card-body .activity-block p {
              color: #47495C;
              font-size: .875rem;
              font-weight: 500;
              letter-spacing: 1px;
              margin-bottom: .1875rem; }
              html body main .dashboard-list .sezione .card .card-body .timesheet-block p:last-of-type, html body main .dashboard-list .sezione .card .card-body .activity-block p:last-of-type {
                margin-bottom: 0; }
              html body main .dashboard-list .sezione .card .card-body .timesheet-block p.date, html body main .dashboard-list .sezione .card .card-body .activity-block p.date {
                color: #4266c7; }
              html body main .dashboard-list .sezione .card .card-body .timesheet-block p.title, html body main .dashboard-list .sezione .card .card-body .activity-block p.title {
                text-transform: uppercase; }
              html body main .dashboard-list .sezione .card .card-body .timesheet-block p.action, html body main .dashboard-list .sezione .card .card-body .activity-block p.action {
                color: #888888; }
              html body main .dashboard-list .sezione .card .card-body .timesheet-block p.ore, html body main .dashboard-list .sezione .card .card-body .activity-block p.ore {
                font-size: 1.125rem;
                letter-spacing: 0; }
            html body main .dashboard-list .sezione .card .card-body .timesheet-block .timesheet-block-action, html body main .dashboard-list .sezione .card .card-body .activity-block .timesheet-block-action {
              border-bottom: solid 1px #CBCACC;
              padding: .625rem 0; }
              html body main .dashboard-list .sezione .card .card-body .timesheet-block .timesheet-block-action:last-of-type, html body main .dashboard-list .sezione .card .card-body .activity-block .timesheet-block-action:last-of-type {
                border-bottom: none; }
          html body main .dashboard-list .sezione .card .card-body .activity-block {
            border-bottom: none;
            padding-bottom: 1.625rem;
            position: relative; }
            html body main .dashboard-list .sezione .card .card-body .activity-block p.date {
              padding-right: 3.125rem; }
            html body main .dashboard-list .sezione .card .card-body .activity-block p.title {
              font-size: 1.125rem;
              text-transform: none;
              padding-right: 3.125rem; }
            html body main .dashboard-list .sezione .card .card-body .activity-block .dropdown, html body main .dashboard-list .sezione .card .card-body .activity-block .timeline-area .timeline .event-list .dettaglio .modify, .timeline-area .timeline .event-list .dettaglio html body main .dashboard-list .sezione .card .card-body .activity-block .modify, html body main .dashboard-list .sezione .card .card-body .activity-block .timeline-area .timeline .event-list .dettaglio .confirm, .timeline-area .timeline .event-list .dettaglio html body main .dashboard-list .sezione .card .card-body .activity-block .confirm {
              position: absolute;
              right: 0;
              top: .625rem; }
          html body main .dashboard-list .sezione .card .card-body .sunny {
            color: #4266c7;
            padding-top: 6.75rem;
            background-image: url(../img/sun.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 3.75rem; }
      html body main .dashboard-list .sezione.shortcuts .card {
        background-color: #390f6e;
        background-image: -moz-linear-gradient(-90deg, #bc239d 0%, #390f6e 100%);
        background-image: -webkit-linear-gradient(-90deg, #bc239d 0%, #390f6e 100%);
        background-image: linear-gradient(-90deg, #bc239d 0%, #390f6e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e63f85",endColorstr="#1d0c52",GradientType=1); }
        html body main .dashboard-list .sezione.shortcuts .card .card-header p:after {
          display: inline-block;
          content: "";
          height: .8125rem;
          width: .8125rem;
          background-image: url(../img/star.svg);
          background-size: contain;
          background-repeat: no-repeat;
          background-color: transparent;
          margin-left: 1rem; }
        html body main .dashboard-list .sezione.shortcuts .card .card-body {
          background: transparent; }
      html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut {
        display: block;
        position: relative;
        margin-bottom: 1.25rem;
        padding-right: 2.625rem; }
        html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut .shortcut-inner {
          display: block;
          line-height: 2.5rem;
          font-size: .875rem;
          text-transform: uppercase;
          padding: 0 0.3125rem 0 calc(2.625rem + .3125rem);
          letter-spacing: 1px;
          color: #ffffff;
          background-color: transparent;
          background-image: url(../img/ferie-permessi.svg);
          background-position: left .3125rem center;
          background-size: 1.75rem;
          background-repeat: no-repeat;
          text-decoration: none;
          border-radius: 2.5rem; }
          html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut .shortcut-inner span {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut .shortcut-inner.personal {
            background-image: url(../img/folder.svg); }
          html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut .shortcut-inner:hover {
            background-color: rgba(255, 255, 255, 0.1); }
          html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut .shortcut-inner.timesheet {
            background-image: url(../img/time.svg); }
        html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut:last-of-type {
          margin-bottom: 0; }
        html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut .delete-shortcut {
          display: block;
          position: absolute;
          right: 0;
          top: calc(50% - (1.75rem / 2));
          opacity: 0;
          background-color: rgba(255, 255, 255, 0.1);
          transition: opacity 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s;
          height: 1.75rem;
          width: 1.75rem;
          border-radius: 50%;
          cursor: pointer;
          background-image: url(../img/close_w.svg);
          background-size: .625rem;
          background-position: center center;
          background-repeat: no-repeat; }
        html body main .dashboard-list .sezione.shortcuts .shortcuts-list .shortcut:hover .delete-shortcut {
          opacity: 1; }
      html body main .dashboard-list.accordion {
        border-top: none; }
        @media only screen and (max-width: 600px) {
          html body main .dashboard-list.accordion .sezione {
            margin-bottom: 1.875rem; } }
        @media only screen and (max-width: 600px) {
          html body main .dashboard-list.accordion .sezione:last-of-type {
            margin-bottom: 0; } }
        @media only screen and (max-width: 600px) {
          html body main .dashboard-list.accordion .sezione .card {
            border-radius: 2.0625rem; } }
        html body main .dashboard-list.accordion .sezione .card .card-header {
          padding: 0; }
          html body main .dashboard-list.accordion .sezione .card .card-header p {
            display: block; }
            html body main .dashboard-list.accordion .sezione .card .card-header p button {
              -webkit-appearance: none;
              appearance: none;
              cursor: default;
              display: inline;
              border: none;
              outline: none;
              margin: 0;
              padding: .75rem 1.5rem .625rem 2.5rem;
              background-color: transparent;
              color: #ffffff;
              font-size: .875rem;
              text-transform: uppercase;
              font-weight: 500;
              letter-spacing: 1px;
              line-height: 2.25rem; }
              @media only screen and (max-width: 600px) {
                html body main .dashboard-list.accordion .sezione .card .card-header p button {
                  display: block;
                  width: 100%;
                  text-align: left;
                  line-height: calc(4.125rem - .75rem - .625rem);
                  background-image: url(../img/arrow_down.svg);
                  background-size: .875rem 1.5rem;
                  background-repeat: no-repeat;
                  background-position: center right 1.5rem; } }
          html body main .dashboard-list.accordion .sezione .card .card-header a {
            position: absolute;
            z-index: 1;
            top: .75rem;
            right: 1.5rem; }
            @media only screen and (max-width: 600px) {
              html body main .dashboard-list.accordion .sezione .card .card-header a {
                top: .9375rem;
                right: .9375rem;
                display: none; } }
        html body main .dashboard-list.accordion .sezione .card .collapse {
          display: block;
          height: auto;
          visibility: visible; }
          @media only screen and (max-width: 600px) {
            html body main .dashboard-list.accordion .sezione .card .collapse:not(.show) {
              display: none; } }
        html body main .dashboard-list.accordion .sezione .card .collapsing {
          height: auto;
          transition: none; }
          @media only screen and (max-width: 600px) {
            html body main .dashboard-list.accordion .sezione .card .collapsing {
              transition: height .35s ease;
              height: 0; } }
        @media only screen and (max-width: 600px) {
          html body main .dashboard-list.accordion .sezione .card .card-body {
            border-radius: calc(2.0625rem - .1875rem); } }
        @media only screen and (max-width: 600px) {
          html body main .dashboard-list.accordion .sezione .card.active .card-header a {
            display: block; } }
        @media only screen and (max-width: 600px) {
          html body main .dashboard-list.accordion .sezione.shortcuts .card {
            background-color: #390f6e;
            background-image: -moz-linear-gradient(90deg, #bc239d 0%, #390f6e 100%);
            background-image: -webkit-linear-gradient(90deg, #bc239d 0%, #390f6e 100%);
            background-image: linear-gradient(90deg, #bc239d 0%, #390f6e 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e63f85",endColorstr="#1d0c52",GradientType=1); } }
        html body main .dashboard-list.accordion .sezione.shortcuts .card .card-header p button {
          padding-right: 0; }
          @media only screen and (max-width: 600px) {
            html body main .dashboard-list.accordion .sezione.shortcuts .card .card-header p button {
              padding-right: .625rem; } }
        @media only screen and (max-width: 600px) {
          html body main .dashboard-list.accordion .sezione.shortcuts .card .card-header p:after {
            position: absolute;
            top: 1.625rem;
            left: 11.5rem; } }
    html body main .card {
      border-radius: .9375rem;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
      border: none;
      color: #47495C; }
      html body main .card .card-body {
        padding: 3.125rem; }
        html body main .card .card-body a:not(.btn) {
          color: #038EDD; }
      html body main .card.news {
        border-radius: 1.25rem;
        background-color: #1a1c33;
        color: #ffffff;
        position: relative;
        box-shadow: none;
        overflow: hidden; }
        html body main .card.news a.card-link {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 100%;
          display: block;
          z-index: 1; }
        html body main .card.news .card-img-top {
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
          background-color: transparent;
          position: relative; }
          html body main .card.news .card-img-top:before {
            display: block;
            content: "";
            width: 0;
            height: auto;
            padding-bottom: 50%;
            position: relative; }
          html body main .card.news .card-img-top .card-img-over {
            display: flex;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background-color: rgba(26, 28, 51, 0.75);
            opacity: 0;
            transition: opacity 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s;
            padding: .75rem .9375rem;
            color: #ffffff; }
            html body main .card.news .card-img-top .card-img-over span {
              align-self: flex-end;
              font-size: .8125rem;
              line-height: 1;
              font-weight: 500; }
        html body main .card.news .card-body {
          padding: .75rem .9375rem; }
          html body main .card.news .card-body .tags {
            white-space: nowrap;
            overflow: hidden; }
            html body main .card.news .card-body .tags span {
              font-size: .625rem;
              line-height: .9375rem;
              border: solid 2px #fff;
              text-transform: uppercase;
              font-weight: 400;
              border-radius: .9375rem;
              padding: 0 .75rem; }
              html body main .card.news .card-body .tags span.cat2 {
                border-color: #AB2197; }
              html body main .card.news .card-body .tags span.d2 {
                border-color: #11A3C4; }
              html body main .card.news .card-body .tags span.d10 {
                border-color: #CF6A26; }
          html body main .card.news .card-body .card-title {
            font-size: 1rem;
            line-height: 1.25;
            font-weight: 400;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            height: calc(1.25rem * 3);
            text-overflow: -o-ellipsis-lastline;
            position: relative;
            letter-spacing: 1px; }
        html body main .card.news:hover .card-img-top .card-img-over {
          opacity: 1; }
    @media only screen and (max-width: 600px) {
      html body main .tabs .tabs-scroller {
        display: block;
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent; } }
    @media only screen and (max-width: 600px) {
      html body main .tabs .tabs-scroller .nav-tabs {
        padding: 0 .9375rem;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
        -ms-overflow-style: none; } }
  @media only screen and (max-width: 600px) and (max-width: 600px) {
    html body main .tabs .tabs-scroller .nav-tabs::-webkit-scrollbar {
      display: none; } }

    @media only screen and (max-width: 600px) {
      html body main .tabs .tabs-scroller .nav-tabs .nav-item {
        display: block;
        float: left; } }
    html body main .tabs .nav-tabs {
      -ms-flex-pack: center;
      justify-content: center;
      border-bottom: none;
      padding: 0 3.125rem; }
      @media only screen and (max-width: 600px) {
        html body main .tabs .nav-tabs {
          padding: 0; } }
      html body main .tabs .nav-tabs .nav-item {
        margin-bottom: 3.125rem; }
        @media only screen and (max-width: 600px) {
          html body main .tabs .nav-tabs .nav-item {
            margin-bottom: 1.875rem; } }
      html body main .tabs .nav-tabs a.nav-link {
        font-size: .875rem;
        line-height: 1;
        letter-spacing: 0;
        border: none;
        border-bottom: none;
        margin: 0 .375rem;
        color: #ffffff;
        border-radius: 1.25rem;
        padding: .625rem 1.25rem;
        min-width: 10rem;
        background-color: rgba(255, 255, 255, 0.5);
        text-align: center; }
        html body main .tabs .nav-tabs a.nav-link.active {
          color: #e5007d;
          background-color: #ffffff;
          cursor: default; }
        html body main .tabs .nav-tabs a.nav-link:hover {
          color: #e5007d;
          background-color: #ffffff; }
          @media only screen and (max-width: 600px) {
            html body main .tabs .nav-tabs a.nav-link:hover {
              color: #ffffff;
              background-color: rgba(255, 255, 255, 0.5); } }
    html body main .tabs .tab-content-area .tab-content {
      opacity: 1;
      transition: opacity 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s;
      /*padding-top: calc(3.125rem / 2);*/
      padding-top: 0;
      /*.form-area {
          &.static {
              margin-top: calc(3.125rem / 2);
          }
      }*/ }
      html body main .tabs .tab-content-area .tab-content .console {
        /*background-color: rgba(0, 0, 0, .15);*/
        /*padding-bottom: .9375rem;*/
        /*padding-top: .9375rem;*/
        padding-bottom: 1.875rem;
        /*border-radius: .5rem;*/
        margin-bottom: 2.5rem;
        border-bottom: solid 1px rgba(0, 0, 0, 0.15); }
        html body main .tabs .tab-content-area .tab-content .console label {
          text-transform: none;
          margin-bottom: 0;
          font-size: .75rem; }
        html body main .tabs .tab-content-area .tab-content .console .search-ajax-form input[type=submit], html body main .tabs .tab-content-area .tab-content .console .search-ajax-form .form-area select[type=submit], html body main .form-area .tabs .tab-content-area .tab-content .console .search-ajax-form select[type=submit], html body main .tabs .tab-content-area .tab-content .console .search-ajax-form .form-area textarea[type=submit], html body main .form-area .tabs .tab-content-area .tab-content .console .search-ajax-form textarea[type=submit] {
          margin-top: 0; }
        @media only screen and (max-width: 600px) {
          html body main .tabs .tab-content-area .tab-content .console *[class*="col-"] {
            margin-bottom: 1.25rem; } }
        @media only screen and (max-width: 600px) {
          html body main .tabs .tab-content-area .tab-content .console *[class*="col-"]:last-child, html body main .tabs .tab-content-area .tab-content .console *[class*="col-"].last-row {
            margin-bottom: 0; } }
    html body main .tabs.tabs-ajax .tab-content-area {
      min-height: 30vh;
      position: relative; }
      html body main .tabs.tabs-ajax .tab-content-area .preloader {
        position: absolute; }
        html body main .tabs.tabs-ajax .tab-content-area .preloader .status .spinner-chase .chase-dot:before {
          background-color: #5DABC6; }
    html body main .tabs.tabs-ajax.wait .tab-content-area .preloader {
      display: block; }
      html body main .tabs.tabs-ajax.wait .tab-content-area .preloader .status {
        display: block; }
    html body main .tabs.tabs-ajax.wait .tab-content-area .tab-content {
      opacity: 0;
      max-height: 30vh; }
    html body main .tabs.flux .nav-tabs .nav-item a.nav-link {
      border-radius: 0;
      position: relative;
      padding-right: calc(1.25rem - (((.625rem * 2) + .875rem) / 2));
      padding-left: calc(1.25rem - (((.625rem * 2) + .875rem) / 2));
      margin: 0 .75rem; }
      html body main .tabs.flux .nav-tabs .nav-item a.nav-link:before {
        content: "";
        display: block;
        position: absolute;
        left: calc(((.625rem * 2) + .875rem) / -2);
        top: 0;
        background-color: transparent;
        border: 0;
        width: 0;
        height: 0;
        border-top: calc(((.625rem * 2) + .875rem) / 2) solid rgba(255, 255, 255, 0.5);
        border-bottom: calc(((.625rem * 2) + .875rem) / 2) solid rgba(255, 255, 255, 0.5);
        border-left: calc(((.625rem * 2) + .875rem) / 2) solid transparent; }
      html body main .tabs.flux .nav-tabs .nav-item a.nav-link:after {
        content: "";
        display: block;
        position: absolute;
        right: calc(((.625rem * 2) + .875rem) / -2);
        top: 0;
        background-color: transparent;
        border: 0;
        width: 0;
        height: 0;
        border-top: calc(((.625rem * 2) + .875rem) / 2) solid transparent;
        border-bottom: calc(((.625rem * 2) + .875rem) / 2) solid transparent;
        border-left: calc(((.625rem * 2) + .875rem) / 2) solid rgba(255, 255, 255, 0.5); }
      html body main .tabs.flux .nav-tabs .nav-item a.nav-link.active:before, html body main .tabs.flux .nav-tabs .nav-item a.nav-link:hover:before {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff; }
      html body main .tabs.flux .nav-tabs .nav-item a.nav-link.active:after, html body main .tabs.flux .nav-tabs .nav-item a.nav-link:hover:after {
        border-left-color: #ffffff; }
    html body main .tabs.flux .nav-tabs .nav-item:first-child a.nav-link {
      border-radius: 1.25rem 0 0 1.25rem;
      padding-left: 1.25rem; }
      html body main .tabs.flux .nav-tabs .nav-item:first-child a.nav-link:before {
        display: none; }
    html body main .tabs.flux .nav-tabs .nav-item:last-child a.nav-link {
      border-radius: 0 1.25rem 1.25rem 0;
      padding-right: 1.25rem; }
      html body main .tabs.flux .nav-tabs .nav-item:last-child a.nav-link:after {
        display: none; }
    html body main .tabs-wrapper .tabs .tab-content-area {
      /*padding: 1.875rem 0;*/
      border: none;
      color: #47495C;
      background-color: #ffffff; }
      html body main .tabs-wrapper .tabs .tab-content-area a:not(.btn) {
        color: #3b68e1; }
      html body main .tabs-wrapper .tabs .tab-content-area .tab-content {
        padding-top: 0; }
        html body main .tabs-wrapper .tabs .tab-content-area .tab-content .dropdown .dropdown-menu a:not(.btn).dropdown-item:not(:hover), html body main .tabs-wrapper .tabs .tab-content-area .tab-content .timeline-area .timeline .event-list .dettaglio .modify .dropdown-menu a:not(.btn).dropdown-item:not(:hover), .timeline-area .timeline .event-list .dettaglio html body main .tabs-wrapper .tabs .tab-content-area .tab-content .modify .dropdown-menu a:not(.btn).dropdown-item:not(:hover), html body main .tabs-wrapper .tabs .tab-content-area .tab-content .timeline-area .timeline .event-list .dettaglio .confirm .dropdown-menu a:not(.btn).dropdown-item:not(:hover), .timeline-area .timeline .event-list .dettaglio html body main .tabs-wrapper .tabs .tab-content-area .tab-content .confirm .dropdown-menu a:not(.btn).dropdown-item:not(:hover) {
          color: #293C47; }
    html body main .tabs-wrapper .pagination .page-item a.page-link {
      color: #9EA2A2; }
    html body main .tabs-wrapper.inner .tabs .nav-tabs {
      margin-bottom: 3.125rem; }
      html body main .tabs-wrapper.inner .tabs .nav-tabs.justify-content-start {
        padding: 0; }
        html body main .tabs-wrapper.inner .tabs .nav-tabs.justify-content-start li.nav-item a.nav-link {
          min-width: 0;
          margin: 0 .25rem 0 0;
          padding: .625rem 0.625rem; }
      html body main .tabs-wrapper.inner .tabs .nav-tabs li.nav-item {
        margin-bottom: .25rem; }
        html body main .tabs-wrapper.inner .tabs .nav-tabs li.nav-item a.nav-link {
          color: #ffffff;
          background-color: #e5007d; }
          html body main .tabs-wrapper.inner .tabs .nav-tabs li.nav-item a.nav-link:hover {
            background-color: #47495C; }
          html body main .tabs-wrapper.inner .tabs .nav-tabs li.nav-item a.nav-link.active {
            background-color: #47495C; }
    html body main .table thead tr th, html body main .table thead tr .th, html body main .table thead .tr th, html body main .table thead .tr .th, html body main .table .thead tr th, html body main .table .thead tr .th, html body main .table .thead .tr th, html body main .table .thead .tr .th {
      font-weight: 500;
      color: #e5007d;
      font-size: .8125rem;
      text-transform: uppercase;
      border-top: none;
      border-bottom: solid 1px #E5E8EF;
      padding: 0 .3125rem .9375rem;
      vertical-align: top; }
      html body main .table thead tr th:first-child, html body main .table thead tr .th:first-child, html body main .table thead .tr th:first-child, html body main .table thead .tr .th:first-child, html body main .table .thead tr th:first-child, html body main .table .thead tr .th:first-child, html body main .table .thead .tr th:first-child, html body main .table .thead .tr .th:first-child {
        padding-left: .625rem; }
      html body main .table thead tr th:last-child, html body main .table thead tr .th:last-child, html body main .table thead .tr th:last-child, html body main .table thead .tr .th:last-child, html body main .table .thead tr th:last-child, html body main .table .thead tr .th:last-child, html body main .table .thead .tr th:last-child, html body main .table .thead .tr .th:last-child {
        padding-right: .625rem; }
      @media only screen and (max-width: 600px) {
        html body main .table thead tr th.no-mobile, html body main .table thead tr .th.no-mobile, html body main .table thead .tr th.no-mobile, html body main .table thead .tr .th.no-mobile, html body main .table .thead tr th.no-mobile, html body main .table .thead tr .th.no-mobile, html body main .table .thead .tr th.no-mobile, html body main .table .thead .tr .th.no-mobile {
          display: none; } }
    html body main .table tbody tr td, html body main .table tbody tr .td, html body main .table tbody .tr td, html body main .table tbody .tr .td, html body main .table .tbody tr td, html body main .table .tbody tr .td, html body main .table .tbody .tr td, html body main .table .tbody .tr .td {
      padding: .75rem .3125rem;
      font-size: .875rem;
      line-height: 1.3;
      color: #293C47;
      vertical-align: middle; }
      html body main .table tbody tr td:first-child, html body main .table tbody tr .td:first-child, html body main .table tbody .tr td:first-child, html body main .table tbody .tr .td:first-child, html body main .table .tbody tr td:first-child, html body main .table .tbody tr .td:first-child, html body main .table .tbody .tr td:first-child, html body main .table .tbody .tr .td:first-child {
        padding-left: .625rem; }
      html body main .table tbody tr td:last-child, html body main .table tbody tr .td:last-child, html body main .table tbody .tr td:last-child, html body main .table tbody .tr .td:last-child, html body main .table .tbody tr td:last-child, html body main .table .tbody tr .td:last-child, html body main .table .tbody .tr td:last-child, html body main .table .tbody .tr .td:last-child {
        padding-right: .625rem; }
      html body main .table tbody tr td p:last-child, html body main .table tbody tr .td p:last-child, html body main .table tbody .tr td p:last-child, html body main .table tbody .tr .td p:last-child, html body main .table .tbody tr td p:last-child, html body main .table .tbody tr .td p:last-child, html body main .table .tbody .tr td p:last-child, html body main .table .tbody .tr .td p:last-child {
        margin-bottom: 0; }
      html body main .table tbody tr td .title, html body main .table tbody tr .td .title, html body main .table tbody .tr td .title, html body main .table tbody .tr .td .title, html body main .table .tbody tr td .title, html body main .table .tbody tr .td .title, html body main .table .tbody .tr td .title, html body main .table .tbody .tr .td .title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: .9375rem; }
      html body main .table tbody tr td .subtitle, html body main .table tbody tr .td .subtitle, html body main .table tbody .tr td .subtitle, html body main .table tbody .tr .td .subtitle, html body main .table .tbody tr td .subtitle, html body main .table .tbody tr .td .subtitle, html body main .table .tbody .tr td .subtitle, html body main .table .tbody .tr .td .subtitle {
        font-size: .8125rem;
        opacity: .65; }
      html body main .table tbody tr td .contacts, html body main .table tbody tr .td .contacts, html body main .table tbody .tr td .contacts, html body main .table tbody .tr .td .contacts, html body main .table .tbody tr td .contacts, html body main .table .tbody tr .td .contacts, html body main .table .tbody .tr td .contacts, html body main .table .tbody .tr .td .contacts {
        padding-left: 1.625rem;
        background-color: transparent;
        background-size: 1rem;
        background-repeat: no-repeat;
        background-position: center left;
        margin-bottom: 0;
        line-height: 1.75rem; }
        html body main .table tbody tr td .contacts.ph, html body main .table tbody tr .td .contacts.ph, html body main .table tbody .tr td .contacts.ph, html body main .table tbody .tr .td .contacts.ph, html body main .table .tbody tr td .contacts.ph, html body main .table .tbody tr .td .contacts.ph, html body main .table .tbody .tr td .contacts.ph, html body main .table .tbody .tr .td .contacts.ph {
          background-image: url(../img/telephone.svg); }
        html body main .table tbody tr td .contacts.mb, html body main .table tbody tr .td .contacts.mb, html body main .table tbody .tr td .contacts.mb, html body main .table tbody .tr .td .contacts.mb, html body main .table .tbody tr td .contacts.mb, html body main .table .tbody tr .td .contacts.mb, html body main .table .tbody .tr td .contacts.mb, html body main .table .tbody .tr .td .contacts.mb {
          background-image: url(../img/telephone.svg); }
        html body main .table tbody tr td .contacts.ml, html body main .table tbody tr .td .contacts.ml, html body main .table tbody .tr td .contacts.ml, html body main .table tbody .tr .td .contacts.ml, html body main .table .tbody tr td .contacts.ml, html body main .table .tbody tr .td .contacts.ml, html body main .table .tbody .tr td .contacts.ml, html body main .table .tbody .tr .td .contacts.ml {
          background-image: url(../img/message.svg); }
      html body main .table tbody tr td .approvazioni .approvazione, html body main .table tbody tr .td .approvazioni .approvazione, html body main .table tbody .tr td .approvazioni .approvazione, html body main .table tbody .tr .td .approvazioni .approvazione, html body main .table .tbody tr td .approvazioni .approvazione, html body main .table .tbody tr .td .approvazioni .approvazione, html body main .table .tbody .tr td .approvazioni .approvazione, html body main .table .tbody .tr .td .approvazioni .approvazione {
        display: inline-block;
        height: 1rem;
        width: 1rem;
        margin-right: .125rem;
        border-radius: 50%;
        overflow: hidden;
        background-color: #f1f1f1;
        border: solid 1px rgba(74, 74, 74, 0.5); }
        html body main .table tbody tr td .approvazioni .approvazione.approved, html body main .table tbody tr .td .approvazioni .approvazione.approved, html body main .table tbody .tr td .approvazioni .approvazione.approved, html body main .table tbody .tr .td .approvazioni .approvazione.approved, html body main .table .tbody tr td .approvazioni .approvazione.approved, html body main .table .tbody tr .td .approvazioni .approvazione.approved, html body main .table .tbody .tr td .approvazioni .approvazione.approved, html body main .table .tbody .tr .td .approvazioni .approvazione.approved {
          background-color: #87BB20; }
        html body main .table tbody tr td .approvazioni .approvazione:last-of-type, html body main .table tbody tr .td .approvazioni .approvazione:last-of-type, html body main .table tbody .tr td .approvazioni .approvazione:last-of-type, html body main .table tbody .tr .td .approvazioni .approvazione:last-of-type, html body main .table .tbody tr td .approvazioni .approvazione:last-of-type, html body main .table .tbody tr .td .approvazioni .approvazione:last-of-type, html body main .table .tbody .tr td .approvazioni .approvazione:last-of-type, html body main .table .tbody .tr .td .approvazioni .approvazione:last-of-type {
          margin-right: 0; }
      @media only screen and (max-width: 600px) {
        html body main .table tbody tr td.no-mobile, html body main .table tbody tr .td.no-mobile, html body main .table tbody .tr td.no-mobile, html body main .table tbody .tr .td.no-mobile, html body main .table .tbody tr td.no-mobile, html body main .table .tbody tr .td.no-mobile, html body main .table .tbody .tr td.no-mobile, html body main .table .tbody .tr .td.no-mobile {
          display: none; } }
    html body main .table tbody tr.customerRow:hover, html body main .table tbody .tr.customerRow:hover, html body main .table .tbody tr.customerRow:hover, html body main .table .tbody .tr.customerRow:hover {
      cursor: pointer;
      background-color: #eeeeee; }
    html body main .table tbody tr.highlight td, html body main .table tbody .tr.highlight td, html body main .table .tbody tr.highlight td, html body main .table .tbody .tr.highlight td {
      background-color: rgba(229, 0, 125, 0.65);
      color: #ffffff; }
    html body main .table.options-list tbody tr td:last-child, html body main .table.options-list tbody tr .td:last-child, html body main .table.options-list tbody .tr td:last-child, html body main .table.options-list tbody .tr .td:last-child, html body main .table.options-list .tbody tr td:last-child, html body main .table.options-list .tbody tr .td:last-child, html body main .table.options-list .tbody .tr td:last-child, html body main .table.options-list .tbody .tr .td:last-child {
      text-align: right; }
    html body main .table.table-striped thead tr th, html body main .table.table-striped thead tr .th, html body main .table.table-striped thead .tr th, html body main .table.table-striped thead .tr .th, html body main .table.table-striped .thead tr th, html body main .table.table-striped .thead tr .th, html body main .table.table-striped .thead .tr th, html body main .table.table-striped .thead .tr .th {
      border-bottom: none; }
    html body main .table.table-striped tbody tr:nth-of-type(odd), html body main .table.table-striped tbody .tr:nth-of-type(odd), html body main .table.table-striped .tbody tr:nth-of-type(odd), html body main .table.table-striped .tbody .tr:nth-of-type(odd) {
      background-color: rgba(68, 41, 111, 0.1); }
    html body main .table.table-striped tbody tr td, html body main .table.table-striped tbody tr .td, html body main .table.table-striped tbody .tr td, html body main .table.table-striped tbody .tr .td, html body main .table.table-striped .tbody tr td, html body main .table.table-striped .tbody tr .td, html body main .table.table-striped .tbody .tr td, html body main .table.table-striped .tbody .tr .td {
      border-top: none; }
    html body main div.table {
      border-collapse: collapse;
      display: table; }
      html body main div.table .thead {
        display: table-header-group;
        vertical-align: middle;
        border-color: inherit; }
        html body main div.table .thead .tr {
          display: table-row;
          vertical-align: inherit;
          border-color: inherit; }
          html body main div.table .thead .tr .th {
            text-align: inherit;
            display: table-cell; }
      html body main div.table .tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit; }
        html body main div.table .tbody .tr {
          display: table-row;
          vertical-align: inherit;
          border-color: inherit; }
          html body main div.table .tbody .tr.hide {
            display: none; }
          html body main div.table .tbody .tr .td {
            display: table-cell;
            vertical-align: inherit;
            border-top: 1px solid #dee2e6; }
      html body main div.table.flow .tbody .tr {
        border-left: solid 3px #bbbbbb; }
        html body main div.table.flow .tbody .tr .td:first-child {
          padding-left: 1.625rem;
          font-weight: 500; }
      html body main div.table.flow .tbody .flow-separator {
        margin-bottom: 1.5rem; }
    html body main .form-area input, html body main .form-area select, html body main .form-area textarea {
      border: none;
      outline: none;
      -webkit-appearance: none;
      box-shadow: none;
      -webkit-text-size-adjust: 100%;
      display: inline-block;
      background-clip: padding-box;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      position: relative; }
      html body main .form-area input:not(.btn), html body main .form-area select:not(.btn), html body main .form-area textarea:not(.btn) {
        width: 100%;
        background-color: #f1f1f1;
        border-radius: .5rem;
        font-size: .875rem;
        line-height: 1.2;
        font-weight: 400;
        padding: .625rem;
        color: #47495C; }
      html body main .form-area input[type=submit], html body main .form-area select[type=submit], html body main .form-area textarea[type=submit] {
        margin-top: 3.75rem; }
      html body main .form-area input[type=checkbox], html body main .form-area select[type=checkbox], html body main .form-area textarea[type=checkbox] {
        padding: 0;
        border: solid 0.3125rem #f1f1f1;
        background: #f1f1f1;
        border-radius: .125rem;
        width: 1.125rem;
        height: 1.125rem;
        margin: auto;
        display: block; }
        html body main .form-area input[type=checkbox]:checked, html body main .form-area select[type=checkbox]:checked, html body main .form-area textarea[type=checkbox]:checked {
          background: #4a4a4a; }
      html body main .form-area input[type=radio], html body main .form-area select[type=radio], html body main .form-area textarea[type=radio] {
        -webkit-appearance: radio;
        padding: 0;
        background: transparent;
        border-radius: 0;
        width: auto;
        margin: auto;
        display: block;
        opacity: .5; }
        html body main .form-area input[type=radio]:checked, html body main .form-area select[type=radio]:checked, html body main .form-area textarea[type=radio]:checked {
          opacity: 1; }
    html body main .form-area textarea {
      resize: none; }
    html body main .form-area label {
      font-weight: 500;
      font-size: .875rem;
      color: #293c47;
      text-transform: uppercase;
      margin-bottom: 1.875rem;
      display: inline-block;
      width: 100%; }
      html body main .form-area label.ok {
        position: relative; }
        html body main .form-area label.ok:after {
          height: 2rem;
          width: 2rem;
          display: block;
          content: "";
          position: absolute;
          right: .125rem;
          bottom: .125rem;
          background-color: #87BB20;
          -webkit-mask: url(../img/check.svg) no-repeat 50% 50%;
          mask: url(../img/check.svg) no-repeat 50% 50%;
          -webkit-mask-size: cover;
          mask-size: cover; }
      html body main .form-area label.not {
        position: relative; }
        html body main .form-area label.not:after {
          height: 2rem;
          width: 2rem;
          display: block;
          content: "";
          position: absolute;
          right: .125rem;
          bottom: .125rem;
          background-color: #FF3333;
          -webkit-mask: url(../img/x.svg) no-repeat 50% 50%;
          mask: url(../img/x.svg) no-repeat 50% 50%;
          -webkit-mask-size: cover;
          mask-size: cover; }
      html body main .form-area label.checking {
        opacity: .4; }
      html body main .form-area label.required span:not(.custom-combobox):after {
        display: inline;
        content: "*";
        color: #FF3333;
        line-height: 1;
        font-size: 140%; }
      html body main .form-area label.changer {
        display: none; }
        html body main .form-area label.changer.active {
          display: inline-block; }
    html body main .form-area .btn-annulla {
      margin-top: 3.75rem;
      margin-right: .5rem; }
    html body main .form-area form.validate label.required.empty {
      position: relative;
      /*&:before {
          display: block;
          content: "";
          position: absolute;
          left: -1.25rem;
          bottom: -1.25rem;
          background-color: transparent;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
          background-image: url(../img/direction.svg);
          height: 1.25rem;
          width: 1.25rem;
          z-index: 1;
      }*/ }
      html body main .form-area form.validate label.required.empty span {
        color: #e5007d; }
      html body main .form-area form.validate label.required.empty input:not(.btn), html body main .form-area form.validate label.required.empty select:not(.btn), html body main .form-area form.validate label.required.empty textarea:not(.btn) {
        border: solid 2px #e5007d; }
      html body main .form-area form.validate label.required.empty .select-wrapper .custom-combobox, html body main .form-area form.validate label.required.empty .select-wrapper-multiple .custom-combobox {
        border: solid 2px #e5007d; }
        html body main .form-area form.validate label.required.empty .select-wrapper .custom-combobox input, html body main .form-area form.validate label.required.empty .select-wrapper-multiple .custom-combobox input, html body main .form-area form.validate label.required.empty .select-wrapper .custom-combobox select, html body main .form-area form.validate label.required.empty .select-wrapper-multiple .custom-combobox select, html body main .form-area form.validate label.required.empty .select-wrapper .custom-combobox textarea, html body main .form-area form.validate label.required.empty .select-wrapper-multiple .custom-combobox textarea {
          border: none; }
    html body main .form-area form.validate .header-area label.required.empty:before {
      bottom: calc(-1.25rem + 1.875rem); }
    html body main .form-area .select-wrapper, html body main .form-area .select-wrapper-multiple {
      position: relative;
      background-color: #f1f1f1;
      border-radius: .5rem; }
      html body main .form-area .select-wrapper:after, html body main .form-area .select-wrapper-multiple:after {
        z-index: 0;
        display: block;
        content: "";
        position: absolute;
        right: .75rem;
        top: .75rem;
        height: .5rem;
        width: .5rem;
        border: solid 2px #e5007d;
        border-top-color: transparent;
        border-right-color: transparent;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      html body main .form-area .select-wrapper select, html body main .form-area .select-wrapper-multiple select {
        z-index: 1;
        background-color: transparent; }
    html body main .form-area .select-wrapper-multiple {
      overflow: hidden; }
      html body main .form-area .select-wrapper-multiple:after {
        display: none; }
      html body main .form-area .select-wrapper-multiple select {
        height: calc(((.875rem * 1.2) + (.5rem * 2)) * 10); }
        html body main .form-area .select-wrapper-multiple select option {
          white-space: normal;
          border-bottom: solid 1px #bbbbbb;
          padding-top: .5rem;
          padding-bottom: .5rem;
          outline: none; }
          html body main .form-area .select-wrapper-multiple select option:hover {
            cursor: pointer;
            background-color: rgba(187, 187, 187, 0.5); }
          html body main .form-area .select-wrapper-multiple select option:selected, html body main .form-area .select-wrapper-multiple select option:checked {
            color: #ffffff;
            background-color: #1a1c33; }
          html body main .form-area .select-wrapper-multiple select option:last-child {
            border-bottom: none; }
        html body main .form-area .select-wrapper-multiple select:-internal-list-box option:selected, html body main .form-area .select-wrapper-multiple select:-internal-list-box option:checked {
          color: #ffffff;
          background-color: #1a1c33; }
    html body main .form-area .multiple-select-area {
      background-color: rgba(241, 241, 241, 0.5);
      border: solid 1px rgba(187, 187, 187, 0.5);
      padding: 1rem;
      border-radius: .5rem;
      margin-bottom: 1.875rem; }
      html body main .form-area .multiple-select-area label {
        margin-bottom: 0; }
        html body main .form-area .multiple-select-area label span {
          display: block;
          padding-bottom: .6875rem; }
          html body main .form-area .multiple-select-area label span .clear {
            float: right;
            cursor: pointer;
            display: block;
            height: 1.25rem;
            width: 1.25rem;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: transparent;
            background-image: url(./../img/close.svg);
            border-radius: .25rem; }
            html body main .form-area .multiple-select-area label span .clear:hover {
              background-color: rgba(187, 187, 187, 0.125); }
        html body main .form-area .multiple-select-area label input[type=text], html body main .form-area .multiple-select-area label select[type=text], html body main .form-area .multiple-select-area label textarea[type=text] {
          background: #ffffff;
          border: solid 1px #E5E8EF; }
          html body main .form-area .multiple-select-area label input[type=text]::-webkit-input-placeholder, html body main .form-area .multiple-select-area label select[type=text]::-webkit-input-placeholder, html body main .form-area .multiple-select-area label textarea[type=text]::-webkit-input-placeholder {
            color: rgba(41, 60, 71, 0.5); }
          html body main .form-area .multiple-select-area label input[type=text]:-ms-input-placeholder, html body main .form-area .multiple-select-area label select[type=text]:-ms-input-placeholder, html body main .form-area .multiple-select-area label textarea[type=text]:-ms-input-placeholder {
            color: rgba(41, 60, 71, 0.5); }
          html body main .form-area .multiple-select-area label input[type=text]::placeholder, html body main .form-area .multiple-select-area label select[type=text]::placeholder, html body main .form-area .multiple-select-area label textarea[type=text]::placeholder {
            color: rgba(41, 60, 71, 0.5); }
        html body main .form-area .multiple-select-area label .select-wrapper-multiple {
          background: transparent; }
          html body main .form-area .multiple-select-area label .select-wrapper-multiple select {
            height: calc(((.875rem * 1.2) + (.5rem * 2)) * 6); }
      html body main .form-area .multiple-select-area.inline {
        background: transparent;
        border: none;
        padding: 0; }
        html body main .form-area .multiple-select-area.inline label input[type=text], html body main .form-area .multiple-select-area.inline label select[type=text], html body main .form-area .multiple-select-area.inline label textarea[type=text] {
          background-color: #f1f1f1;
          border: none;
          transition: none; }
          html body main .form-area .multiple-select-area.inline label input[type=text].activation, html body main .form-area .multiple-select-area.inline label select[type=text].activation, html body main .form-area .multiple-select-area.inline label textarea[type=text].activation {
            border-radius: .5rem .5rem 0 0;
            border-bottom: solid 1px #E5E8EF; }
        html body main .form-area .multiple-select-area.inline label .select-wrapper-multiple {
          border-radius: 0 0 .5rem .5rem;
          padding: 0 .625rem;
          background-color: #f1f1f1; }
          html body main .form-area .multiple-select-area.inline label .select-wrapper-multiple select {
            padding: .625rem 0;
            height: 0;
            display: none;
            max-height: 0;
            background-color: #f1f1f1;
            border: none; }
            html body main .form-area .multiple-select-area.inline label .select-wrapper-multiple select.activation {
              height: auto;
              display: inline-block;
              max-height: calc(((.875rem * 1.2) + (.5rem * 2)) * 5);
              /*border: solid 1px map-get($bg, grigio-chiaro);*/
              border-radius: 0 0 .25rem .25rem;
              border-top: none; }
    html body main .form-area .datepicker-wrapper {
      position: relative;
      background-color: #f1f1f1;
      border-radius: .5rem; }
      html body main .form-area .datepicker-wrapper:after {
        z-index: 0;
        display: block;
        content: "";
        position: absolute;
        right: .6875rem;
        top: .6875rem;
        height: .875rem;
        width: .875rem;
        background-image: url(../img/calendar.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: contain; }
      html body main .form-area .datepicker-wrapper input, html body main .form-area .datepicker-wrapper select, html body main .form-area .datepicker-wrapper textarea {
        z-index: 1;
        background-color: transparent; }
      html body main .form-area .datepicker-wrapper.inline .ui-datepicker {
        width: 100%; }
        html body main .form-area .datepicker-wrapper.inline .ui-datepicker span:after {
          display: none; }
      html body main .form-area .datepicker-wrapper.inline:after {
        display: none; }
      html body main .form-area .datepicker-wrapper.timesheet .ui-datepicker-calendar th {
        width: calc(100% / 7); }
      html body main .form-area .datepicker-wrapper.timesheet .ui-datepicker-calendar td a:after {
        display: inline-block;
        width: 0;
        height: 0;
        padding-bottom: 100%;
        content: "";
        vertical-align: bottom; }
    html body main .form-area .checkbox-area {
      vertical-align: middle;
      line-height: calc((1.2 * .875rem) + (.625rem * 2)); }
      html body main .form-area .checkbox-area input[type=checkbox], html body main .form-area .checkbox-area select[type=checkbox], html body main .form-area .checkbox-area textarea[type=checkbox] {
        float: left;
        margin-right: .5rem;
        display: inline-block;
        vertical-align: middle; }
      html body main .form-area .checkbox-area span {
        vertical-align: middle;
        display: flex;
        margin-bottom: .25rem;
        line-height: 1.125rem; }
    html body main .form-area .radio-area {
      vertical-align: middle;
      line-height: calc((1.2 * .875rem)); }
      html body main .form-area .radio-area label {
        margin: 0; }
      html body main .form-area .radio-area input[type=radio], html body main .form-area .radio-area select[type=radio], html body main .form-area .radio-area textarea[type=radio] {
        float: left;
        margin-right: .5rem;
        display: inline-block;
        vertical-align: middle; }
      html body main .form-area .radio-area span {
        vertical-align: middle;
        display: flex;
        margin-bottom: .25rem;
        line-height: 1; }
    html body main .form-area .header-area input, html body main .form-area .header-area select, html body main .form-area .header-area textarea {
      font-size: 2.25rem;
      letter-spacing: 1px;
      /*margin-bottom: 1.875rem;*/
      margin-bottom: 0;
      border-bottom: dotted 2px rgba(255, 255, 255, 0.5);
      color: #ffffff;
      background-color: transparent;
      border-radius: 0;
      padding: 0; }
      html body main .form-area .header-area input::-webkit-input-placeholder, html body main .form-area .header-area select::-webkit-input-placeholder, html body main .form-area .header-area textarea::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.5); }
      html body main .form-area .header-area input:-ms-input-placeholder, html body main .form-area .header-area select:-ms-input-placeholder, html body main .form-area .header-area textarea:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.5); }
      html body main .form-area .header-area input::placeholder, html body main .form-area .header-area select::placeholder, html body main .form-area .header-area textarea::placeholder {
        color: rgba(255, 255, 255, 0.5); }
    html body main .form-area .header-area label {
      margin: 0; }
    html body main .form-area .title {
      color: #293C47;
      font-size: 1.25rem;
      font-weight: 500;
      margin-top: calc(.875rem * 1.5);
      margin-bottom: calc((.875rem * 1.2) + (.625rem * 2) + 1.875rem - ((1.25rem * 1.5))); }
    html body main .form-area .custom-combobox, html body main .form-area .custom-selecttags {
      position: relative;
      display: inline-block;
      width: 100%;
      border-radius: .5rem; }
      html body main .form-area .custom-combobox .custom-combobox-toggle, html body main .form-area .custom-selecttags .custom-combobox-toggle {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 0;
        width: calc(.875rem * 1.2 + 1rem);
        cursor: pointer;
        z-index: 1;
        border-left: solid 1px rgba(39, 39, 45, 0.25);
        border-radius: 0 .5rem .5rem 0; }
        html body main .form-area .custom-combobox .custom-combobox-toggle:hover, html body main .form-area .custom-selecttags .custom-combobox-toggle:hover {
          background-color: rgba(39, 39, 45, 0.25); }
      html body main .form-area .custom-combobox .custom-combobox-input, html body main .form-area .custom-combobox .custom-selecttags-input, html body main .form-area .custom-selecttags .custom-combobox-input, html body main .form-area .custom-selecttags .custom-selecttags-input {
        border: none;
        width: calc(100% - (.875rem * 1.2 + (.625rem * 2))); }
    html body main .form-area .custom-selecttags .custom-selecttags-input {
      width: 100%; }
    html body main .form-area #progetto-area {
      opacity: .25; }
      html body main .form-area #progetto-area span:not(.custom-combobox) {
        display: block;
        width: 100%;
        height: calc((.875rem * 1.2) + (.625rem * 2));
        background-color: #E5E8EF;
        border-radius: .5rem;
        font-size: .875rem;
        line-height: 1.2;
        font-weight: 400;
        padding: .625rem;
        color: #47495C; }
        html body main .form-area #progetto-area span:not(.custom-combobox):after {
          display: none; }
      html body main .form-area #progetto-area.active {
        opacity: 1; }
    html body main .form-area #attivita-offerta-area {
      opacity: .25; }
      html body main .form-area #attivita-offerta-area span {
        display: block;
        width: 100%;
        height: calc((.875rem * 1.2) + (.625rem * 2));
        background-color: #E5E8EF;
        border-radius: .5rem;
        font-size: .875rem;
        line-height: 1.2;
        font-weight: 400;
        padding: .625rem;
        color: #47495C; }
        html body main .form-area #attivita-offerta-area span:after {
          display: none; }
      html body main .form-area #attivita-offerta-area.active {
        opacity: 1; }
    html body main .form-area #attivita-area .select-wrapper, html body main .form-area #attivita-area .select-wrapper-multiple {
      display: none;
      visibility: hidden; }
    html body main .form-area #attivita-area.assenze .select-wrapper, html body main .form-area #attivita-area.assenze .select-wrapper-multiple {
      display: block;
      visibility: visible; }
    html body main .form-area #attivita-area.assenze input[type=text], html body main .form-area #attivita-area.assenze select[type=text], html body main .form-area #attivita-area.assenze textarea[type=text] {
      display: none;
      visibility: hidden; }
    html body main .form-area #area-pernotto {
      display: none;
      visibility: hidden;
      opacity: 0; }
      html body main .form-area #area-pernotto.active {
        display: block;
        visibility: visible;
        opacity: 1; }
    html body main .form-area .alternate-compilator {
      /*label {
          .waiting-area {
              display: block;
              width: 100%;
              height: calc((.875rem * 1.2) + (.625rem * 2));
              background-color: $color--bg-input;
              border-radius: .5rem;
              font-size: .875rem;
              line-height: 1.2;
              font-weight: 400;
              padding: .625rem;
              color: map-get($text, grigio);
          }
          .hidden-area {
              display: none;
              opacity: 0;
              visibility: hidden;
          }
          &.active {
              .waiting-area {
                  display: none;
                  opacity: 0;
                  visibility: hidden;
              }
              .hidden-area {
                  display: block;
                  opacity: 1;
                  visibility: visible;
              }
          }
      }*/ }
    html body main .form-area.static label p {
      text-transform: none;
      width: 100%;
      background-color: #f1f1f1;
      border-radius: .5rem;
      font-size: .875rem;
      line-height: 1.2;
      font-weight: 400;
      padding: .625rem;
      color: #47495C;
      margin-bottom: .5rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-height: 2.25rem; }
      html body main .form-area.static label p:last-child {
        margin-bottom: 0; }
      html body main .form-area.static label p.textarea {
        min-height: calc((.875rem * 1.2) * 8); }
      html body main .form-area.static label p.clear-input {
        background-color: rgba(241, 241, 241, 0.25);
        padding: .4375rem .625rem;
        min-height: 0; }
      html body main .form-area.static label p.no-input {
        background-color: transparent;
        border-radius: 0;
        min-height: 0;
        padding: 0 .625rem; }
    html body main .form-area.static h5 {
      color: #47495C;
      margin-bottom: 0; }
    html body main .form-area.static .scheda {
      border-radius: .5rem;
      border: solid 1px #E5E8EF;
      padding-top: .5rem;
      padding-bottom: .5rem; }
      @media only screen and (max-width: 768px) {
        html body main .form-area.static .scheda {
          border-radius: 0;
          border: none;
          padding-top: 0;
          padding-bottom: 0; } }
    html body main .form-area.static .table.contacts {
      margin-top: calc(3.125rem / 2); }
      html body main .form-area.static .table.contacts thead tr th, html body main .form-area.static .table.contacts thead tr .th, html body main .form-area.static .table.contacts thead .tr th, html body main .form-area.static .table.contacts thead .tr .th, html body main .form-area.static .table.contacts .thead tr th, html body main .form-area.static .table.contacts .thead tr .th, html body main .form-area.static .table.contacts .thead .tr th, html body main .form-area.static .table.contacts .thead .tr .th {
        padding: 0 .3125rem .625rem; }
    html body main .form-area.static .table.activities .tbody .tr .td {
      vertical-align: top; }
      html body main .form-area.static .table.activities .tbody .tr .td:first-child span {
        margin-top: .5rem;
        font-size: .75rem;
        display: inline-block;
        color: #9EA2A2; }
      html body main .form-area.static .table.activities .tbody .tr .td:last-child {
        text-align: right; }
    html body main .form-area.static .table.flow .tbody .tr .td:first-child {
      padding-left: 1.625rem; }
    html body main .form-area.static .v-scroll {
      position: relative; }
      html body main .form-area.static .v-scroll table.contacts thead, html body main .form-area.static .v-scroll table.contacts .thead, html body main .form-area.static .v-scroll .table.contacts thead, html body main .form-area.static .v-scroll .table.contacts .thead {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        pointer-events: none;
        display: table-caption;
        background: #ffffff;
        margin-bottom: -1px;
        z-index: 1; }
        html body main .form-area.static .v-scroll table.contacts thead tr, html body main .form-area.static .v-scroll table.contacts thead .tr, html body main .form-area.static .v-scroll table.contacts .thead tr, html body main .form-area.static .v-scroll table.contacts .thead .tr, html body main .form-area.static .v-scroll .table.contacts thead tr, html body main .form-area.static .v-scroll .table.contacts thead .tr, html body main .form-area.static .v-scroll .table.contacts .thead tr, html body main .form-area.static .v-scroll .table.contacts .thead .tr {
          width: 100%;
          display: table; }
    html body main .form-area.static .checkbox-area label {
      margin: 0; }
      html body main .form-area.static .checkbox-area label span {
        margin: 0;
        line-height: 1.3; }
    html body main .form-area .row.separator {
      border-top: solid 1px #E5E8EF;
      padding-top: 2.5rem; }
    html body main .form-area .row.spaced {
      padding-bottom: 1.875rem; }
    html body main .form-area .row.recap {
      font-size: 150%;
      background-color: #E5E8EF;
      padding: 5px 10px;
      color: #1a1c33; }
    html body main .form-area .row.highlight {
      padding-top: 2.5rem;
      background-color: rgba(241, 241, 241, 0.5); }
    html body main .form-area .recap-hours {
      color: #293C47; }
    html body main .repetitor .template {
      display: none; }
    html body main .pagination {
      align-items: end;
      justify-content: flex-end; }
      html body main .pagination .page-item .page-link {
        font-size: .75rem;
        color: #9EA2A2;
        border: none;
        margin: 0;
        background-color: transparent;
        line-height: 1.875rem;
        padding: 0 .75rem;
        text-align: center;
        box-shadow: none;
        transition: color 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s; }
        html body main .pagination .page-item .page-link:before {
          display: block;
          content: "";
          height: 1.5rem;
          width: 1.5rem;
          border-radius: 50%;
          position: absolute;
          top: 50%;
          left: 50%;
          margin: calc(1.5rem / -2) 0 0 calc(1.5rem / -2);
          background-color: transparent;
          z-index: -1;
          transition: all 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s; }
      html body main .pagination .page-item:hover:not(.disabled):not(.active) .page-link {
        color: #ffffff; }
        html body main .pagination .page-item:hover:not(.disabled):not(.active) .page-link:before {
          background-color: #999999; }
      html body main .pagination .page-item.active .page-link {
        font-size: .875rem;
        color: #ffffff; }
        html body main .pagination .page-item.active .page-link:before {
          background-color: #E63F86; }
      html body main .pagination .page-item:first-child .page-link, html body main .pagination .page-item:last-child .page-link {
        border-radius: 0; }
  html body footer {
    opacity: 1;
    transition: opacity 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s;
    background-color: #160D47;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: -moz-linear-gradient(170deg, #e63f86 15%, #39087c 60%, #160d47 85%);
    background-image: -webkit-linear-gradient(170deg, #e63f86 15%, #39087c 60%, #160d47 85%);
    background-image: linear-gradient(170deg, #e63f86 15%, #39087c 60%, #160d47 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e63f85",endColorstr="#1d0c52",GradientType=1);
    color: #ffffff; }
    @media only screen and (max-width: 600px) {
      html body footer .container-lg {
        padding-right: 1.25rem;
        padding-left: 1.25rem; } }
    html body footer .footer-area {
      font-size: .875rem;
      line-height: 1.25rem;
      font-weight: 400;
      padding: 2.5rem 0 3.125rem;
      color: #ffffff; }
      html body footer .footer-area a.logo {
        display: inline-block;
        margin-bottom: 1.75rem; }
        html body footer .footer-area a.logo img {
          height: 3.375rem; }
      html body footer .footer-area .copyright {
        font-size: .75rem;
        margin-bottom: 0; }
        @media only screen and (max-width: 600px) {
          html body footer .footer-area .copyright {
            margin-bottom: 2.5rem;
            line-height: 1.2; } }
        html body footer .footer-area .copyright span {
          display: inline-block;
          font-size: .625rem;
          line-height: 1; }
      html body footer .footer-area .nav .nav-item .nav-link {
        padding: 0;
        line-height: 1.5;
        color: #ffffff; }
        html body footer .footer-area .nav .nav-item .nav-link:hover {
          color: #1a1c33; }
      html body footer .footer-area .nav .nav-item.active .nav-link {
        color: #1a1c33; }
  html body.beta header .beta-badge, html body.beta header .dev-badge {
    display: block;
    visibility: visible;
    opacity: 1; }
  html body.dev header .dev-badge {
    display: block;
    visibility: visible;
    opacity: 1; }
  html body.working .preloader, html body.thinking .preloader, html body.loading .preloader {
    display: block; }
    html body.working .preloader .status, html body.thinking .preloader .status, html body.loading .preloader .status {
      display: block; }
  html body.working main, html body.thinking main, html body.loading main {
    opacity: 0; }
  html body.homepage {
    /*background: -moz-linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);
    background: -webkit-linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);
    background: linear-gradient(140deg, map-get($bgv2, rosa) 10%, map-get($bgv2, viola-medio) 55%, map-get($bgv2, viola-scuro) 80%);*/ }
    html body.homepage .header-area {
      margin-bottom: 4rem;
      /*h1{
          &#pageTitle{
              margin-bottom: 1.625rem;
          }
      }*/
      /*h2 {
          &#pageSubtitle{
              margin-bottom: 0;
          }
      }*/ }
      @media only screen and (max-width: 600px) {
        html body.homepage .header-area {
          margin-bottom: 2.1875rem; } }
  html body.agenda {
    /*background: -moz-linear-gradient(160deg, map-get($bg, grigio-scuro) 60%, map-get($bg, verde) 180%);
    background: -webkit-linear-gradient(160deg, map-get($bg, grigio-scuro) 60%, map-get($bg, verde) 180%);
    background: linear-gradient(160deg, map-get($bg, grigio-scuro) 60%, map-get($bg, verde) 180%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="map-get($bg, grigio-scuro)",endColorstr="map-get($bg, verde)",GradientType=1);*/ }
  html body.login, html body.progetti {
    /*background: -moz-linear-gradient(160deg, map-get($bg, grigio-scuro) 60%, map-get($bg, azzurro) 180%);
    background: -webkit-linear-gradient(160deg, map-get($bg, grigio-scuro) 60%, map-get($bg, azzurro) 180%);
    background: linear-gradient(160deg, map-get($bg, grigio-scuro) 60%, map-get($bg, azzurro) 180%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="map-get($bg, grigio-scuro)",endColorstr="map-get($bg, azzurro)",GradientType=1);*/ }
  html body[class*="progetto-"] .form-area.static h4, html body[class*="offerta-"] .form-area.static h4, html body[class*="ordini-"] .form-area.static h4, html body[class*="ordine-"] .form-area.static h4 {
    color: #293C47;
    font-weight: 500;
    font-size: 1.25rem;
    letter-spacing: 0;
    margin-bottom: 1rem; }
  html body[class*="backend"] {
    background-color: #27272d;
    background-image: none; }
    html body[class*="backend"] .dropdown .btn, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .modify .btn, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .modify .btn, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .confirm .btn, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .confirm .btn {
      padding: .875rem;
      background-color: rgba(255, 255, 255, 0.05); }
      html body[class*="backend"] .dropdown .btn span, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .modify .btn span, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .modify .btn span, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .confirm .btn span, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .confirm .btn span {
        background-color: #ffffff; }
        html body[class*="backend"] .dropdown .btn span:before, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .modify .btn span:before, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .modify .btn span:before, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .confirm .btn span:before, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .confirm .btn span:before, html body[class*="backend"] .dropdown .btn span:after, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .modify .btn span:after, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .modify .btn span:after, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .confirm .btn span:after, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .confirm .btn span:after {
          background-color: #ffffff; }
    html body[class*="backend"] .dropdown .dropdown-menu a:not(.btn).dropdown-item, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .modify .dropdown-menu a:not(.btn).dropdown-item, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .modify .dropdown-menu a:not(.btn).dropdown-item, html body[class*="backend"] .timeline-area .timeline .event-list .dettaglio .confirm .dropdown-menu a:not(.btn).dropdown-item, .timeline-area .timeline .event-list .dettaglio html body[class*="backend"] .confirm .dropdown-menu a:not(.btn).dropdown-item {
      cursor: pointer; }
    html body[class*="backend"] .bg-white {
      background-color: transparent !important; }
    html body[class*="backend"] header {
      background-color: #27272d; }
      html body[class*="backend"] header.fixed-top + main {
        /*padding-top: 6.25rem;*/ }
    html body[class*="backend"] main {
      /*padding-top: 6.25rem;*/
      background-color: rgba(255, 255, 255, 0.05); }
      html body[class*="backend"] main .card {
        border-radius: .375rem;
        background-color: transparent;
        border: solid 2px #ffffff;
        color: #ffffff; }
        html body[class*="backend"] main .card .card-body .backend-menu li.nav-item {
          border-bottom: dotted 1px #E5E8EF; }
          html body[class*="backend"] main .card .card-body .backend-menu li.nav-item a.nav-link.active, html body[class*="backend"] main .card .card-body .backend-menu li.nav-item a.nav-link:hover {
            background-color: rgba(255, 255, 255, 0.15); }
        html body[class*="backend"] main .card .card-body .main-area {
          font-size: .8125rem;
          padding-top: .9375rem;
          padding-bottom: .9375rem;
          padding-right: calc(.9375rem * 2); }
      html body[class*="backend"] main .table thead tr th div {
        width: 1.25rem; }
        html body[class*="backend"] main .table thead tr th div span {
          display: block;
          position: absolute;
          transform-origin: 0 100%;
          transform: translate(10px, -20px) rotate(-65deg);
          font-size: .625rem;
          /*max-width: 7.5rem;*/
          z-index: 1;
          vertical-align: botttom; }
      html body[class*="backend"] main .table tbody tr td {
        font-size: .8125rem;
        color: rgba(255, 255, 255, 0.85);
        padding: .625rem .3125rem; }
        html body[class*="backend"] main .table tbody tr td.td-persona a {
          font-size: .9375rem;
          font-weight: 500; }
        html body[class*="backend"] main .table tbody tr td label {
          margin: 0;
          padding: .875rem 0;
          cursor: pointer; }
          html body[class*="backend"] main .table tbody tr td label input, html body[class*="backend"] main .table tbody tr td label .form-area select, html body[class*="backend"] main .form-area .table tbody tr td label select, html body[class*="backend"] main .table tbody tr td label .form-area textarea, html body[class*="backend"] main .form-area .table tbody tr td label textarea {
            cursor: pointer; }
          html body[class*="backend"] main .table tbody tr td label:hover input[type=checkbox], html body[class*="backend"] main .table tbody tr td label:hover .form-area select[type=checkbox], html body[class*="backend"] main .form-area .table tbody tr td label:hover select[type=checkbox], html body[class*="backend"] main .table tbody tr td label:hover .form-area textarea[type=checkbox], html body[class*="backend"] main .form-area .table tbody tr td label:hover textarea[type=checkbox] {
            opacity: 1; }
      html body[class*="backend"] main .table.table-bordered {
        border: none; }
        html body[class*="backend"] main .table.table-bordered thead tr th {
          border: none;
          padding: 0 .3125rem; }
        html body[class*="backend"] main .table.table-bordered tbody tr td {
          border-style: dotted; }
          html body[class*="backend"] main .table.table-bordered tbody tr td:first-child {
            border-left: none; }
          html body[class*="backend"] main .table.table-bordered tbody tr td:last-child {
            border-right: none; }
        html body[class*="backend"] main .table.table-bordered tbody tr:last-child td {
          border-bottom: none; }
      html body[class*="backend"] main #permissions-form .table tbody tr td:not(:first-child) {
        padding: 0; }
      html body[class*="backend"] main #permissions-form .table tbody tr td .all {
        display: block;
        height: calc(.625rem * 2);
        width: calc(.625rem * 2);
        margin: .25rem auto;
        border: solid 1px rgba(255, 255, 255, 0.15);
        border-radius: .1875rem;
        cursor: pointer;
        background-image: url(../img/check_w.svg);
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain; }
        html body[class*="backend"] main #permissions-form .table tbody tr td .all:hover {
          background-color: rgba(255, 255, 255, 0.15); }
      html body[class*="backend"] main .form-area label {
        color: rgba(255, 255, 255, 0.5); }
      html body[class*="backend"] main .form-area input[type=checkbox], html body[class*="backend"] main .form-area select[type=checkbox], html body[class*="backend"] main .form-area textarea[type=checkbox] {
        -webkit-appearance: checkbox;
        padding: 0;
        background: transparent;
        border-radius: 0;
        width: auto;
        margin: auto;
        display: block;
        opacity: .1; }
        html body[class*="backend"] main .form-area input[type=checkbox]:checked, html body[class*="backend"] main .form-area select[type=checkbox]:checked, html body[class*="backend"] main .form-area textarea[type=checkbox]:checked {
          opacity: 1; }
      html body[class*="backend"] main .form-area.table-scroll {
        padding-top: 170px;
        max-height: 60vh;
        overflow: auto; }
        html body[class*="backend"] main .form-area.table-scroll:before {
          display: block;
          content: "";
          position: absolute;
          left: 15px;
          top: 0px;
          width: calc(100% - .9375rem - 32px);
          height: 170px;
          background: #323238;
          z-index: 1; }
      html body[class*="backend"] main .form-area .checkbox-area input[type=checkbox], html body[class*="backend"] main .form-area .checkbox-area select[type=checkbox], html body[class*="backend"] main .form-area .checkbox-area textarea[type=checkbox] {
        display: inline-block;
        margin-right: .5rem; }
      html body[class*="backend"] main .form-area .checkbox-area label {
        margin: 0; }
      html body[class*="backend"] main .form-area .checkbox-area span {
        color: #ffffff;
        font-weight: 400;
        text-transform: none; }
      html body[class*="backend"] main .form-area .row.separator {
        border-color: rgba(229, 232, 239, 0.15); }
      html body[class*="backend"] main div.azienda {
        width: 30px;
        height: 30px;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: rgba(0, 0, 0, 0.15);
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        overflow: hidden;
        border-radius: 50%; }
        html body[class*="backend"] main div.azienda:last-child {
          margin-right: 0; }
        html body[class*="backend"] main div.azienda.aa-2 {
          background-image: url(../img/loghi/logo-next.svg);
          background-color: #191919; }
        html body[class*="backend"] main div.azienda.aa-10 {
          background-image: url(../img/loghi/logo-take.png);
          background-color: #f1911e; }
      html body[class*="backend"] main div.ruolo {
        background-image: url(../img/roles_icon.svg);
        background-position: 0px 0px;
        background-size: 300px 300px; }
        html body[class*="backend"] main div.ruolo.rr-17 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-2 {
          background-color: #48d1cc;
          background-position: -30px -30px; }
        html body[class*="backend"] main div.ruolo.rr-33 {
          background-color: #ff8c00;
          background-position: -60px -30px; }
        html body[class*="backend"] main div.ruolo.rr-27 {
          background-color: #8e388e;
          background-position: -90px -30px; }
        html body[class*="backend"] main div.ruolo.rr-31 {
          background-color: #8b7355;
          background-position: -120px -30px; }
        html body[class*="backend"] main div.ruolo.rr-26 {
          background-color: #eeb422;
          background-position: -120px 0px; }
        html body[class*="backend"] main div.ruolo.rr-32 {
          background-color: #eeb422;
          background-position: -120px 0px; }
        html body[class*="backend"] main div.ruolo.rr-5 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-8 {
          background-color: #ff34b3;
          background-position: -180px 0px; }
        html body[class*="backend"] main div.ruolo.rr-11 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-3 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-7 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-24 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-14 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-15 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-13 {
          background-color: #8470ff;
          background-position: -150px 0px; }
        html body[class*="backend"] main div.ruolo.rr-22 {
          background-color: #cdaa7d;
          background-position: 0px -30px; }
        html body[class*="backend"] main div.ruolo.rr-34 {
          background-color: #cdaa7d;
          background-position: 0px -30px; }
        html body[class*="backend"] main div.ruolo.rr-18 {
          background-color: #dc143c;
          background-position: -60px 0px; }
        html body[class*="backend"] main div.ruolo.rr-23 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-12 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-1 {
          background-color: #ff6103;
          background-position: -210px 0px; }
        html body[class*="backend"] main div.ruolo.rr-28 {
          background-color: #ff6103;
          background-position: -210px 0px; }
        html body[class*="backend"] main div.ruolo.rr-6 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-9 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-10 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-25 {
          background-color: #cdaa7d;
          background-position: 0px -30px; }
        html body[class*="backend"] main div.ruolo.rr-4 {
          background-color: #ff7f50;
          background-position: -240px 0px; }
        html body[class*="backend"] main div.ruolo.rr-21 {
          background-color: #228b22;
          background-position: -90px 0px; }
        html body[class*="backend"] main div.ruolo.rr-29 {
          background-color: #228b22;
          background-position: -90px 0px; }
        html body[class*="backend"] main div.ruolo.rr-20 {
          background-color: #32cd32;
          background-position: -270px 0px; }
        html body[class*="backend"] main div.ruolo.rr-30 {
          background-color: #32cd32;
          background-position: -270px 0px; }
        html body[class*="backend"] main div.ruolo.rr-19 {
          background-color: #121212;
          background-position: 0px 0px; }
        html body[class*="backend"] main div.ruolo.rr-16 {
          background-color: #6495ed;
          background-position: -30px 0px; }
    html body[class*="backend"] footer {
      background-color: #27272d;
      background-image: none;
      border-top: solid 1px rgba(255, 255, 255, 0.25); }
      html body[class*="backend"] footer .footer-area {
        color: #9EA2A2; }
    html body[class*="backend"] .modal .modal-content .modal-body a {
      color: #ffffff; }
  html body[class*="report"] .bg-white p {
    color: #4a4a4a; }
  html body.timesheet-analysis .analysis-report p:last-child {
    margin-bottom: 0; }
  html body.timesheet-analysis .analysis-report .ore p {
    font-weight: 700; }
    html body.timesheet-analysis .analysis-report .ore p span {
      font-weight: 400; }
  html body.timesheet-analysis .analysis-report .analysis-header {
    font-size: 1rem;
    padding: 1.25rem calc(1.25rem + 1rem + 1.25rem + 1.25rem) 1.25rem 1.25rem;
    background-color: #bbbbbb; }
  html body.timesheet-analysis .analysis-report .analysis-content {
    background-color: #ffffff; }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv1 .accordion-row .accordion-content {
      padding: 0; }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv1 .accordion-row .accordion-header {
      background-color: rgba(187, 187, 187, 0.75); }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv1 .accordion-row .accordion.lv2 .accordion-row {
      border-bottom: solid 1px #bbbbbb; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv1 .accordion-row .accordion.lv2 .accordion-row .accordion-header {
        font-weight: 400;
        background-color: rgba(187, 187, 187, 0.35); }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv1 .accordion-row .accordion.lv2:last-child .accordion-row {
      border-bottom: none; }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv1:last-child .accordion-row.active {
      border-bottom: none; }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv2 .accordion-row {
      border-bottom: solid 1px #bbbbbb; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv2 .accordion-row .accordion-header {
        padding-left: calc(1.25rem * 2); }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis.lv2 .accordion-row .accordion-content {
        border-top: none;
        padding: 1.25rem calc(1.25rem + 1rem + 1.25rem + 1.25rem) 1.25rem calc(1.25rem * 3); }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-header {
      font-weight: 500; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-header span {
        font-weight: 400; }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-3 {
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      border-bottom: solid 1px #bbbbbb; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-3:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-3 .lv-header {
        font-weight: 500;
        padding-bottom: .5rem; }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-4 {
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      border-bottom: dotted 1px #bbbbbb; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-4:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-4 .lv-header {
        padding-bottom: .5rem; }
        html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-4 .lv-header span {
          font-weight: 400;
          font-style: italic; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-4 .lv-content {
        padding-left: 1rem; }
        html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-4 .lv-content p {
          margin-bottom: 0; }
          html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .lv-4 .lv-content p span {
            font-style: italic; }
    html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .attivita {
      padding: .5rem;
      background-color: rgba(255, 255, 255, 0.75);
      margin-bottom: .5rem; }
      html body.timesheet-analysis .analysis-report .analysis-content .accordion-timesheet-analysis .accordion-content .attivita:last-child {
        margin-bottom: 0; }
  html body.pwa {
    padding-bottom: 3.125rem; }
    html body.pwa .pwa-footer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3.125rem;
      z-index: 9999;
      background-color: #1a1c33; }

@keyframes spinner-chase {
  100% {
    transform: rotate(360deg); } }
@keyframes chase-dot {
  80%, 100% {
    transform: rotate(360deg); } }
@keyframes chase-dot-before {
  50% {
    transform: scale(0.4); }
  100%, 0% {
    transform: scale(1); } }
.projectmanager-area .selector {
  width: 80%;
  margin-right: 5%; }
.projectmanager-area #projectmanagerlist {
  max-width: 100%;
  font-size: 0; }
  .projectmanager-area #projectmanagerlist .projectmanager {
    margin-bottom: .3125rem;
    margin-right: .3125rem;
    padding-right: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    color: #293C47;
    font-weight: 500;
    padding-left: 0;
    clear: both;
    float: left; }
    .projectmanager-area #projectmanagerlist .projectmanager .rimoviPM {
      background-color: #9ea2a2;
      border-radius: 50%;
      padding: .6875rem;
      /*margin-left: .3125rem;*/
      margin-left: .625rem;
      display: inline-block;
      transition: all 0.25s cubic-bezier(0.59, 0.36, 0.39, 0.715) 0s; }
      .projectmanager-area #projectmanagerlist .projectmanager .rimoviPM .delete_w {
        height: 1.25rem;
        width: 1.25rem;
        background-size: 1rem; }
    .projectmanager-area #projectmanagerlist .projectmanager:hover .rimoviPM {
      background-color: #47495C; }

.vdrlist {
  border-right: solid 1px #E5E8EF;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 600px) {
    .vdrlist {
      border-right: none !important; } }
  .vdrlist .checkbox-area.mainarea label {
    background: #f1f1f1;
    padding: .75rem .5rem;
    width: auto;
    display: block;
    margin-bottom: .25rem !important; }
  .vdrlist .checkbox-area.mainarea input, .vdrlist .checkbox-area.mainarea html body main .form-area select, html body main .form-area .vdrlist .checkbox-area.mainarea select, .vdrlist .checkbox-area.mainarea html body main .form-area textarea, html body main .form-area .vdrlist .checkbox-area.mainarea textarea {
    vertical-align: middle; }
    .vdrlist .checkbox-area.mainarea input[type=checkbox], .vdrlist .checkbox-area.mainarea html body main .form-area select[type=checkbox], html body main .form-area .vdrlist .checkbox-area.mainarea select[type=checkbox], .vdrlist .checkbox-area.mainarea html body main .form-area textarea[type=checkbox], html body main .form-area .vdrlist .checkbox-area.mainarea textarea[type=checkbox] {
      background-color: #ccc;
      border-color: #ccc; }
      .vdrlist .checkbox-area.mainarea input[type=checkbox]:checked, .vdrlist .checkbox-area.mainarea html body main .form-area select[type=checkbox]:checked, html body main .form-area .vdrlist .checkbox-area.mainarea select[type=checkbox]:checked, .vdrlist .checkbox-area.mainarea html body main .form-area textarea[type=checkbox]:checked, html body main .form-area .vdrlist .checkbox-area.mainarea textarea[type=checkbox]:checked {
        background: #4a4a4a; }
  .vdrlist .checkbox-area.mainarea h5 {
    text-transform: none;
    font-size: 1rem; }
  .vdrlist .attivitavdr label {
    text-transform: none;
    font-weight: 400; }
  .vdrlist:nth-child(4n + 1) {
    border-right: none; }

#AddGruppoLavoro #users, #Fornitore #users {
  background-color: rgba(222, 222, 222, 0.5);
  border-radius: .5rem;
  width: 100%;
  height: calc((.875rem * 1.2) + (.625rem * 2)); }
#AddGruppoLavoro input:not(.btn), #AddGruppoLavoro html body main .form-area select:not(.btn), html body main .form-area #AddGruppoLavoro select:not(.btn), #AddGruppoLavoro html body main .form-area textarea:not(.btn), html body main .form-area #AddGruppoLavoro textarea:not(.btn), #AddGruppoLavoro .select-wrapper, #AddGruppoLavoro html body main .form-area .select-wrapper-multiple, html body main .form-area #AddGruppoLavoro .select-wrapper-multiple, #AddGruppoLavoro #totale, #Fornitore input:not(.btn), #Fornitore html body main .form-area select:not(.btn), html body main .form-area #Fornitore select:not(.btn), #Fornitore html body main .form-area textarea:not(.btn), html body main .form-area #Fornitore textarea:not(.btn), #Fornitore .select-wrapper, #Fornitore html body main .form-area .select-wrapper-multiple, html body main .form-area #Fornitore .select-wrapper-multiple, #Fornitore #totale {
  background-color: #dedede; }
#AddGruppoLavoro .select-wrapper:after, #AddGruppoLavoro html body main .form-area .select-wrapper-multiple:after, html body main .form-area #AddGruppoLavoro .select-wrapper-multiple:after, #Fornitore .select-wrapper:after, #Fornitore html body main .form-area .select-wrapper-multiple:after, html body main .form-area #Fornitore .select-wrapper-multiple:after {
  z-index: 1; }

#offer-users #elimina .y, #offer-users #elimina .n {
  cursor: pointer;
  border-radius: .5rem;
  padding: .3125rem; }
  #offer-users #elimina .y:hover, #offer-users #elimina .n:hover {
    background-color: rgba(158, 162, 162, 0.5); }
#offer-users #elimina .y {
  margin-right: .3125rem; }

#offer-supplire .select-wrapper, #offer-supplire html body main .form-area .select-wrapper-multiple, html body main .form-area #offer-supplire .select-wrapper-multiple {
  margin-bottom: .3125rem; }

#areaCostiOfferta {
  color: #1a1c33; }
  #areaCostiOfferta span {
    font-weight: 500; }
  #areaCostiOfferta .elenco label {
    margin-bottom: 1rem; }
  #areaCostiOfferta .elenco .totale {
    border-top: solid 1px #E5E8EF;
    padding-top: .625rem;
    margin-top: .625rem;
    font-size: 1rem;
    font-weight: 500; }
    #areaCostiOfferta .elenco .totale input[name=markupgen], #areaCostiOfferta .elenco .totale html body main .form-area select[name=markupgen], html body main .form-area #areaCostiOfferta .elenco .totale select[name=markupgen], #areaCostiOfferta .elenco .totale html body main .form-area textarea[name=markupgen], html body main .form-area #areaCostiOfferta .elenco .totale textarea[name=markupgen] {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }

.sal-box {
	border: 1px solid #909090;
    padding-top: 10px;
    border-radius: 10px;
}

.sal-box table {
	margin-bottom: 0px;
	border-collapse: collapse;
	border-radius: 10px;
	overflow: hidden;
}

#sal-apertura th, #sal-apertura td, #sal-avanzamento th, #sal-avanzamento td, #sal-consuntivo th, #sal-consuntivo td{
	font-size: 10px;
}	
	 
	 

/*# sourceMappingURL=yu.4.0.0.css.map */