@charset "UTF-8";
@layer normalize, layout, typography, misc, components, animations, custom;
.ph-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 15px 15px 15px;
  margin-bottom: 30px;
  overflow: hidden;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}

.ph-item,
.ph-item *,
.ph-item ::after,
.ph-item ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ph-item::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  pointer-events: none;
  content: " ";
  background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.35)), color-stop(54%, rgba(255, 255, 255, 0))) 50% 50%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  -webkit-animation: ph-animation 0.8s linear infinite;
          animation: ph-animation 0.8s linear infinite;
}

.ph-item > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
}

.ph-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -7.5px;
}

.ph-row div {
  height: 10px;
  margin-top: 7.5px;
  background-color: #ced4da;
}

.ph-row .big, .ph-row.big div {
  height: 20px;
}

.ph-row .empty {
  background-color: rgba(255, 255, 255, 0);
}

.ph-col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
}

.ph-col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
}

.ph-col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.ph-col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
}

.ph-col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
}

.ph-col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

[class*=ph-col] {
  direction: ltr;
}

[class*=ph-col] > * + .ph-row {
  margin-top: 0;
}

[class*=ph-col] > * + * {
  margin-top: 7.5px;
}

.ph-avatar {
  position: relative;
  width: 100%;
  min-width: 60px;
  overflow: hidden;
  background-color: #ced4da;
  border-radius: 50%;
}

.ph-avatar::before {
  display: block;
  padding-top: 100%;
  content: " ";
}

.ph-picture {
  width: 100%;
  height: 120px;
  background-color: #ced4da;
}

@-webkit-keyframes ph-animation {
  0% {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }
}

@keyframes ph-animation {
  0% {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }
}
:root {
  --col-sport-0: #fff;
  --col-nessuno: var(--col-sport-0);
  --col-sport-0-tint1: #fff44;
  --col-sport-0-tint2: #fff22;
  --col-nessuno-tint1: var(--col-sport-0-tint1);
  --col-nessuno-tint2: var(--col-sport-0-tint2);
  --col-sport-1: #cc2323;
  --col-podismo: var(--col-sport-1);
  --col-sport-1-tint1: #cc232344;
  --col-sport-1-tint2: #cc232322;
  --col-podismo-tint1: var(--col-sport-1-tint1);
  --col-podismo-tint2: var(--col-sport-1-tint2);
  --col-sport-2: #399434;
  --col-ciclismo: var(--col-sport-2);
  --col-sport-2-tint1: #39943444;
  --col-sport-2-tint2: #39943422;
  --col-ciclismo-tint1: var(--col-sport-2-tint1);
  --col-ciclismo-tint2: var(--col-sport-2-tint2);
  --col-sport-3: #358ab5;
  --col-nuoto: var(--col-sport-3);
  --col-sport-3-tint1: #358ab544;
  --col-sport-3-tint2: #358ab522;
  --col-nuoto-tint1: var(--col-sport-3-tint1);
  --col-nuoto-tint2: var(--col-sport-3-tint2);
  --col-sport-4: #284699;
  --col-nuoto_acque_libere: var(--col-sport-4);
  --col-sport-4-tint1: #28469944;
  --col-sport-4-tint2: #28469922;
  --col-nuoto_acque_libere-tint1: var(--col-sport-4-tint1);
  --col-nuoto_acque_libere-tint2: var(--col-sport-4-tint2);
  --col-sport-5: #973797;
  --col-palestra: var(--col-sport-5);
  --col-sport-5-tint1: #97379744;
  --col-sport-5-tint2: #97379722;
  --col-palestra-tint1: var(--col-sport-5-tint1);
  --col-palestra-tint2: var(--col-sport-5-tint2);
  --col-sport-6: #ffcc00;
  --col-alimentazione: var(--col-sport-6);
  --col-sport-6-tint1: #ffcc0044;
  --col-sport-6-tint2: #ffcc0022;
  --col-alimentazione-tint1: var(--col-sport-6-tint1);
  --col-alimentazione-tint2: var(--col-sport-6-tint2);
  --col-sport-7: #77af6b;
  --col-duathlon: var(--col-sport-7);
  --col-sport-7-tint1: #77af6b44;
  --col-sport-7-tint2: #77af6b22;
  --col-duathlon-tint1: var(--col-sport-7-tint1);
  --col-duathlon-tint2: var(--col-sport-7-tint2);
  --col-sport-8: #fff;
  --col-sci_fondo: var(--col-sport-8);
  --col-sport-8-tint1: #fff44;
  --col-sport-8-tint2: #fff22;
  --col-sci_fondo-tint1: var(--col-sport-8-tint1);
  --col-sci_fondo-tint2: var(--col-sport-8-tint2);
  --col-sport-9: #B200FF;
  --col-triathlon: var(--col-sport-9);
  --col-sport-9-tint1: #B200FF44;
  --col-sport-9-tint2: #B200FF22;
  --col-triathlon-tint1: var(--col-sport-9-tint1);
  --col-triathlon-tint2: var(--col-sport-9-tint2);
  --col-sport-10: #aaaadd;
  --col-riposo: var(--col-sport-10);
  --col-sport-10-tint1: #aaaadd44;
  --col-sport-10-tint2: #aaaadd22;
  --col-riposo-tint1: var(--col-sport-10-tint1);
  --col-riposo-tint2: var(--col-sport-10-tint2);
  --col-sport-11: #f65ede;
  --col-custom: var(--col-sport-11);
  --col-sport-11-tint1: #f65ede44;
  --col-sport-11-tint2: #f65ede22;
  --col-custom-tint1: var(--col-sport-11-tint1);
  --col-custom-tint2: var(--col-sport-11-tint2);
  --col-sport-12: #54d7d5;
  --col-aquathlon: var(--col-sport-12);
  --col-sport-12-tint1: #54d7d544;
  --col-sport-12-tint2: #54d7d522;
  --col-aquathlon-tint1: var(--col-sport-12-tint1);
  --col-aquathlon-tint2: var(--col-sport-12-tint2);
  --col-sport-13: #ff8200;
  --col-sci: var(--col-sport-13);
  --col-sport-13-tint1: #ff820044;
  --col-sport-13-tint2: #ff820022;
  --col-sci-tint1: var(--col-sport-13-tint1);
  --col-sci-tint2: var(--col-sport-13-tint2);
}
:root .color-sport-0,
:root .color-sport-nessuno {
  --color: var(--col-nessuno);
}
:root .color-sport-0-tint1,
:root .color-sport-nessuno-tint1 {
  --color: var(--col-nessuno-tint1);
}
:root .color-sport-0-tint2,
:root .color-sport-nessuno-tint2 {
  --color: var(--col-nessuno-tint2);
}
:root .msp-icon-sport-0,
:root .msp-icon-sport-nessuno {
  --ico-color: var(--col-nessuno) ;
}
:root .sport-0:before,
:root .msp-icon-sport-nessuno:before,
:root .msp-icon-sport-0:before {
  content: var(--ico-nessuno);
}
:root .color-sport-1,
:root .color-sport-podismo {
  --color: var(--col-podismo);
}
:root .color-sport-1-tint1,
:root .color-sport-podismo-tint1 {
  --color: var(--col-podismo-tint1);
}
:root .color-sport-1-tint2,
:root .color-sport-podismo-tint2 {
  --color: var(--col-podismo-tint2);
}
:root .msp-icon-sport-1,
:root .msp-icon-sport-podismo {
  --ico-color: var(--col-podismo) ;
}
:root .sport-1:before,
:root .msp-icon-sport-podismo:before,
:root .msp-icon-sport-1:before {
  content: var(--ico-podismo);
}
:root .color-sport-2,
:root .color-sport-ciclismo {
  --color: var(--col-ciclismo);
}
:root .color-sport-2-tint1,
:root .color-sport-ciclismo-tint1 {
  --color: var(--col-ciclismo-tint1);
}
:root .color-sport-2-tint2,
:root .color-sport-ciclismo-tint2 {
  --color: var(--col-ciclismo-tint2);
}
:root .msp-icon-sport-2,
:root .msp-icon-sport-ciclismo {
  --ico-color: var(--col-ciclismo) ;
}
:root .sport-2:before,
:root .msp-icon-sport-ciclismo:before,
:root .msp-icon-sport-2:before {
  content: var(--ico-ciclismo);
}
:root .color-sport-3,
:root .color-sport-nuoto {
  --color: var(--col-nuoto);
}
:root .color-sport-3-tint1,
:root .color-sport-nuoto-tint1 {
  --color: var(--col-nuoto-tint1);
}
:root .color-sport-3-tint2,
:root .color-sport-nuoto-tint2 {
  --color: var(--col-nuoto-tint2);
}
:root .msp-icon-sport-3,
:root .msp-icon-sport-nuoto {
  --ico-color: var(--col-nuoto) ;
}
:root .sport-3:before,
:root .msp-icon-sport-nuoto:before,
:root .msp-icon-sport-3:before {
  content: var(--ico-nuoto);
}
:root .color-sport-4,
:root .color-sport-nuoto_acque_libere {
  --color: var(--col-nuoto_acque_libere);
}
:root .color-sport-4-tint1,
:root .color-sport-nuoto_acque_libere-tint1 {
  --color: var(--col-nuoto_acque_libere-tint1);
}
:root .color-sport-4-tint2,
:root .color-sport-nuoto_acque_libere-tint2 {
  --color: var(--col-nuoto_acque_libere-tint2);
}
:root .msp-icon-sport-4,
:root .msp-icon-sport-nuoto_acque_libere {
  --ico-color: var(--col-nuoto_acque_libere) ;
}
:root .sport-4:before,
:root .msp-icon-sport-nuoto_acque_libere:before,
:root .msp-icon-sport-4:before {
  content: var(--ico-nuoto_acque_libere);
}
:root .color-sport-5,
:root .color-sport-palestra {
  --color: var(--col-palestra);
}
:root .color-sport-5-tint1,
:root .color-sport-palestra-tint1 {
  --color: var(--col-palestra-tint1);
}
:root .color-sport-5-tint2,
:root .color-sport-palestra-tint2 {
  --color: var(--col-palestra-tint2);
}
:root .msp-icon-sport-5,
:root .msp-icon-sport-palestra {
  --ico-color: var(--col-palestra) ;
}
:root .sport-5:before,
:root .msp-icon-sport-palestra:before,
:root .msp-icon-sport-5:before {
  content: var(--ico-palestra);
}
:root .color-sport-6,
:root .color-sport-alimentazione {
  --color: var(--col-alimentazione);
}
:root .color-sport-6-tint1,
:root .color-sport-alimentazione-tint1 {
  --color: var(--col-alimentazione-tint1);
}
:root .color-sport-6-tint2,
:root .color-sport-alimentazione-tint2 {
  --color: var(--col-alimentazione-tint2);
}
:root .msp-icon-sport-6,
:root .msp-icon-sport-alimentazione {
  --ico-color: var(--col-alimentazione) ;
}
:root .sport-6:before,
:root .msp-icon-sport-alimentazione:before,
:root .msp-icon-sport-6:before {
  content: var(--ico-alimentazione);
}
:root .color-sport-7,
:root .color-sport-duathlon {
  --color: var(--col-duathlon);
}
:root .color-sport-7-tint1,
:root .color-sport-duathlon-tint1 {
  --color: var(--col-duathlon-tint1);
}
:root .color-sport-7-tint2,
:root .color-sport-duathlon-tint2 {
  --color: var(--col-duathlon-tint2);
}
:root .msp-icon-sport-7,
:root .msp-icon-sport-duathlon {
  --ico-color: var(--col-duathlon) ;
}
:root .sport-7:before,
:root .msp-icon-sport-duathlon:before,
:root .msp-icon-sport-7:before {
  content: var(--ico-duathlon);
}
:root .color-sport-8,
:root .color-sport-sci_fondo {
  --color: var(--col-sci_fondo);
}
:root .color-sport-8-tint1,
:root .color-sport-sci_fondo-tint1 {
  --color: var(--col-sci_fondo-tint1);
}
:root .color-sport-8-tint2,
:root .color-sport-sci_fondo-tint2 {
  --color: var(--col-sci_fondo-tint2);
}
:root .msp-icon-sport-8,
:root .msp-icon-sport-sci_fondo {
  --ico-color: var(--col-sci_fondo) ;
}
:root .sport-8:before,
:root .msp-icon-sport-sci_fondo:before,
:root .msp-icon-sport-8:before {
  content: var(--ico-sci_fondo);
}
:root .color-sport-9,
:root .color-sport-triathlon {
  --color: var(--col-triathlon);
}
:root .color-sport-9-tint1,
:root .color-sport-triathlon-tint1 {
  --color: var(--col-triathlon-tint1);
}
:root .color-sport-9-tint2,
:root .color-sport-triathlon-tint2 {
  --color: var(--col-triathlon-tint2);
}
:root .msp-icon-sport-9,
:root .msp-icon-sport-triathlon {
  --ico-color: var(--col-triathlon) ;
}
:root .sport-9:before,
:root .msp-icon-sport-triathlon:before,
:root .msp-icon-sport-9:before {
  content: var(--ico-triathlon);
}
:root .color-sport-10,
:root .color-sport-riposo {
  --color: var(--col-riposo);
}
:root .color-sport-10-tint1,
:root .color-sport-riposo-tint1 {
  --color: var(--col-riposo-tint1);
}
:root .color-sport-10-tint2,
:root .color-sport-riposo-tint2 {
  --color: var(--col-riposo-tint2);
}
:root .msp-icon-sport-10,
:root .msp-icon-sport-riposo {
  --ico-color: var(--col-riposo) ;
}
:root .sport-10:before,
:root .msp-icon-sport-riposo:before,
:root .msp-icon-sport-10:before {
  content: var(--ico-riposo);
}
:root .color-sport-11,
:root .color-sport-custom {
  --color: var(--col-custom);
}
:root .color-sport-11-tint1,
:root .color-sport-custom-tint1 {
  --color: var(--col-custom-tint1);
}
:root .color-sport-11-tint2,
:root .color-sport-custom-tint2 {
  --color: var(--col-custom-tint2);
}
:root .msp-icon-sport-11,
:root .msp-icon-sport-custom {
  --ico-color: var(--col-custom) ;
}
:root .sport-11:before,
:root .msp-icon-sport-custom:before,
:root .msp-icon-sport-11:before {
  content: var(--ico-custom);
}
:root .color-sport-12,
:root .color-sport-aquathlon {
  --color: var(--col-aquathlon);
}
:root .color-sport-12-tint1,
:root .color-sport-aquathlon-tint1 {
  --color: var(--col-aquathlon-tint1);
}
:root .color-sport-12-tint2,
:root .color-sport-aquathlon-tint2 {
  --color: var(--col-aquathlon-tint2);
}
:root .msp-icon-sport-12,
:root .msp-icon-sport-aquathlon {
  --ico-color: var(--col-aquathlon) ;
}
:root .sport-12:before,
:root .msp-icon-sport-aquathlon:before,
:root .msp-icon-sport-12:before {
  content: var(--ico-aquathlon);
}
:root .color-sport-13,
:root .color-sport-sci {
  --color: var(--col-sci);
}
:root .color-sport-13-tint1,
:root .color-sport-sci-tint1 {
  --color: var(--col-sci-tint1);
}
:root .color-sport-13-tint2,
:root .color-sport-sci-tint2 {
  --color: var(--col-sci-tint2);
}
:root .msp-icon-sport-13,
:root .msp-icon-sport-sci {
  --ico-color: var(--col-sci) ;
}
:root .sport-13:before,
:root .msp-icon-sport-sci:before,
:root .msp-icon-sport-13:before {
  content: var(--ico-sci);
}

:root {
  --h-msp-50: hsl(95deg, 64.4628099174%, 95%);
  --h-msp-100: hsl(95deg, 64.4628099174%, 89.7167755991%);
  --h-msp-150: hsl(95deg, 64.4628099174%, 84.4335511983%);
  --h-msp-200: hsl(95deg, 64.4628099174%, 79.1503267974%);
  --h-msp-250: hsl(95deg, 64.4628099174%, 73.8671023965%);
  --h-msp-300: hsl(95deg, 64.4628099174%, 68.5838779956%);
  --h-msp-350: hsl(95deg, 64.4628099174%, 63.3006535948%);
  --h-msp-400: hsl(95deg, 64.4628099174%, 58.0174291939%);
  --h-msp-450: hsl(95deg, 64.4628099174%, 52.734204793%);
  --h-msp-500: hsl(95deg, 64.4628099174%, 47.4509803922%);
  --h-msp-550: hsl(95deg, 64.4628099174%, 42.734204793%);
  --h-msp-600: hsl(95deg, 64.4628099174%, 38.0174291939%);
  --h-msp-650: hsl(95deg, 64.4628099174%, 33.3006535948%);
  --h-msp-700: hsl(95deg, 64.4628099174%, 28.5838779956%);
  --h-msp-750: hsl(95deg, 64.4628099174%, 23.8671023965%);
  --h-msp-800: hsl(95deg, 64.4628099174%, 19.1503267974%);
  --h-msp-850: hsl(95deg, 64.4628099174%, 14.4335511983%);
  --h-msp-900: hsl(95deg, 64.4628099174%, 9.7167755991%);
  --h-msp-950: hsl(95deg, 64.4628099174%, 5%);
  --h-danger-50: hsl(0deg, 100%, 95%);
  --h-danger-100: hsl(0deg, 100%, 88.8888888889%);
  --h-danger-150: hsl(0deg, 100%, 82.7777777778%);
  --h-danger-200: hsl(0deg, 100%, 76.6666666667%);
  --h-danger-250: hsl(0deg, 100%, 70.5555555556%);
  --h-danger-300: hsl(0deg, 100%, 64.4444444444%);
  --h-danger-350: hsl(0deg, 100%, 58.3333333333%);
  --h-danger-400: hsl(0deg, 100%, 52.2222222222%);
  --h-danger-450: hsl(0deg, 100%, 46.1111111111%);
  --h-danger-500: hsl(0deg, 100%, 40%);
  --h-danger-550: hsl(0deg, 100%, 36.1111111111%);
  --h-danger-600: hsl(0deg, 100%, 32.2222222222%);
  --h-danger-650: hsl(0deg, 100%, 28.3333333333%);
  --h-danger-700: hsl(0deg, 100%, 24.4444444444%);
  --h-danger-750: hsl(0deg, 100%, 20.5555555556%);
  --h-danger-800: hsl(0deg, 100%, 16.6666666667%);
  --h-danger-850: hsl(0deg, 100%, 12.7777777778%);
  --h-danger-900: hsl(0deg, 100%, 8.8888888889%);
  --h-danger-950: hsl(0deg, 100%, 5%);
  --h-warning-50: hsl(48.813559322deg, 88.0597014925%, 95%);
  --h-warning-100: hsl(48.813559322deg, 88.0597014925%, 92.6361655773%);
  --h-warning-150: hsl(48.813559322deg, 88.0597014925%, 90.2723311547%);
  --h-warning-200: hsl(48.813559322deg, 88.0597014925%, 87.908496732%);
  --h-warning-250: hsl(48.813559322deg, 88.0597014925%, 85.5446623094%);
  --h-warning-300: hsl(48.813559322deg, 88.0597014925%, 83.1808278867%);
  --h-warning-350: hsl(48.813559322deg, 88.0597014925%, 80.8169934641%);
  --h-warning-400: hsl(48.813559322deg, 88.0597014925%, 78.4531590414%);
  --h-warning-450: hsl(48.813559322deg, 88.0597014925%, 76.0893246187%);
  --h-warning-500: hsl(48.813559322deg, 88.0597014925%, 73.7254901961%);
  --h-warning-550: hsl(48.813559322deg, 88.0597014925%, 66.0893246187%);
  --h-warning-600: hsl(48.813559322deg, 88.0597014925%, 58.4531590414%);
  --h-warning-650: hsl(48.813559322deg, 88.0597014925%, 50.8169934641%);
  --h-warning-700: hsl(48.813559322deg, 88.0597014925%, 43.1808278867%);
  --h-warning-750: hsl(48.813559322deg, 88.0597014925%, 35.5446623094%);
  --h-warning-800: hsl(48.813559322deg, 88.0597014925%, 27.908496732%);
  --h-warning-850: hsl(48.813559322deg, 88.0597014925%, 20.2723311547%);
  --h-warning-900: hsl(48.813559322deg, 88.0597014925%, 12.6361655773%);
  --h-warning-950: hsl(48.813559322deg, 88.0597014925%, 5%);
  --h-success-50: hsl(120deg, 40.157480315%, 95%);
  --h-success-100: hsl(120deg, 40.157480315%, 89.9782135076%);
  --h-success-150: hsl(120deg, 40.157480315%, 84.9564270153%);
  --h-success-200: hsl(120deg, 40.157480315%, 79.9346405229%);
  --h-success-250: hsl(120deg, 40.157480315%, 74.9128540305%);
  --h-success-300: hsl(120deg, 40.157480315%, 69.8910675381%);
  --h-success-350: hsl(120deg, 40.157480315%, 64.8692810458%);
  --h-success-400: hsl(120deg, 40.157480315%, 59.8474945534%);
  --h-success-450: hsl(120deg, 40.157480315%, 54.825708061%);
  --h-success-500: hsl(120deg, 40.157480315%, 49.8039215686%);
  --h-success-550: hsl(120deg, 40.157480315%, 44.825708061%);
  --h-success-600: hsl(120deg, 40.157480315%, 39.8474945534%);
  --h-success-650: hsl(120deg, 40.157480315%, 34.8692810458%);
  --h-success-700: hsl(120deg, 40.157480315%, 29.8910675381%);
  --h-success-750: hsl(120deg, 40.157480315%, 24.9128540305%);
  --h-success-800: hsl(120deg, 40.157480315%, 19.9346405229%);
  --h-success-850: hsl(120deg, 40.157480315%, 14.9564270153%);
  --h-success-900: hsl(120deg, 40.157480315%, 9.9782135076%);
  --h-success-950: hsl(120deg, 40.157480315%, 5%);
  --h-grigio-50: hsl(0deg, 0%, 95%);
  --h-grigio-100: hsl(0deg, 0%, 89.6296296296%);
  --h-grigio-150: hsl(0deg, 0%, 84.2592592593%);
  --h-grigio-200: hsl(0deg, 0%, 78.8888888889%);
  --h-grigio-250: hsl(0deg, 0%, 73.5185185185%);
  --h-grigio-300: hsl(0deg, 0%, 68.1481481481%);
  --h-grigio-350: hsl(0deg, 0%, 62.7777777778%);
  --h-grigio-400: hsl(0deg, 0%, 57.4074074074%);
  --h-grigio-450: hsl(0deg, 0%, 52.037037037%);
  --h-grigio-500: hsl(0deg, 0%, 46.6666666667%);
  --h-grigio-550: hsl(0deg, 0%, 42.037037037%);
  --h-grigio-600: hsl(0deg, 0%, 37.4074074074%);
  --h-grigio-650: hsl(0deg, 0%, 32.7777777778%);
  --h-grigio-700: hsl(0deg, 0%, 28.1481481481%);
  --h-grigio-750: hsl(0deg, 0%, 23.5185185185%);
  --h-grigio-800: hsl(0deg, 0%, 18.8888888889%);
  --h-grigio-850: hsl(0deg, 0%, 14.2592592593%);
  --h-grigio-900: hsl(0deg, 0%, 9.6296296296%);
  --h-grigio-950: hsl(0deg, 0%, 5%);
  --h-gara-50: hsl(50.5882352941deg, 100%, 95%);
  --h-gara-100: hsl(50.5882352941deg, 100%, 90%);
  --h-gara-150: hsl(50.5882352941deg, 100%, 85%);
  --h-gara-200: hsl(50.5882352941deg, 100%, 80%);
  --h-gara-250: hsl(50.5882352941deg, 100%, 75%);
  --h-gara-300: hsl(50.5882352941deg, 100%, 70%);
  --h-gara-350: hsl(50.5882352941deg, 100%, 65%);
  --h-gara-400: hsl(50.5882352941deg, 100%, 60%);
  --h-gara-450: hsl(50.5882352941deg, 100%, 55%);
  --h-gara-500: hsl(50.5882352941deg, 100%, 50%);
  --h-gara-550: hsl(50.5882352941deg, 100%, 45%);
  --h-gara-600: hsl(50.5882352941deg, 100%, 40%);
  --h-gara-650: hsl(50.5882352941deg, 100%, 35%);
  --h-gara-700: hsl(50.5882352941deg, 100%, 30%);
  --h-gara-750: hsl(50.5882352941deg, 100%, 25%);
  --h-gara-800: hsl(50.5882352941deg, 100%, 20%);
  --h-gara-850: hsl(50.5882352941deg, 100%, 15%);
  --h-gara-900: hsl(50.5882352941deg, 100%, 10%);
  --h-gara-950: hsl(50.5882352941deg, 100%, 5%);
}

.h-bg-grigio {
  background-color: var(--col-grigio);
}

.h-bg-grigio-chiarissimo {
  background-color: var(--col-grigio-chiarissimo);
}

.h-bg-grigio-piuchiaro {
  background-color: var(--col-grigio-piuchiaro);
}

.h-bg-grigio-chiaro {
  background-color: var(--col-grigio-chiaro);
}

.h-bg-grigio-medio {
  background-color: var(--col-grigio-medio);
}

.h-bg-grigio-scuro {
  background-color: var(--col-grigio-scuro);
}

:root {
  --col-grigio: var(--h-grigio-500);
  --col-grigio-chiarissimo: var(--h-grigio-100);
  --col-grigio-piuchiaro: var(--h-grigio-200);
  --col-grigio-chiaro: var(--h-grigio-250);
  --col-grigio-medio: var(--h-grigio-600);
  --col-grigio-scuro: var(--h-grigio-850);
  --col-danger-chiaro: var(--h-danger-300);
  --col-danger-light: var(--h-danger-300);
  --col-tint-danger: var(--h-danger-100);
  --col-gara: var(--h-gara-500);
  --col-gara-tint1: var(--h-gara-350);
  --col-gara-tint2: var(--h-gara-150);
  --col-gara-opaque: var(--h-gara-200);
  --text-color: var(--color-primary);
  --background-color: var(--color-secondary);
  --col-transparent: transparent;
  --col-msp: var(--h-msp-500);
  --col-msp-chiaro: var(--h-msp-300);
  --col-msp-chiarissimo: var(--h-msp-100);
  --col-msp-scuro: var(--h-msp-700);
  --color: var(--col-msp);
  --col-testata: var(--col-grigio-scuro);
  --col-grigio-azzurro: #73879C;
  --col-white: #ffffff;
  --col-danger: #cc0000;
  --col-warning: #f7e181;
  --col-success: var(--col-ui-primary);
  --col-bg-titles: #ffed49;
  --col-ico-sport: var(--col-grigio-medio);
  --col-recupero: var(--col-riposo);
  --col-custom: #d73fa3;
  --col-ui-primary: var(--col-msp);
  --col-ui-light: #CCCCCC;
  --col-ui-medium: #777777;
  --col-ui-dark: #3F403F;
  --col-ui-evidenza: #E78C0C;
  --col-ui-evidenza-chiaro: #eeaf56;
  --col-ui-evidenza-tint: #f7e181;
  --col-ui-active: var(--col-ui-evidenza);
  --col-ombra: rgba(0,0,0,0.5);
  --col-ombra-lieve: rgba(0,0,0,0.08);
  --col-table1: var(--col-grigio-medio);
  --col-table2: var(--col-grigio-chiaro);
  --col-velocita: #66b6d4;
  --col-passo: #66b6d4;
  --col-potenza: #aa00ff;
  --col-cardio: #990000;
  --col-cadenza: #e8ca46;
  --col-altimetria: #cccccc;
  --col-distanza: #ffffff00;
}

.h-bg-msp-50 {
  background-color: var(--h-msp-50);
}

.h-text-msp-50 {
  color: var(--h-msp-50);
}

.h-border-msp-50 {
  border-color: var(--h-msp-50);
}

.h-bg-msp-100 {
  background-color: var(--h-msp-100);
}

.h-text-msp-100 {
  color: var(--h-msp-100);
}

.h-border-msp-100 {
  border-color: var(--h-msp-100);
}

.h-bg-msp-150 {
  background-color: var(--h-msp-150);
}

.h-text-msp-150 {
  color: var(--h-msp-150);
}

.h-border-msp-150 {
  border-color: var(--h-msp-150);
}

.h-bg-msp-200 {
  background-color: var(--h-msp-200);
}

.h-text-msp-200 {
  color: var(--h-msp-200);
}

.h-border-msp-200 {
  border-color: var(--h-msp-200);
}

.h-bg-msp-250 {
  background-color: var(--h-msp-250);
}

.h-text-msp-250 {
  color: var(--h-msp-250);
}

.h-border-msp-250 {
  border-color: var(--h-msp-250);
}

.h-bg-msp-300 {
  background-color: var(--h-msp-300);
}

.h-text-msp-300 {
  color: var(--h-msp-300);
}

.h-border-msp-300 {
  border-color: var(--h-msp-300);
}

.h-bg-msp-350 {
  background-color: var(--h-msp-350);
}

.h-text-msp-350 {
  color: var(--h-msp-350);
}

.h-border-msp-350 {
  border-color: var(--h-msp-350);
}

.h-bg-msp-400 {
  background-color: var(--h-msp-400);
}

.h-text-msp-400 {
  color: var(--h-msp-400);
}

.h-border-msp-400 {
  border-color: var(--h-msp-400);
}

.h-bg-msp-450 {
  background-color: var(--h-msp-450);
}

.h-text-msp-450 {
  color: var(--h-msp-450);
}

.h-border-msp-450 {
  border-color: var(--h-msp-450);
}

.h-bg-msp-500 {
  background-color: var(--h-msp-500);
}

.h-text-msp-500 {
  color: var(--h-msp-500);
}

.h-border-msp-500 {
  border-color: var(--h-msp-500);
}

.h-bg-msp-550 {
  background-color: var(--h-msp-550);
}

.h-text-msp-550 {
  color: var(--h-msp-550);
}

.h-border-msp-550 {
  border-color: var(--h-msp-550);
}

.h-bg-msp-600 {
  background-color: var(--h-msp-600);
}

.h-text-msp-600 {
  color: var(--h-msp-600);
}

.h-border-msp-600 {
  border-color: var(--h-msp-600);
}

.h-bg-msp-650 {
  background-color: var(--h-msp-650);
}

.h-text-msp-650 {
  color: var(--h-msp-650);
}

.h-border-msp-650 {
  border-color: var(--h-msp-650);
}

.h-bg-msp-700 {
  background-color: var(--h-msp-700);
}

.h-text-msp-700 {
  color: var(--h-msp-700);
}

.h-border-msp-700 {
  border-color: var(--h-msp-700);
}

.h-bg-msp-750 {
  background-color: var(--h-msp-750);
}

.h-text-msp-750 {
  color: var(--h-msp-750);
}

.h-border-msp-750 {
  border-color: var(--h-msp-750);
}

.h-bg-msp-800 {
  background-color: var(--h-msp-800);
}

.h-text-msp-800 {
  color: var(--h-msp-800);
}

.h-border-msp-800 {
  border-color: var(--h-msp-800);
}

.h-bg-msp-850 {
  background-color: var(--h-msp-850);
}

.h-text-msp-850 {
  color: var(--h-msp-850);
}

.h-border-msp-850 {
  border-color: var(--h-msp-850);
}

.h-bg-msp-900 {
  background-color: var(--h-msp-900);
}

.h-text-msp-900 {
  color: var(--h-msp-900);
}

.h-border-msp-900 {
  border-color: var(--h-msp-900);
}

.h-bg-msp-950 {
  background-color: var(--h-msp-950);
}

.h-text-msp-950 {
  color: var(--h-msp-950);
}

.h-border-msp-950 {
  border-color: var(--h-msp-950);
}

.h-bg-danger-50 {
  background-color: var(--h-danger-50);
}

.h-text-danger-50 {
  color: var(--h-danger-50);
}

.h-border-danger-50 {
  border-color: var(--h-danger-50);
}

.h-bg-danger-100 {
  background-color: var(--h-danger-100);
}

.h-text-danger-100 {
  color: var(--h-danger-100);
}

.h-border-danger-100 {
  border-color: var(--h-danger-100);
}

.h-bg-danger-150 {
  background-color: var(--h-danger-150);
}

.h-text-danger-150 {
  color: var(--h-danger-150);
}

.h-border-danger-150 {
  border-color: var(--h-danger-150);
}

.h-bg-danger-200 {
  background-color: var(--h-danger-200);
}

.h-text-danger-200 {
  color: var(--h-danger-200);
}

.h-border-danger-200 {
  border-color: var(--h-danger-200);
}

.h-bg-danger-250 {
  background-color: var(--h-danger-250);
}

.h-text-danger-250 {
  color: var(--h-danger-250);
}

.h-border-danger-250 {
  border-color: var(--h-danger-250);
}

.h-bg-danger-300 {
  background-color: var(--h-danger-300);
}

.h-text-danger-300 {
  color: var(--h-danger-300);
}

.h-border-danger-300 {
  border-color: var(--h-danger-300);
}

.h-bg-danger-350 {
  background-color: var(--h-danger-350);
}

.h-text-danger-350 {
  color: var(--h-danger-350);
}

.h-border-danger-350 {
  border-color: var(--h-danger-350);
}

.h-bg-danger-400 {
  background-color: var(--h-danger-400);
}

.h-text-danger-400 {
  color: var(--h-danger-400);
}

.h-border-danger-400 {
  border-color: var(--h-danger-400);
}

.h-bg-danger-450 {
  background-color: var(--h-danger-450);
}

.h-text-danger-450 {
  color: var(--h-danger-450);
}

.h-border-danger-450 {
  border-color: var(--h-danger-450);
}

.h-bg-danger-500 {
  background-color: var(--h-danger-500);
}

.h-text-danger-500 {
  color: var(--h-danger-500);
}

.h-border-danger-500 {
  border-color: var(--h-danger-500);
}

.h-bg-danger-550 {
  background-color: var(--h-danger-550);
}

.h-text-danger-550 {
  color: var(--h-danger-550);
}

.h-border-danger-550 {
  border-color: var(--h-danger-550);
}

.h-bg-danger-600 {
  background-color: var(--h-danger-600);
}

.h-text-danger-600 {
  color: var(--h-danger-600);
}

.h-border-danger-600 {
  border-color: var(--h-danger-600);
}

.h-bg-danger-650 {
  background-color: var(--h-danger-650);
}

.h-text-danger-650 {
  color: var(--h-danger-650);
}

.h-border-danger-650 {
  border-color: var(--h-danger-650);
}

.h-bg-danger-700 {
  background-color: var(--h-danger-700);
}

.h-text-danger-700 {
  color: var(--h-danger-700);
}

.h-border-danger-700 {
  border-color: var(--h-danger-700);
}

.h-bg-danger-750 {
  background-color: var(--h-danger-750);
}

.h-text-danger-750 {
  color: var(--h-danger-750);
}

.h-border-danger-750 {
  border-color: var(--h-danger-750);
}

.h-bg-danger-800 {
  background-color: var(--h-danger-800);
}

.h-text-danger-800 {
  color: var(--h-danger-800);
}

.h-border-danger-800 {
  border-color: var(--h-danger-800);
}

.h-bg-danger-850 {
  background-color: var(--h-danger-850);
}

.h-text-danger-850 {
  color: var(--h-danger-850);
}

.h-border-danger-850 {
  border-color: var(--h-danger-850);
}

.h-bg-danger-900 {
  background-color: var(--h-danger-900);
}

.h-text-danger-900 {
  color: var(--h-danger-900);
}

.h-border-danger-900 {
  border-color: var(--h-danger-900);
}

.h-bg-danger-950 {
  background-color: var(--h-danger-950);
}

.h-text-danger-950 {
  color: var(--h-danger-950);
}

.h-border-danger-950 {
  border-color: var(--h-danger-950);
}

.h-bg-warning-50 {
  background-color: var(--h-warning-50);
}

.h-text-warning-50 {
  color: var(--h-warning-50);
}

.h-border-warning-50 {
  border-color: var(--h-warning-50);
}

.h-bg-warning-100 {
  background-color: var(--h-warning-100);
}

.h-text-warning-100 {
  color: var(--h-warning-100);
}

.h-border-warning-100 {
  border-color: var(--h-warning-100);
}

.h-bg-warning-150 {
  background-color: var(--h-warning-150);
}

.h-text-warning-150 {
  color: var(--h-warning-150);
}

.h-border-warning-150 {
  border-color: var(--h-warning-150);
}

.h-bg-warning-200 {
  background-color: var(--h-warning-200);
}

.h-text-warning-200 {
  color: var(--h-warning-200);
}

.h-border-warning-200 {
  border-color: var(--h-warning-200);
}

.h-bg-warning-250 {
  background-color: var(--h-warning-250);
}

.h-text-warning-250 {
  color: var(--h-warning-250);
}

.h-border-warning-250 {
  border-color: var(--h-warning-250);
}

.h-bg-warning-300 {
  background-color: var(--h-warning-300);
}

.h-text-warning-300 {
  color: var(--h-warning-300);
}

.h-border-warning-300 {
  border-color: var(--h-warning-300);
}

.h-bg-warning-350 {
  background-color: var(--h-warning-350);
}

.h-text-warning-350 {
  color: var(--h-warning-350);
}

.h-border-warning-350 {
  border-color: var(--h-warning-350);
}

.h-bg-warning-400 {
  background-color: var(--h-warning-400);
}

.h-text-warning-400 {
  color: var(--h-warning-400);
}

.h-border-warning-400 {
  border-color: var(--h-warning-400);
}

.h-bg-warning-450 {
  background-color: var(--h-warning-450);
}

.h-text-warning-450 {
  color: var(--h-warning-450);
}

.h-border-warning-450 {
  border-color: var(--h-warning-450);
}

.h-bg-warning-500 {
  background-color: var(--h-warning-500);
}

.h-text-warning-500 {
  color: var(--h-warning-500);
}

.h-border-warning-500 {
  border-color: var(--h-warning-500);
}

.h-bg-warning-550 {
  background-color: var(--h-warning-550);
}

.h-text-warning-550 {
  color: var(--h-warning-550);
}

.h-border-warning-550 {
  border-color: var(--h-warning-550);
}

.h-bg-warning-600 {
  background-color: var(--h-warning-600);
}

.h-text-warning-600 {
  color: var(--h-warning-600);
}

.h-border-warning-600 {
  border-color: var(--h-warning-600);
}

.h-bg-warning-650 {
  background-color: var(--h-warning-650);
}

.h-text-warning-650 {
  color: var(--h-warning-650);
}

.h-border-warning-650 {
  border-color: var(--h-warning-650);
}

.h-bg-warning-700 {
  background-color: var(--h-warning-700);
}

.h-text-warning-700 {
  color: var(--h-warning-700);
}

.h-border-warning-700 {
  border-color: var(--h-warning-700);
}

.h-bg-warning-750 {
  background-color: var(--h-warning-750);
}

.h-text-warning-750 {
  color: var(--h-warning-750);
}

.h-border-warning-750 {
  border-color: var(--h-warning-750);
}

.h-bg-warning-800 {
  background-color: var(--h-warning-800);
}

.h-text-warning-800 {
  color: var(--h-warning-800);
}

.h-border-warning-800 {
  border-color: var(--h-warning-800);
}

.h-bg-warning-850 {
  background-color: var(--h-warning-850);
}

.h-text-warning-850 {
  color: var(--h-warning-850);
}

.h-border-warning-850 {
  border-color: var(--h-warning-850);
}

.h-bg-warning-900 {
  background-color: var(--h-warning-900);
}

.h-text-warning-900 {
  color: var(--h-warning-900);
}

.h-border-warning-900 {
  border-color: var(--h-warning-900);
}

.h-bg-warning-950 {
  background-color: var(--h-warning-950);
}

.h-text-warning-950 {
  color: var(--h-warning-950);
}

.h-border-warning-950 {
  border-color: var(--h-warning-950);
}

.h-bg-success-50 {
  background-color: var(--h-success-50);
}

.h-text-success-50 {
  color: var(--h-success-50);
}

.h-border-success-50 {
  border-color: var(--h-success-50);
}

.h-bg-success-100 {
  background-color: var(--h-success-100);
}

.h-text-success-100 {
  color: var(--h-success-100);
}

.h-border-success-100 {
  border-color: var(--h-success-100);
}

.h-bg-success-150 {
  background-color: var(--h-success-150);
}

.h-text-success-150 {
  color: var(--h-success-150);
}

.h-border-success-150 {
  border-color: var(--h-success-150);
}

.h-bg-success-200 {
  background-color: var(--h-success-200);
}

.h-text-success-200 {
  color: var(--h-success-200);
}

.h-border-success-200 {
  border-color: var(--h-success-200);
}

.h-bg-success-250 {
  background-color: var(--h-success-250);
}

.h-text-success-250 {
  color: var(--h-success-250);
}

.h-border-success-250 {
  border-color: var(--h-success-250);
}

.h-bg-success-300 {
  background-color: var(--h-success-300);
}

.h-text-success-300 {
  color: var(--h-success-300);
}

.h-border-success-300 {
  border-color: var(--h-success-300);
}

.h-bg-success-350 {
  background-color: var(--h-success-350);
}

.h-text-success-350 {
  color: var(--h-success-350);
}

.h-border-success-350 {
  border-color: var(--h-success-350);
}

.h-bg-success-400 {
  background-color: var(--h-success-400);
}

.h-text-success-400 {
  color: var(--h-success-400);
}

.h-border-success-400 {
  border-color: var(--h-success-400);
}

.h-bg-success-450 {
  background-color: var(--h-success-450);
}

.h-text-success-450 {
  color: var(--h-success-450);
}

.h-border-success-450 {
  border-color: var(--h-success-450);
}

.h-bg-success-500 {
  background-color: var(--h-success-500);
}

.h-text-success-500 {
  color: var(--h-success-500);
}

.h-border-success-500 {
  border-color: var(--h-success-500);
}

.h-bg-success-550 {
  background-color: var(--h-success-550);
}

.h-text-success-550 {
  color: var(--h-success-550);
}

.h-border-success-550 {
  border-color: var(--h-success-550);
}

.h-bg-success-600 {
  background-color: var(--h-success-600);
}

.h-text-success-600 {
  color: var(--h-success-600);
}

.h-border-success-600 {
  border-color: var(--h-success-600);
}

.h-bg-success-650 {
  background-color: var(--h-success-650);
}

.h-text-success-650 {
  color: var(--h-success-650);
}

.h-border-success-650 {
  border-color: var(--h-success-650);
}

.h-bg-success-700 {
  background-color: var(--h-success-700);
}

.h-text-success-700 {
  color: var(--h-success-700);
}

.h-border-success-700 {
  border-color: var(--h-success-700);
}

.h-bg-success-750 {
  background-color: var(--h-success-750);
}

.h-text-success-750 {
  color: var(--h-success-750);
}

.h-border-success-750 {
  border-color: var(--h-success-750);
}

.h-bg-success-800 {
  background-color: var(--h-success-800);
}

.h-text-success-800 {
  color: var(--h-success-800);
}

.h-border-success-800 {
  border-color: var(--h-success-800);
}

.h-bg-success-850 {
  background-color: var(--h-success-850);
}

.h-text-success-850 {
  color: var(--h-success-850);
}

.h-border-success-850 {
  border-color: var(--h-success-850);
}

.h-bg-success-900 {
  background-color: var(--h-success-900);
}

.h-text-success-900 {
  color: var(--h-success-900);
}

.h-border-success-900 {
  border-color: var(--h-success-900);
}

.h-bg-success-950 {
  background-color: var(--h-success-950);
}

.h-text-success-950 {
  color: var(--h-success-950);
}

.h-border-success-950 {
  border-color: var(--h-success-950);
}

.h-bg-grigio-50 {
  background-color: var(--h-grigio-50);
}

.h-text-grigio-50 {
  color: var(--h-grigio-50);
}

.h-border-grigio-50 {
  border-color: var(--h-grigio-50);
}

.h-bg-grigio-100 {
  background-color: var(--h-grigio-100);
}

.h-text-grigio-100 {
  color: var(--h-grigio-100);
}

.h-border-grigio-100 {
  border-color: var(--h-grigio-100);
}

.h-bg-grigio-150 {
  background-color: var(--h-grigio-150);
}

.h-text-grigio-150 {
  color: var(--h-grigio-150);
}

.h-border-grigio-150 {
  border-color: var(--h-grigio-150);
}

.h-bg-grigio-200 {
  background-color: var(--h-grigio-200);
}

.h-text-grigio-200 {
  color: var(--h-grigio-200);
}

.h-border-grigio-200 {
  border-color: var(--h-grigio-200);
}

.h-bg-grigio-250 {
  background-color: var(--h-grigio-250);
}

.h-text-grigio-250 {
  color: var(--h-grigio-250);
}

.h-border-grigio-250 {
  border-color: var(--h-grigio-250);
}

.h-bg-grigio-300 {
  background-color: var(--h-grigio-300);
}

.h-text-grigio-300 {
  color: var(--h-grigio-300);
}

.h-border-grigio-300 {
  border-color: var(--h-grigio-300);
}

.h-bg-grigio-350 {
  background-color: var(--h-grigio-350);
}

.h-text-grigio-350 {
  color: var(--h-grigio-350);
}

.h-border-grigio-350 {
  border-color: var(--h-grigio-350);
}

.h-bg-grigio-400 {
  background-color: var(--h-grigio-400);
}

.h-text-grigio-400 {
  color: var(--h-grigio-400);
}

.h-border-grigio-400 {
  border-color: var(--h-grigio-400);
}

.h-bg-grigio-450 {
  background-color: var(--h-grigio-450);
}

.h-text-grigio-450 {
  color: var(--h-grigio-450);
}

.h-border-grigio-450 {
  border-color: var(--h-grigio-450);
}

.h-bg-grigio-500 {
  background-color: var(--h-grigio-500);
}

.h-text-grigio-500 {
  color: var(--h-grigio-500);
}

.h-border-grigio-500 {
  border-color: var(--h-grigio-500);
}

.h-bg-grigio-550 {
  background-color: var(--h-grigio-550);
}

.h-text-grigio-550 {
  color: var(--h-grigio-550);
}

.h-border-grigio-550 {
  border-color: var(--h-grigio-550);
}

.h-bg-grigio-600 {
  background-color: var(--h-grigio-600);
}

.h-text-grigio-600 {
  color: var(--h-grigio-600);
}

.h-border-grigio-600 {
  border-color: var(--h-grigio-600);
}

.h-bg-grigio-650 {
  background-color: var(--h-grigio-650);
}

.h-text-grigio-650 {
  color: var(--h-grigio-650);
}

.h-border-grigio-650 {
  border-color: var(--h-grigio-650);
}

.h-bg-grigio-700 {
  background-color: var(--h-grigio-700);
}

.h-text-grigio-700 {
  color: var(--h-grigio-700);
}

.h-border-grigio-700 {
  border-color: var(--h-grigio-700);
}

.h-bg-grigio-750 {
  background-color: var(--h-grigio-750);
}

.h-text-grigio-750 {
  color: var(--h-grigio-750);
}

.h-border-grigio-750 {
  border-color: var(--h-grigio-750);
}

.h-bg-grigio-800 {
  background-color: var(--h-grigio-800);
}

.h-text-grigio-800 {
  color: var(--h-grigio-800);
}

.h-border-grigio-800 {
  border-color: var(--h-grigio-800);
}

.h-bg-grigio-850 {
  background-color: var(--h-grigio-850);
}

.h-text-grigio-850 {
  color: var(--h-grigio-850);
}

.h-border-grigio-850 {
  border-color: var(--h-grigio-850);
}

.h-bg-grigio-900 {
  background-color: var(--h-grigio-900);
}

.h-text-grigio-900 {
  color: var(--h-grigio-900);
}

.h-border-grigio-900 {
  border-color: var(--h-grigio-900);
}

.h-bg-grigio-950 {
  background-color: var(--h-grigio-950);
}

.h-text-grigio-950 {
  color: var(--h-grigio-950);
}

.h-border-grigio-950 {
  border-color: var(--h-grigio-950);
}

.h-bg-gara-50 {
  background-color: var(--h-gara-50);
}

.h-text-gara-50 {
  color: var(--h-gara-50);
}

.h-border-gara-50 {
  border-color: var(--h-gara-50);
}

.h-bg-gara-100 {
  background-color: var(--h-gara-100);
}

.h-text-gara-100 {
  color: var(--h-gara-100);
}

.h-border-gara-100 {
  border-color: var(--h-gara-100);
}

.h-bg-gara-150 {
  background-color: var(--h-gara-150);
}

.h-text-gara-150 {
  color: var(--h-gara-150);
}

.h-border-gara-150 {
  border-color: var(--h-gara-150);
}

.h-bg-gara-200 {
  background-color: var(--h-gara-200);
}

.h-text-gara-200 {
  color: var(--h-gara-200);
}

.h-border-gara-200 {
  border-color: var(--h-gara-200);
}

.h-bg-gara-250 {
  background-color: var(--h-gara-250);
}

.h-text-gara-250 {
  color: var(--h-gara-250);
}

.h-border-gara-250 {
  border-color: var(--h-gara-250);
}

.h-bg-gara-300 {
  background-color: var(--h-gara-300);
}

.h-text-gara-300 {
  color: var(--h-gara-300);
}

.h-border-gara-300 {
  border-color: var(--h-gara-300);
}

.h-bg-gara-350 {
  background-color: var(--h-gara-350);
}

.h-text-gara-350 {
  color: var(--h-gara-350);
}

.h-border-gara-350 {
  border-color: var(--h-gara-350);
}

.h-bg-gara-400 {
  background-color: var(--h-gara-400);
}

.h-text-gara-400 {
  color: var(--h-gara-400);
}

.h-border-gara-400 {
  border-color: var(--h-gara-400);
}

.h-bg-gara-450 {
  background-color: var(--h-gara-450);
}

.h-text-gara-450 {
  color: var(--h-gara-450);
}

.h-border-gara-450 {
  border-color: var(--h-gara-450);
}

.h-bg-gara-500 {
  background-color: var(--h-gara-500);
}

.h-text-gara-500 {
  color: var(--h-gara-500);
}

.h-border-gara-500 {
  border-color: var(--h-gara-500);
}

.h-bg-gara-550 {
  background-color: var(--h-gara-550);
}

.h-text-gara-550 {
  color: var(--h-gara-550);
}

.h-border-gara-550 {
  border-color: var(--h-gara-550);
}

.h-bg-gara-600 {
  background-color: var(--h-gara-600);
}

.h-text-gara-600 {
  color: var(--h-gara-600);
}

.h-border-gara-600 {
  border-color: var(--h-gara-600);
}

.h-bg-gara-650 {
  background-color: var(--h-gara-650);
}

.h-text-gara-650 {
  color: var(--h-gara-650);
}

.h-border-gara-650 {
  border-color: var(--h-gara-650);
}

.h-bg-gara-700 {
  background-color: var(--h-gara-700);
}

.h-text-gara-700 {
  color: var(--h-gara-700);
}

.h-border-gara-700 {
  border-color: var(--h-gara-700);
}

.h-bg-gara-750 {
  background-color: var(--h-gara-750);
}

.h-text-gara-750 {
  color: var(--h-gara-750);
}

.h-border-gara-750 {
  border-color: var(--h-gara-750);
}

.h-bg-gara-800 {
  background-color: var(--h-gara-800);
}

.h-text-gara-800 {
  color: var(--h-gara-800);
}

.h-border-gara-800 {
  border-color: var(--h-gara-800);
}

.h-bg-gara-850 {
  background-color: var(--h-gara-850);
}

.h-text-gara-850 {
  color: var(--h-gara-850);
}

.h-border-gara-850 {
  border-color: var(--h-gara-850);
}

.h-bg-gara-900 {
  background-color: var(--h-gara-900);
}

.h-text-gara-900 {
  color: var(--h-gara-900);
}

.h-border-gara-900 {
  border-color: var(--h-gara-900);
}

.h-bg-gara-950 {
  background-color: var(--h-gara-950);
}

.h-text-gara-950 {
  color: var(--h-gara-950);
}

.h-border-gara-950 {
  border-color: var(--h-gara-950);
}

.theme-light {
  --color-primary: var(--col-grigio-scuro);
  --color-secondary: #ffffff;
  --text-color: var(--color-primary);
  --background-color: var(--color-secondary);
}

.theme-dark {
  --color-primary: #ffffff;
  --color-secondary: var(--col-grigio-scuro);
  --text-color: var(--color-primary);
  --background-color: var(--color-secondary);
}

[class*=theme] {
  color: var(--text-color);
  background-color: var(--background-color);
}

.h-bg-msp-chiaro {
  background-color: var(--col-msp-chiaro);
}

.h-bg-msp-chiarissimo {
  background-color: var(--col-msp-chiarissimo);
}

.h-bg-msp-scuro {
  background-color: var(--col-msp-scuro);
}

.h-bg-danger-chiaro {
  background-color: var(--col-danger-chiaro);
}

.h-bg-danger-light {
  background-color: var(--col-danger-light);
}

.h-bg-tint-danger {
  background-color: var(--col-tint-danger);
}

.h-bg-gara-tint1 {
  background-color: var(--col-gara-tint1);
}

.h-bg-gara-tint2 {
  background-color: var(--col-gara-tint2);
}

.h-bg-gara-opaque {
  background-color: var(--col-gara-opaque);
}

.h-text-msp-chiaro {
  color: var(--col-msp-chiaro);
}

.h-text-msp-chiarissimo {
  color: var(--col-msp-chiarissimo);
}

.h-text-msp-scuro {
  color: var(--col-msp-scuro);
}

.h-border-msp-chiaro {
  border-color: var(--col-msp-chiaro);
}

.h-border-msp-chiarissimo {
  border-color: var(--col-msp-chiarissimo);
}

.h-border-msp-scuro {
  border-color: var(--col-msp-scuro);
}

@font-face {
  font-family: "msp";
  src: url("/font/msp.eot?5974764");
  src: url("/font/msp.eot?5974764#iefix") format("embedded-opentype"), url("/font/msp.woff2?5974764") format("woff2"), url("/font/msp.woff?5974764") format("woff"), url("/font/msp.ttf?5974764") format("truetype"), url("/font/msp.svg?5974764#msp") format("svg");
  font-weight: normal;
  font-style: normal;
}
:root {
  --ico-alcuni: "";
  --ico-alert: "";
  --ico-alimentazione: "";
  --ico-annulla: "";
  --ico-aquathlon: "";
  --ico-arrow-down: "";
  --ico-atleti: "";
  --ico-attivita: "";
  --ico-attivita-programmate: "";
  --ico-award: "";
  --ico-balance-scale: "";
  --ico-battery-0: "";
  --ico-battery-100: "";
  --ico-battery-10: "";
  --ico-battery-25: "";
  --ico-battery-50: "";
  --ico-battery-60: "";
  --ico-battery-75: "";
  --ico-battery-x: "";
  --ico-battito: "";
  --ico-bilancia: "";
  --ico-body: "";
  --ico-calendario: "";
  --ico-calorie: "";
  --ico-cancel: "";
  --ico-cardio: "";
  --ico-carichi: "";
  --ico-categorie: "";
  --ico-chat: "";
  --ico-chat-empty: "";
  --ico-check: "";
  --ico-check-pieno: "";
  --ico-check-vuoto: "";
  --ico-ciclismo: "";
  --ico-clock: "";
  --ico-clona: "";
  --ico-close: "";
  --ico-colonne: "";
  --ico-dashboard: "";
  --ico-dietromoto: "";
  --ico-discesa: "";
  --ico-dislivello: "";
  --ico-distance: "";
  --ico-dots: "";
  --ico-down-open: "";
  --ico-down-round: "";
  --ico-duathlon: "";
  --ico-duplica: "";
  --ico-durata-1: "";
  --ico-elimina: "";
  --ico-emoji-0: "";
  --ico-emoji-1: "";
  --ico-emoji-2: "";
  --ico-emoji-3: "";
  --ico-emoji-4: "";
  --ico-emoji-5: "";
  --ico-facebook: "";
  --ico-ferie: "";
  --ico-fitness: "";
  --ico-folder: "";
  --ico-foto: "";
  --ico-gara: "";
  --ico-giorni-attivita: "";
  --ico-giorni-riposo: "";
  --ico-iban: "";
  --ico-impegni: "";
  --ico-info: "";
  --ico-key: "";
  --ico-kg: "";
  --ico-lavoro: "";
  --ico-left: "";
  --ico-left-round: "";
  --ico-left-square: "";
  --ico-letto: "";
  --ico-libreria: "";
  --ico-link-1: "";
  --ico-link: "";
  --ico-localita: "";
  --ico-lock: "";
  --ico-mail: "";
  --ico-menu: "";
  --ico-metronome: "";
  --ico-minus-1: "";
  --ico-minus: "";
  --ico-modifica: "";
  --ico-move: "";
  --ico-nota: "";
  --ico-note: "";
  --ico-note-nuovo-1: "";
  --ico-note-nuovo: "";
  --ico-note-tutte: "";
  --ico-note-vuoto: "";
  --ico-nuoto: "";
  --ico-nuoto-libero: "";
  --ico-occhio-aperto: "";
  --ico-occhio-chiuso: "";
  --ico-palestra: "";
  --ico-passo-1: "";
  --ico-passo: "";
  --ico-pianura: "";
  --ico-plan-1: "";
  --ico-plan: "";
  --ico-plus-1: "";
  --ico-plus: "";
  --ico-plus-solid: "";
  --ico-podismo: "";
  --ico-potenza-1: "";
  --ico-potenza: "";
  --ico-reload: "";
  --ico-reply: "";
  --ico-resize-full: "";
  --ico-resize-small: "";
  --ico-righe: "";
  --ico-right: "";
  --ico-right-round: "";
  --ico-right-square: "";
  --ico-riposo: "";
  --ico-salita: "";
  --ico-scheda: "";
  --ico-sci: "";
  --ico-settings: "";
  --ico-share: "";
  --ico-spinner: "";
  --ico-sposta: "";
  --ico-star: "";
  --ico-star-empty: "";
  --ico-star-half-alt: "";
  --ico-star-half: "";
  --ico-storico: "";
  --ico-tel: "";
  --ico-test: "";
  --ico-thumbs-down-alt: "";
  --ico-thumbs-up-alt: "";
  --ico-time: "";
  --ico-trash-solid: "";
  --ico-triathlon: "";
  --ico-up: "";
  --ico-up-round: "";
  --ico-user: "";
  --ico-user-plus: "";
  --ico-user-share: "";
  --ico-vallonato: "";
  --ico-velocita: "";
  --ico-video: "";
  --ico-warning: "";
  --ico-warning-empty: "";
  --ico-xmark-solid: "";
  --ico-youtube: "";
  --ico-zoom-in: "";
  --ico-zoom-out: "";
}

:root {
  --z-index-popup: 100;
  --w_panels: 220px;
  --z-top: 20;
  --z-toolbar: 10;
  --z-datepicker: 100;
  --z-tooltip: 2000;
  --z-menu: 2010;
  --h-tools: 50px;
  --ico-collegiali: var(--ico-atleti);
  --ico-custom: var(--ico-nota);
  --menu-md: 80px;
  --col-dragover: var(--col-msp-chiaro);
  --small: 0.7em;
  --background-chat: linear-gradient(var(--col-grigio), #fff);
  --background-message: #fff;
  --background-my-message: var(--col-grigio-chiarissimo);
}

@layer misc {
  :root {
    --button-size: 30px;
    --border-color: var(--col-grigio-chiaro);
    --border: 1px solid var(--border-color);
  }
}
:root {
  --ui-alert: var(--col-danger);
  --ui-space: 5px;
  --ui-radius: 5px;
  --ui-cellspacing: 0px;
  --ui-td-padding: .2em;
  --bg-cel-row: #fff;
  --bg-cel-row-alternate: var(--col-grigio-chiarissimo);
  --box-ombra: 1px 2px 2px var(--col-ombra);
  --box-ombra-bianca: 1px 2px 2px #fff;
  --box-ombra-piccola: 1px 1px 1px var(--col-ombra);
  --radius-table: 5px;
  --padding-titoli-negativi: var(--ui-space) calc(2 * var(--ui-space));
  --size-titoli-negativi: 2.4rem;
  --text-xs: 1.1rem;
  --text-sm: 1.2rem;
  --text-base: 1.5rem;
  --text-lg: 1.7rem;
  --text-xl: 2.0rem;
  --text-2xl: 2.4rem;
  --padding-scrivibili: 0.2em 0.5em 0em 0.2em;
  --campo-height: 34px;
  --h_top: 58px;
  --h_bottom: 0px;
  --w_sidebar: auto;
}

.msp-ui-panel {
  --color: var(--col-grigio-scuro);
  --contrast: #fff;
  margin-bottom: var(--ui-space);
}
.msp-ui-panel[color=evidenza] {
  --color: var(--col-ui-evidenza);
}
.msp-ui-panel__header {
  background: var(--color);
  color: var(--contrast);
  padding: var(--padding-titoli-negativi);
  margin: 0 0 var(--ui-space) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.msp-ui-panel__header h3 {
  font-size: var(--text-normal);
  margin: 0;
}
.msp-ui-panel[col="2"] .msp-ui-panel__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  --col-global: 50%;
}
.msp-ui-panel[col="2"] .msp-ui-panel__content .msp-ui-pane {
  margin: var(--ui-space);
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

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

.sortable-header {
  cursor: pointer;
}

.msp-ui-table-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.msp-ui-table-columns table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}

.msp-ui-table {
  --border-color: var(--col-grigio-chiaro);
  --cell-padding: calc(var(--ui-td-padding) * 2) calc(var(--ui-td-padding) * 4.5);
  border-spacing: var(--ui-cellspacing);
  border-collapse: separate;
  background: var(--col-grigio-chiarissimo);
  width: 100%;
  color: var(--col-grigio-scuro);
}
.msp-ui-table.auto {
  width: auto;
}
.msp-ui-table.table-nospan {
  border-spacing: 0px;
  border-collapse: collapse;
}
.msp-ui-table--rh-normal {
  --cell-padding: calc(var(--ui-td-padding) * 2) calc(var(--ui-td-padding) * 4.5);
}
.msp-ui-table--rh-comfortable {
  --cell-padding: calc(var(--ui-td-padding) * 3) calc(var(--ui-td-padding) * 4.5);
}
.msp-ui-table th,
.msp-ui-table td {
  background: #fff;
  padding: var(--cell-padding);
}
.msp-ui-table td {
  background: var(--bg-cel-row);
  height: auto;
}
.msp-ui-table--horizontal-lines td {
  border: 1px solid var(--border-color);
  border-width: 0 0 1px 0;
}
.msp-ui-table--horizontal-lines th {
  --border-color: var(--col-grigio-scuro);
  border: 2px solid var(--border-color);
  border-width: 0 0 1px 0;
  font-weight: bold;
}
.msp-ui-table.table-striped tr:nth-child(even) td {
  background: var(--bg-cel-row-alternate);
}
.msp-ui-table [class^=table-label] {
  font-weight: bold;
}

/* *********  generiche  ******************************* */
.table tfoot tr td {
  border-top: 1px solid #000;
  font-weight: bold;
}

.table-hover {
  --col-hover: var(--col-msp-chiarissimo);
}
.table-hover:hover tr:hover td {
  background: var(--col-hover);
}

.tr-pointer {
  cursor: pointer;
}
.tr-pointer:hover td {
  background: var(--col-msp-chiarissimo);
}

.table {
  margin-top: 10px;
}

.table > tbody > tr > td {
  vertical-align: middle;
  line-height: 1;
}
.table > tbody > tr > td p {
  margin: 5px 0;
  line-height: 1.2;
}

th {
  text-transform: none;
}

table.dataTable th.focus,
table.dataTable td.focus {
  outline: 2px solid var(--col-msp) !important;
  outline-offset: -1px;
}

.table-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}

.td-button {
  width: 76px;
}
.td-button > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.msp-ui-toolbar {
  padding: 3px;
}
.msp-ui-toolbar h2 {
  font-variant: small-caps;
  padding-left: 0.5em;
}

.msp-ui-textarea {
  white-space: pre-line;
  background: var(--col-grigio-chiaro);
  padding: var(--ui-td-padding) calc(var(--ui-td-padding) * 2);
}

.msp-ui-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.msp-ui-buttons li {
  list-style: none;
  display: block;
  border-radius: var(--btn-border-radius);
  margin: 2px;
}
.msp-ui-buttons li a {
  width: 44px;
  height: 44px;
  display: block;
  -webkit-box-shadow: var(--box-ombra-bianca);
          box-shadow: var(--box-ombra-bianca);
  border-radius: var(--btn-border-radius);
  margin: 0px;
  border: 1px solid var(--col-msp);
  background: #fff;
  color: var(--col-msp);
}
.msp-ui-buttons li a:hover {
  background: var(--col-msp-chiaro);
  color: #fff;
}
.msp-ui-buttons li.active a {
  color: #fff;
  background: var(--col-msp);
  -webkit-box-shadow: var(--box-ombra-piccola);
          box-shadow: var(--box-ombra-piccola);
}

.msp-ui-button,
[class^=msp-ui-button-] {
  color: #fff;
  display: block;
  background: var(--col-msp);
  -webkit-box-shadow: var(--box-ombra-piccola);
          box-shadow: var(--box-ombra-piccola);
  border-radius: var(--btn-border-radius);
  margin: 0px;
  border: 1px solid var(--col-grigio-chiaro);
}
.msp-ui-button:hover,
[class^=msp-ui-button-]:hover {
  background: var(--col-msp-chiaro);
}

.msp-ui-button-icon {
  width: 2em;
  height: 1em;
  position: relative;
}
.msp-ui-button-icon::before {
  font-family: "msp";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.input-select .msp-ui-button-icon {
  background: var(--col-msp-chiaro);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.msp-ui-alert {
  width: 100%;
  background: var(--col-grigio-chiarissimo);
  text-align: center;
  padding: 2em;
  color: var(--col-grigio-medio);
  font-size: 1.5rem;
  text-shadow: 0px 1px 0px #fff;
}

.msp-ui-alert--inline {
  display: inline-block;
  padding: 0 1em;
  border-radius: 5px;
  color: var(--col-grigio-chiaro);
  font-size: 16px;
  margin: 0;
  text-transform: lowercase;
}

.msp-ui-alert--text-inline {
  display: inline-block;
  padding: 0 1em;
  color: var(--ui-alert);
}

.msp-ui-card {
  --border-color: var(--color);
  --background-color: var(--color);
  margin: 0 var(--ui-space);
  border-radius: var(--ui-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--border-color);
}
.msp-ui-card .msp-ui-card-header h3 {
  background: var(--background-color);
  color: #fff;
  padding: var(--padding-titoli-negativi);
  margin: 0;
  font-size: 17px;
  text-align: center;
}
.msp-ui-card--flex .msp-ui-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msp-ui-card p {
  margin: 0;
  padding: calc(var(--ui-space) * 2) calc(var(--ui-space) * 3);
}
.msp-ui-card[color=evidenza] {
  --color: var(--col-ui-evidenza);
}
.msp-ui-card--dark {
  --background-color: var(--col-grigio-scuro);
  --border-color: var(--col-grigio-chiaro);
}

.msp-ui2-card {
  --border-color: var(--color);
  --background-color: #fff;
  --header-background-color: var(--color);
  --header-color: #fff;
  margin: 0 var(--ui-space);
  border-radius: var(--ui-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--border-color);
  background: var(--background-color);
}
.msp-ui2-card .msp-ui2-card-header {
  background: var(--header-background-color);
  color: var(--header-color);
  margin: 0;
  font-size: 17px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.msp-ui2-card .msp-ui2-card-header h3 {
  margin: 0;
  padding: 2px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2em;
}
.msp-ui2-card .msp-ui2-card-content {
  padding: 10px;
}
.msp-ui2-card .msp-ui2-card-content h4 {
  margin: 0.5em 0;
}
.msp-ui2-card--flex .msp-ui2-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msp-ui2-card[color=evidenza] {
  --color: var(--col-ui-evidenza);
}
.msp-ui2-card[dark] {
  --header-background-color: var(--col-grigio-scuro);
  --header-color: #fff;
}

.msp-ui-card.setting-card {
  border: 1px solid var(--col-grigio);
  padding: 3px;
}
.msp-ui-card.setting-card .msp-ui-card-header {
  font-weight: bold;
  color: var(--col-grigio);
}

:root {
  --col-global: 100%;
}

.msp-ui-pane {
  --ui-input-pane: var(--col-grigio-medio);
  background: var(--ui-input-pane);
  color: #fff;
  padding: var(--ui-space);
  margin-bottom: var(--ui-space);
  border-radius: var(--ui-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: var(--col-global);
      flex-basis: var(--col-global);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.msp-ui-pane.msp-ui-pane-block {
  display: block;
}
.msp-ui-pane.horizontal, .msp-ui-pane.h {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.msp-ui-pane header {
  padding: 0 0 3px 0;
}
.msp-ui-pane header h4,
.msp-ui-pane header label {
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  margin: 0;
  display: block;
}
.msp-ui-pane input {
  color: var(--col-grigio-scuro);
  text-align: center;
  width: 100%;
  border-radius: var(--ui-radius);
}
.msp-ui-pane textarea {
  color: var(--col-grigio-scuro);
  width: 100%;
  resize: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.msp-ui-pane .labelled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: var(--ui-space);
}
.msp-ui-pane .labelled label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.msp-ui-pane .labelled input {
  width: auto;
}
.msp-ui-pane--box {
  max-width: 500px;
  margin: auto;
  padding: 20px;
}
.msp-ui-pane--box ul {
  padding-left: 20px;
}
.msp-ui-pane--box li {
  margin-bottom: 0.3em;
}
.msp-ui-pane--box.font-x {
  max-width: 600px;
}
.msp-ui-pane label.one-line {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.msp-ui-pane label.one-line input {
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.msp-ui-sidebar {
  --w_panels: 260px;
  width: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.msp-ui-sidebar.active {
  min-width: var(--w_panels);
  overflow-y: auto;
}
.msp-ui-sidebar .sidebar-header {
  height: var(--h-sidebar-toggler);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: auto;
  right: auto;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  padding: 5px;
}
.msp-ui-sidebar .sidebar-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: visible;
  background: #fff;
}

.msp-ui-pre {
  white-space: pre;
}

.msp-ui-full {
  width: 100%;
}

.msp-ui-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin: auto;
}

.msp-ui-f50 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.msp-ui-f100 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.msp-ui-f25 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

.msp-ui-f75 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}

.msp-ui-spacer,
.msp-ui2-spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

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

.msp-ui-g-s2 {
  grid-column: span 2;
}

.msp-ui-g-s3 {
  grid-column: span 3;
}

.msp-ui-g-s4 {
  grid-column: span 4;
}

.msp-ui-g-full {
  grid-column: 1/-1;
}

.msp-ui-list.clean {
  list-style: none;
}

.quillWrapper {
  width: 100%;
}

@-webkit-keyframes entra {
  0% {
    -webkit-transform: perspective(600px) rotateX(45deg);
            transform: perspective(600px) rotateX(45deg);
    -webkit-box-shadow: -30px 20px 0px var(--col-msp);
            box-shadow: -30px 20px 0px var(--col-msp);
  }
  100% {
    -webkit-transform: perspective(600px) rotateX(0);
            transform: perspective(600px) rotateX(0);
    -webkit-box-shadow: -5px 0px 0px var(--col-msp);
            box-shadow: -5px 0px 0px var(--col-msp);
  }
}

@keyframes entra {
  0% {
    -webkit-transform: perspective(600px) rotateX(45deg);
            transform: perspective(600px) rotateX(45deg);
    -webkit-box-shadow: -30px 20px 0px var(--col-msp);
            box-shadow: -30px 20px 0px var(--col-msp);
  }
  100% {
    -webkit-transform: perspective(600px) rotateX(0);
            transform: perspective(600px) rotateX(0);
    -webkit-box-shadow: -5px 0px 0px var(--col-msp);
            box-shadow: -5px 0px 0px var(--col-msp);
  }
}
@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.animate-spin {
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
  display: inline-block;
}

:root {
  --radius-none: 0;
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-full: 9999px;
}

:root {
  --container-3xs: 16rem;
  --container-2xs: 18rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
}

.h-rounded-none {
  border-radius: 0;
}

.h-rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.h-rounded-b-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.h-rounded-s-none {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.h-rounded-e-none {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.h-rounded-tl-none {
  border-top-left-radius: 0;
}

.h-rounded-tr-none {
  border-top-right-radius: 0;
}

.h-rounded-bl-none {
  border-bottom-left-radius: 0;
}

.h-rounded-br-none {
  border-bottom-right-radius: 0;
}

.h-rounded-sm {
  border-radius: var(--radius-sm);
}

.h-rounded-t-sm {
  border-top-left-radius: var(--radius-sm);
  border-top-right-radius: var(--radius-sm);
}

.h-rounded-b-sm {
  border-bottom-left-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
}

.h-rounded-s-sm {
  border-start-start-radius: var(--radius-sm);
  border-end-start-radius: var(--radius-sm);
}

.h-rounded-e-sm {
  border-start-end-radius: var(--radius-sm);
  border-end-end-radius: var(--radius-sm);
}

.h-rounded-tl-sm {
  border-top-left-radius: var(--radius-sm);
}

.h-rounded-tr-sm {
  border-top-right-radius: var(--radius-sm);
}

.h-rounded-bl-sm {
  border-bottom-left-radius: var(--radius-sm);
}

.h-rounded-br-sm {
  border-bottom-right-radius: var(--radius-sm);
}

.h-rounded-md {
  border-radius: var(--radius-md);
}

.h-rounded-t-md {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

.h-rounded-b-md {
  border-bottom-left-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

.h-rounded-s-md {
  border-start-start-radius: var(--radius-md);
  border-end-start-radius: var(--radius-md);
}

.h-rounded-e-md {
  border-start-end-radius: var(--radius-md);
  border-end-end-radius: var(--radius-md);
}

.h-rounded-tl-md {
  border-top-left-radius: var(--radius-md);
}

.h-rounded-tr-md {
  border-top-right-radius: var(--radius-md);
}

.h-rounded-bl-md {
  border-bottom-left-radius: var(--radius-md);
}

.h-rounded-br-md {
  border-bottom-right-radius: var(--radius-md);
}

.h-rounded-lg {
  border-radius: var(--radius-lg);
}

.h-rounded-t-lg {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

.h-rounded-b-lg {
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.h-rounded-s-lg {
  border-start-start-radius: var(--radius-lg);
  border-end-start-radius: var(--radius-lg);
}

.h-rounded-e-lg {
  border-start-end-radius: var(--radius-lg);
  border-end-end-radius: var(--radius-lg);
}

.h-rounded-tl-lg {
  border-top-left-radius: var(--radius-lg);
}

.h-rounded-tr-lg {
  border-top-right-radius: var(--radius-lg);
}

.h-rounded-bl-lg {
  border-bottom-left-radius: var(--radius-lg);
}

.h-rounded-br-lg {
  border-bottom-right-radius: var(--radius-lg);
}

.h-rounded-xl {
  border-radius: var(--radius-xl);
}

.h-rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}

.h-rounded-b-xl {
  border-bottom-left-radius: var(--radius-xl);
  border-bottom-right-radius: var(--radius-xl);
}

.h-rounded-s-xl {
  border-start-start-radius: var(--radius-xl);
  border-end-start-radius: var(--radius-xl);
}

.h-rounded-e-xl {
  border-start-end-radius: var(--radius-xl);
  border-end-end-radius: var(--radius-xl);
}

.h-rounded-tl-xl {
  border-top-left-radius: var(--radius-xl);
}

.h-rounded-tr-xl {
  border-top-right-radius: var(--radius-xl);
}

.h-rounded-bl-xl {
  border-bottom-left-radius: var(--radius-xl);
}

.h-rounded-br-xl {
  border-bottom-right-radius: var(--radius-xl);
}

.h-rounded-2xl {
  border-radius: var(--radius-2xl);
}

.h-rounded-t-2xl {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
}

.h-rounded-b-2xl {
  border-bottom-left-radius: var(--radius-2xl);
  border-bottom-right-radius: var(--radius-2xl);
}

.h-rounded-s-2xl {
  border-start-start-radius: var(--radius-2xl);
  border-end-start-radius: var(--radius-2xl);
}

.h-rounded-e-2xl {
  border-start-end-radius: var(--radius-2xl);
  border-end-end-radius: var(--radius-2xl);
}

.h-rounded-tl-2xl {
  border-top-left-radius: var(--radius-2xl);
}

.h-rounded-tr-2xl {
  border-top-right-radius: var(--radius-2xl);
}

.h-rounded-bl-2xl {
  border-bottom-left-radius: var(--radius-2xl);
}

.h-rounded-br-2xl {
  border-bottom-right-radius: var(--radius-2xl);
}

.h-rounded-3xl {
  border-radius: var(--radius-3xl);
}

.h-rounded-t-3xl {
  border-top-left-radius: var(--radius-3xl);
  border-top-right-radius: var(--radius-3xl);
}

.h-rounded-b-3xl {
  border-bottom-left-radius: var(--radius-3xl);
  border-bottom-right-radius: var(--radius-3xl);
}

.h-rounded-s-3xl {
  border-start-start-radius: var(--radius-3xl);
  border-end-start-radius: var(--radius-3xl);
}

.h-rounded-e-3xl {
  border-start-end-radius: var(--radius-3xl);
  border-end-end-radius: var(--radius-3xl);
}

.h-rounded-tl-3xl {
  border-top-left-radius: var(--radius-3xl);
}

.h-rounded-tr-3xl {
  border-top-right-radius: var(--radius-3xl);
}

.h-rounded-bl-3xl {
  border-bottom-left-radius: var(--radius-3xl);
}

.h-rounded-br-3xl {
  border-bottom-right-radius: var(--radius-3xl);
}

.h-rounded-full {
  border-radius: var(--radius-full);
}

.h-rounded-t-full {
  border-top-left-radius: var(--radius-full);
  border-top-right-radius: var(--radius-full);
}

.h-rounded-b-full {
  border-bottom-left-radius: var(--radius-full);
  border-bottom-right-radius: var(--radius-full);
}

.h-rounded-s-full {
  border-start-start-radius: var(--radius-full);
  border-end-start-radius: var(--radius-full);
}

.h-rounded-e-full {
  border-start-end-radius: var(--radius-full);
  border-end-end-radius: var(--radius-full);
}

.h-rounded-tl-full {
  border-top-left-radius: var(--radius-full);
}

.h-rounded-tr-full {
  border-top-right-radius: var(--radius-full);
}

.h-rounded-bl-full {
  border-bottom-left-radius: var(--radius-full);
}

.h-rounded-br-full {
  border-bottom-right-radius: var(--radius-full);
}

.h-inline {
  display: inline;
}

.h-block {
  display: block;
}

.h-inline-block {
  display: inline-block;
}

.h-flow-root {
  display: flow-root;
}

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

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

.h-grid {
  display: grid;
}

.h-inline-grid {
  display: inline-grid;
}

.h-contents {
  display: contents;
}

.h-table {
  display: table;
}

.h-inline-table {
  display: inline-table;
}

.h-table-caption {
  display: table-caption;
}

.h-table-cell {
  display: table-cell;
}

.h-table-column {
  display: table-column;
}

.h-table-column-group {
  display: table-column-group;
}

.h-table-footer-group {
  display: table-footer-group;
}

.h-table-header-group {
  display: table-header-group;
}

.h-table-row-group {
  display: table-row-group;
}

.h-table-row {
  display: table-row;
}

.h-list-item {
  display: list-item;
}

.h-hidden {
  display: none;
}

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

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

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

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

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

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

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

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

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

.h-justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

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

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

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

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

.h-fl-js {
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

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

.h-fl-acc {
  -ms-flex-line-pack: center;
      align-content: center;
}

@layer misc {
  .h-fl,
.h-flex {
    gap: var(--gap);
  }
}
.h-fl,
.h-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.h-fl-g,
.h-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.h-fl-col,
.h-flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.h-fl-w-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 1);
          flex: 0 0 calc(100% / 12 * 1);
}

.h-fl-w-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 2);
          flex: 0 0 calc(100% / 12 * 2);
}

.h-fl-w-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 3);
          flex: 0 0 calc(100% / 12 * 3);
}

.h-fl-w-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 4);
          flex: 0 0 calc(100% / 12 * 4);
}

.h-fl-w-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 5);
          flex: 0 0 calc(100% / 12 * 5);
}

.h-fl-w-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 6);
          flex: 0 0 calc(100% / 12 * 6);
}

.h-fl-w-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 7);
          flex: 0 0 calc(100% / 12 * 7);
}

.h-fl-w-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 8);
          flex: 0 0 calc(100% / 12 * 8);
}

.h-fl-w-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 9);
          flex: 0 0 calc(100% / 12 * 9);
}

.h-fl-w-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 10);
          flex: 0 0 calc(100% / 12 * 10);
}

.h-fl-w-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 11);
          flex: 0 0 calc(100% / 12 * 11);
}

.h-fl-w-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 12 * 12);
          flex: 0 0 calc(100% / 12 * 12);
}

.h-fl-g-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.h-fl-g-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.h-fl-g-2 {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.h-fl-g-3 {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.h-fl-g-4 {
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
}

.h-fl-g-5 {
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}

/* Position */
.h-absolute {
  position: absolute;
}

.h-relative {
  position: relative;
}

.h-static {
  position: static;
}

.h-sticky {
  position: sticky;
}

.h-fixed {
  position: fixed;
}

/* Spacing */
:root {
  --spacing-0: calc(0 * var(--ui-space));
  --spacing-1: calc(1 * var(--ui-space));
  --spacing-2: calc(2 * var(--ui-space));
  --spacing-3: calc(3 * var(--ui-space));
  --spacing-4: calc(4 * var(--ui-space));
  --spacing-5: calc(5 * var(--ui-space));
  --spacing-6: calc(6 * var(--ui-space));
  --spacing-7: calc(7 * var(--ui-space));
  --spacing-8: calc(8 * var(--ui-space));
  --spacing-9: calc(9 * var(--ui-space));
  --spacing-10: calc(10 * var(--ui-space));
  --spacing-11: calc(11 * var(--ui-space));
  --spacing-12: calc(12 * var(--ui-space));
  --spacing-13: calc(13 * var(--ui-space));
  --spacing-14: calc(14 * var(--ui-space));
  --spacing-15: calc(15 * var(--ui-space));
  --spacing-16: calc(16 * var(--ui-space));
  --spacing-17: calc(17 * var(--ui-space));
  --spacing-18: calc(18 * var(--ui-space));
  --spacing-19: calc(19 * var(--ui-space));
  --spacing-20: calc(20 * var(--ui-space));
  --spacing-21: calc(21 * var(--ui-space));
  --spacing-22: calc(22 * var(--ui-space));
  --spacing-23: calc(23 * var(--ui-space));
  --spacing-24: calc(24 * var(--ui-space));
  --spacing-25: calc(25 * var(--ui-space));
  --spacing-26: calc(26 * var(--ui-space));
  --spacing-27: calc(27 * var(--ui-space));
  --spacing-28: calc(28 * var(--ui-space));
  --spacing-29: calc(29 * var(--ui-space));
  --spacing-30: calc(30 * var(--ui-space));
  --spacing-31: calc(31 * var(--ui-space));
  --spacing-32: calc(32 * var(--ui-space));
  --spacing-33: calc(33 * var(--ui-space));
  --spacing-34: calc(34 * var(--ui-space));
  --spacing-35: calc(35 * var(--ui-space));
  --spacing-36: calc(36 * var(--ui-space));
  --spacing-37: calc(37 * var(--ui-space));
  --spacing-38: calc(38 * var(--ui-space));
  --spacing-39: calc(39 * var(--ui-space));
  --spacing-40: calc(40 * var(--ui-space));
  --spacing-41: calc(41 * var(--ui-space));
  --spacing-42: calc(42 * var(--ui-space));
  --spacing-43: calc(43 * var(--ui-space));
  --spacing-44: calc(44 * var(--ui-space));
  --spacing-45: calc(45 * var(--ui-space));
  --spacing-46: calc(46 * var(--ui-space));
  --spacing-47: calc(47 * var(--ui-space));
  --spacing-48: calc(48 * var(--ui-space));
  --spacing-49: calc(49 * var(--ui-space));
  --spacing-50: calc(50 * var(--ui-space));
}

.h-m-0 {
  margin: var(--spacing-0) !important;
}

.h-p-0 {
  padding: var(--spacing-0) !important;
}

.h-mt-0 {
  margin-top: var(--spacing-0) !important;
}

.h-pt-0 {
  padding-top: var(--spacing-0) !important;
}

.h-mb-0 {
  margin-bottom: var(--spacing-0) !important;
}

.h-pb-0 {
  padding-bottom: var(--spacing-0) !important;
}

.h-ml-0 {
  margin-left: var(--spacing-0) !important;
}

.h-pl-0 {
  padding-left: var(--spacing-0) !important;
}

.h-mr-0 {
  margin-right: var(--spacing-0) !important;
}

.h-pr-0 {
  padding-right: var(--spacing-0) !important;
}

.h-mv-0 {
  margin-top: var(--spacing-0) !important;
  margin-bottom: var(--spacing-0) !important;
}

.h-pv-0 {
  padding-top: var(--spacing-0) !important;
  padding-bottom: var(--spacing-0) !important;
}

.h-mh-0 {
  margin-left: var(--spacing-0) !important;
  margin-right: var(--spacing-0) !important;
}

.h-ph-0 {
  padding-left: var(--spacing-0) !important;
  padding-right: var(--spacing-0) !important;
}

.h-my-0 {
  margin-top: var(--spacing-0) !important;
  margin-bottom: var(--spacing-0) !important;
}

.h-py-0 {
  padding-top: var(--spacing-0) !important;
  padding-bottom: var(--spacing-0) !important;
}

.h-mx-0 {
  margin-left: var(--spacing-0) !important;
  margin-right: var(--spacing-0) !important;
}

.h-px-0 {
  padding-left: var(--spacing-0) !important;
  padding-right: var(--spacing-0) !important;
}

.h-m-1 {
  margin: var(--spacing-1) !important;
}

.h-p-1 {
  padding: var(--spacing-1) !important;
}

.h-mt-1 {
  margin-top: var(--spacing-1) !important;
}

.h-pt-1 {
  padding-top: var(--spacing-1) !important;
}

.h-mb-1 {
  margin-bottom: var(--spacing-1) !important;
}

.h-pb-1 {
  padding-bottom: var(--spacing-1) !important;
}

.h-ml-1 {
  margin-left: var(--spacing-1) !important;
}

.h-pl-1 {
  padding-left: var(--spacing-1) !important;
}

.h-mr-1 {
  margin-right: var(--spacing-1) !important;
}

.h-pr-1 {
  padding-right: var(--spacing-1) !important;
}

.h-mv-1 {
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-1) !important;
}

.h-pv-1 {
  padding-top: var(--spacing-1) !important;
  padding-bottom: var(--spacing-1) !important;
}

.h-mh-1 {
  margin-left: var(--spacing-1) !important;
  margin-right: var(--spacing-1) !important;
}

.h-ph-1 {
  padding-left: var(--spacing-1) !important;
  padding-right: var(--spacing-1) !important;
}

.h-my-1 {
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-1) !important;
}

.h-py-1 {
  padding-top: var(--spacing-1) !important;
  padding-bottom: var(--spacing-1) !important;
}

.h-mx-1 {
  margin-left: var(--spacing-1) !important;
  margin-right: var(--spacing-1) !important;
}

.h-px-1 {
  padding-left: var(--spacing-1) !important;
  padding-right: var(--spacing-1) !important;
}

.h-m-2 {
  margin: var(--spacing-2) !important;
}

.h-p-2 {
  padding: var(--spacing-2) !important;
}

.h-mt-2 {
  margin-top: var(--spacing-2) !important;
}

.h-pt-2 {
  padding-top: var(--spacing-2) !important;
}

.h-mb-2 {
  margin-bottom: var(--spacing-2) !important;
}

.h-pb-2 {
  padding-bottom: var(--spacing-2) !important;
}

.h-ml-2 {
  margin-left: var(--spacing-2) !important;
}

.h-pl-2 {
  padding-left: var(--spacing-2) !important;
}

.h-mr-2 {
  margin-right: var(--spacing-2) !important;
}

.h-pr-2 {
  padding-right: var(--spacing-2) !important;
}

.h-mv-2 {
  margin-top: var(--spacing-2) !important;
  margin-bottom: var(--spacing-2) !important;
}

.h-pv-2 {
  padding-top: var(--spacing-2) !important;
  padding-bottom: var(--spacing-2) !important;
}

.h-mh-2 {
  margin-left: var(--spacing-2) !important;
  margin-right: var(--spacing-2) !important;
}

.h-ph-2 {
  padding-left: var(--spacing-2) !important;
  padding-right: var(--spacing-2) !important;
}

.h-my-2 {
  margin-top: var(--spacing-2) !important;
  margin-bottom: var(--spacing-2) !important;
}

.h-py-2 {
  padding-top: var(--spacing-2) !important;
  padding-bottom: var(--spacing-2) !important;
}

.h-mx-2 {
  margin-left: var(--spacing-2) !important;
  margin-right: var(--spacing-2) !important;
}

.h-px-2 {
  padding-left: var(--spacing-2) !important;
  padding-right: var(--spacing-2) !important;
}

.h-m-3 {
  margin: var(--spacing-3) !important;
}

.h-p-3 {
  padding: var(--spacing-3) !important;
}

.h-mt-3 {
  margin-top: var(--spacing-3) !important;
}

.h-pt-3 {
  padding-top: var(--spacing-3) !important;
}

.h-mb-3 {
  margin-bottom: var(--spacing-3) !important;
}

.h-pb-3 {
  padding-bottom: var(--spacing-3) !important;
}

.h-ml-3 {
  margin-left: var(--spacing-3) !important;
}

.h-pl-3 {
  padding-left: var(--spacing-3) !important;
}

.h-mr-3 {
  margin-right: var(--spacing-3) !important;
}

.h-pr-3 {
  padding-right: var(--spacing-3) !important;
}

.h-mv-3 {
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-3) !important;
}

.h-pv-3 {
  padding-top: var(--spacing-3) !important;
  padding-bottom: var(--spacing-3) !important;
}

.h-mh-3 {
  margin-left: var(--spacing-3) !important;
  margin-right: var(--spacing-3) !important;
}

.h-ph-3 {
  padding-left: var(--spacing-3) !important;
  padding-right: var(--spacing-3) !important;
}

.h-my-3 {
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-3) !important;
}

.h-py-3 {
  padding-top: var(--spacing-3) !important;
  padding-bottom: var(--spacing-3) !important;
}

.h-mx-3 {
  margin-left: var(--spacing-3) !important;
  margin-right: var(--spacing-3) !important;
}

.h-px-3 {
  padding-left: var(--spacing-3) !important;
  padding-right: var(--spacing-3) !important;
}

.h-m-4 {
  margin: var(--spacing-4) !important;
}

.h-p-4 {
  padding: var(--spacing-4) !important;
}

.h-mt-4 {
  margin-top: var(--spacing-4) !important;
}

.h-pt-4 {
  padding-top: var(--spacing-4) !important;
}

.h-mb-4 {
  margin-bottom: var(--spacing-4) !important;
}

.h-pb-4 {
  padding-bottom: var(--spacing-4) !important;
}

.h-ml-4 {
  margin-left: var(--spacing-4) !important;
}

.h-pl-4 {
  padding-left: var(--spacing-4) !important;
}

.h-mr-4 {
  margin-right: var(--spacing-4) !important;
}

.h-pr-4 {
  padding-right: var(--spacing-4) !important;
}

.h-mv-4 {
  margin-top: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
}

.h-pv-4 {
  padding-top: var(--spacing-4) !important;
  padding-bottom: var(--spacing-4) !important;
}

.h-mh-4 {
  margin-left: var(--spacing-4) !important;
  margin-right: var(--spacing-4) !important;
}

.h-ph-4 {
  padding-left: var(--spacing-4) !important;
  padding-right: var(--spacing-4) !important;
}

.h-my-4 {
  margin-top: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
}

.h-py-4 {
  padding-top: var(--spacing-4) !important;
  padding-bottom: var(--spacing-4) !important;
}

.h-mx-4 {
  margin-left: var(--spacing-4) !important;
  margin-right: var(--spacing-4) !important;
}

.h-px-4 {
  padding-left: var(--spacing-4) !important;
  padding-right: var(--spacing-4) !important;
}

.h-m-5 {
  margin: var(--spacing-5) !important;
}

.h-p-5 {
  padding: var(--spacing-5) !important;
}

.h-mt-5 {
  margin-top: var(--spacing-5) !important;
}

.h-pt-5 {
  padding-top: var(--spacing-5) !important;
}

.h-mb-5 {
  margin-bottom: var(--spacing-5) !important;
}

.h-pb-5 {
  padding-bottom: var(--spacing-5) !important;
}

.h-ml-5 {
  margin-left: var(--spacing-5) !important;
}

.h-pl-5 {
  padding-left: var(--spacing-5) !important;
}

.h-mr-5 {
  margin-right: var(--spacing-5) !important;
}

.h-pr-5 {
  padding-right: var(--spacing-5) !important;
}

.h-mv-5 {
  margin-top: var(--spacing-5) !important;
  margin-bottom: var(--spacing-5) !important;
}

.h-pv-5 {
  padding-top: var(--spacing-5) !important;
  padding-bottom: var(--spacing-5) !important;
}

.h-mh-5 {
  margin-left: var(--spacing-5) !important;
  margin-right: var(--spacing-5) !important;
}

.h-ph-5 {
  padding-left: var(--spacing-5) !important;
  padding-right: var(--spacing-5) !important;
}

.h-my-5 {
  margin-top: var(--spacing-5) !important;
  margin-bottom: var(--spacing-5) !important;
}

.h-py-5 {
  padding-top: var(--spacing-5) !important;
  padding-bottom: var(--spacing-5) !important;
}

.h-mx-5 {
  margin-left: var(--spacing-5) !important;
  margin-right: var(--spacing-5) !important;
}

.h-px-5 {
  padding-left: var(--spacing-5) !important;
  padding-right: var(--spacing-5) !important;
}

.h-m-6 {
  margin: var(--spacing-6) !important;
}

.h-p-6 {
  padding: var(--spacing-6) !important;
}

.h-mt-6 {
  margin-top: var(--spacing-6) !important;
}

.h-pt-6 {
  padding-top: var(--spacing-6) !important;
}

.h-mb-6 {
  margin-bottom: var(--spacing-6) !important;
}

.h-pb-6 {
  padding-bottom: var(--spacing-6) !important;
}

.h-ml-6 {
  margin-left: var(--spacing-6) !important;
}

.h-pl-6 {
  padding-left: var(--spacing-6) !important;
}

.h-mr-6 {
  margin-right: var(--spacing-6) !important;
}

.h-pr-6 {
  padding-right: var(--spacing-6) !important;
}

.h-mv-6 {
  margin-top: var(--spacing-6) !important;
  margin-bottom: var(--spacing-6) !important;
}

.h-pv-6 {
  padding-top: var(--spacing-6) !important;
  padding-bottom: var(--spacing-6) !important;
}

.h-mh-6 {
  margin-left: var(--spacing-6) !important;
  margin-right: var(--spacing-6) !important;
}

.h-ph-6 {
  padding-left: var(--spacing-6) !important;
  padding-right: var(--spacing-6) !important;
}

.h-my-6 {
  margin-top: var(--spacing-6) !important;
  margin-bottom: var(--spacing-6) !important;
}

.h-py-6 {
  padding-top: var(--spacing-6) !important;
  padding-bottom: var(--spacing-6) !important;
}

.h-mx-6 {
  margin-left: var(--spacing-6) !important;
  margin-right: var(--spacing-6) !important;
}

.h-px-6 {
  padding-left: var(--spacing-6) !important;
  padding-right: var(--spacing-6) !important;
}

.h-m-7 {
  margin: var(--spacing-7) !important;
}

.h-p-7 {
  padding: var(--spacing-7) !important;
}

.h-mt-7 {
  margin-top: var(--spacing-7) !important;
}

.h-pt-7 {
  padding-top: var(--spacing-7) !important;
}

.h-mb-7 {
  margin-bottom: var(--spacing-7) !important;
}

.h-pb-7 {
  padding-bottom: var(--spacing-7) !important;
}

.h-ml-7 {
  margin-left: var(--spacing-7) !important;
}

.h-pl-7 {
  padding-left: var(--spacing-7) !important;
}

.h-mr-7 {
  margin-right: var(--spacing-7) !important;
}

.h-pr-7 {
  padding-right: var(--spacing-7) !important;
}

.h-mv-7 {
  margin-top: var(--spacing-7) !important;
  margin-bottom: var(--spacing-7) !important;
}

.h-pv-7 {
  padding-top: var(--spacing-7) !important;
  padding-bottom: var(--spacing-7) !important;
}

.h-mh-7 {
  margin-left: var(--spacing-7) !important;
  margin-right: var(--spacing-7) !important;
}

.h-ph-7 {
  padding-left: var(--spacing-7) !important;
  padding-right: var(--spacing-7) !important;
}

.h-my-7 {
  margin-top: var(--spacing-7) !important;
  margin-bottom: var(--spacing-7) !important;
}

.h-py-7 {
  padding-top: var(--spacing-7) !important;
  padding-bottom: var(--spacing-7) !important;
}

.h-mx-7 {
  margin-left: var(--spacing-7) !important;
  margin-right: var(--spacing-7) !important;
}

.h-px-7 {
  padding-left: var(--spacing-7) !important;
  padding-right: var(--spacing-7) !important;
}

.h-m-8 {
  margin: var(--spacing-8) !important;
}

.h-p-8 {
  padding: var(--spacing-8) !important;
}

.h-mt-8 {
  margin-top: var(--spacing-8) !important;
}

.h-pt-8 {
  padding-top: var(--spacing-8) !important;
}

.h-mb-8 {
  margin-bottom: var(--spacing-8) !important;
}

.h-pb-8 {
  padding-bottom: var(--spacing-8) !important;
}

.h-ml-8 {
  margin-left: var(--spacing-8) !important;
}

.h-pl-8 {
  padding-left: var(--spacing-8) !important;
}

.h-mr-8 {
  margin-right: var(--spacing-8) !important;
}

.h-pr-8 {
  padding-right: var(--spacing-8) !important;
}

.h-mv-8 {
  margin-top: var(--spacing-8) !important;
  margin-bottom: var(--spacing-8) !important;
}

.h-pv-8 {
  padding-top: var(--spacing-8) !important;
  padding-bottom: var(--spacing-8) !important;
}

.h-mh-8 {
  margin-left: var(--spacing-8) !important;
  margin-right: var(--spacing-8) !important;
}

.h-ph-8 {
  padding-left: var(--spacing-8) !important;
  padding-right: var(--spacing-8) !important;
}

.h-my-8 {
  margin-top: var(--spacing-8) !important;
  margin-bottom: var(--spacing-8) !important;
}

.h-py-8 {
  padding-top: var(--spacing-8) !important;
  padding-bottom: var(--spacing-8) !important;
}

.h-mx-8 {
  margin-left: var(--spacing-8) !important;
  margin-right: var(--spacing-8) !important;
}

.h-px-8 {
  padding-left: var(--spacing-8) !important;
  padding-right: var(--spacing-8) !important;
}

.h-m-9 {
  margin: var(--spacing-9) !important;
}

.h-p-9 {
  padding: var(--spacing-9) !important;
}

.h-mt-9 {
  margin-top: var(--spacing-9) !important;
}

.h-pt-9 {
  padding-top: var(--spacing-9) !important;
}

.h-mb-9 {
  margin-bottom: var(--spacing-9) !important;
}

.h-pb-9 {
  padding-bottom: var(--spacing-9) !important;
}

.h-ml-9 {
  margin-left: var(--spacing-9) !important;
}

.h-pl-9 {
  padding-left: var(--spacing-9) !important;
}

.h-mr-9 {
  margin-right: var(--spacing-9) !important;
}

.h-pr-9 {
  padding-right: var(--spacing-9) !important;
}

.h-mv-9 {
  margin-top: var(--spacing-9) !important;
  margin-bottom: var(--spacing-9) !important;
}

.h-pv-9 {
  padding-top: var(--spacing-9) !important;
  padding-bottom: var(--spacing-9) !important;
}

.h-mh-9 {
  margin-left: var(--spacing-9) !important;
  margin-right: var(--spacing-9) !important;
}

.h-ph-9 {
  padding-left: var(--spacing-9) !important;
  padding-right: var(--spacing-9) !important;
}

.h-my-9 {
  margin-top: var(--spacing-9) !important;
  margin-bottom: var(--spacing-9) !important;
}

.h-py-9 {
  padding-top: var(--spacing-9) !important;
  padding-bottom: var(--spacing-9) !important;
}

.h-mx-9 {
  margin-left: var(--spacing-9) !important;
  margin-right: var(--spacing-9) !important;
}

.h-px-9 {
  padding-left: var(--spacing-9) !important;
  padding-right: var(--spacing-9) !important;
}

.h-m-10 {
  margin: var(--spacing-10) !important;
}

.h-p-10 {
  padding: var(--spacing-10) !important;
}

.h-mt-10 {
  margin-top: var(--spacing-10) !important;
}

.h-pt-10 {
  padding-top: var(--spacing-10) !important;
}

.h-mb-10 {
  margin-bottom: var(--spacing-10) !important;
}

.h-pb-10 {
  padding-bottom: var(--spacing-10) !important;
}

.h-ml-10 {
  margin-left: var(--spacing-10) !important;
}

.h-pl-10 {
  padding-left: var(--spacing-10) !important;
}

.h-mr-10 {
  margin-right: var(--spacing-10) !important;
}

.h-pr-10 {
  padding-right: var(--spacing-10) !important;
}

.h-mv-10 {
  margin-top: var(--spacing-10) !important;
  margin-bottom: var(--spacing-10) !important;
}

.h-pv-10 {
  padding-top: var(--spacing-10) !important;
  padding-bottom: var(--spacing-10) !important;
}

.h-mh-10 {
  margin-left: var(--spacing-10) !important;
  margin-right: var(--spacing-10) !important;
}

.h-ph-10 {
  padding-left: var(--spacing-10) !important;
  padding-right: var(--spacing-10) !important;
}

.h-my-10 {
  margin-top: var(--spacing-10) !important;
  margin-bottom: var(--spacing-10) !important;
}

.h-py-10 {
  padding-top: var(--spacing-10) !important;
  padding-bottom: var(--spacing-10) !important;
}

.h-mx-10 {
  margin-left: var(--spacing-10) !important;
  margin-right: var(--spacing-10) !important;
}

.h-px-10 {
  padding-left: var(--spacing-10) !important;
  padding-right: var(--spacing-10) !important;
}

.h-m-11 {
  margin: var(--spacing-11) !important;
}

.h-p-11 {
  padding: var(--spacing-11) !important;
}

.h-mt-11 {
  margin-top: var(--spacing-11) !important;
}

.h-pt-11 {
  padding-top: var(--spacing-11) !important;
}

.h-mb-11 {
  margin-bottom: var(--spacing-11) !important;
}

.h-pb-11 {
  padding-bottom: var(--spacing-11) !important;
}

.h-ml-11 {
  margin-left: var(--spacing-11) !important;
}

.h-pl-11 {
  padding-left: var(--spacing-11) !important;
}

.h-mr-11 {
  margin-right: var(--spacing-11) !important;
}

.h-pr-11 {
  padding-right: var(--spacing-11) !important;
}

.h-mv-11 {
  margin-top: var(--spacing-11) !important;
  margin-bottom: var(--spacing-11) !important;
}

.h-pv-11 {
  padding-top: var(--spacing-11) !important;
  padding-bottom: var(--spacing-11) !important;
}

.h-mh-11 {
  margin-left: var(--spacing-11) !important;
  margin-right: var(--spacing-11) !important;
}

.h-ph-11 {
  padding-left: var(--spacing-11) !important;
  padding-right: var(--spacing-11) !important;
}

.h-my-11 {
  margin-top: var(--spacing-11) !important;
  margin-bottom: var(--spacing-11) !important;
}

.h-py-11 {
  padding-top: var(--spacing-11) !important;
  padding-bottom: var(--spacing-11) !important;
}

.h-mx-11 {
  margin-left: var(--spacing-11) !important;
  margin-right: var(--spacing-11) !important;
}

.h-px-11 {
  padding-left: var(--spacing-11) !important;
  padding-right: var(--spacing-11) !important;
}

.h-m-12 {
  margin: var(--spacing-12) !important;
}

.h-p-12 {
  padding: var(--spacing-12) !important;
}

.h-mt-12 {
  margin-top: var(--spacing-12) !important;
}

.h-pt-12 {
  padding-top: var(--spacing-12) !important;
}

.h-mb-12 {
  margin-bottom: var(--spacing-12) !important;
}

.h-pb-12 {
  padding-bottom: var(--spacing-12) !important;
}

.h-ml-12 {
  margin-left: var(--spacing-12) !important;
}

.h-pl-12 {
  padding-left: var(--spacing-12) !important;
}

.h-mr-12 {
  margin-right: var(--spacing-12) !important;
}

.h-pr-12 {
  padding-right: var(--spacing-12) !important;
}

.h-mv-12 {
  margin-top: var(--spacing-12) !important;
  margin-bottom: var(--spacing-12) !important;
}

.h-pv-12 {
  padding-top: var(--spacing-12) !important;
  padding-bottom: var(--spacing-12) !important;
}

.h-mh-12 {
  margin-left: var(--spacing-12) !important;
  margin-right: var(--spacing-12) !important;
}

.h-ph-12 {
  padding-left: var(--spacing-12) !important;
  padding-right: var(--spacing-12) !important;
}

.h-my-12 {
  margin-top: var(--spacing-12) !important;
  margin-bottom: var(--spacing-12) !important;
}

.h-py-12 {
  padding-top: var(--spacing-12) !important;
  padding-bottom: var(--spacing-12) !important;
}

.h-mx-12 {
  margin-left: var(--spacing-12) !important;
  margin-right: var(--spacing-12) !important;
}

.h-px-12 {
  padding-left: var(--spacing-12) !important;
  padding-right: var(--spacing-12) !important;
}

.h-m-13 {
  margin: var(--spacing-13) !important;
}

.h-p-13 {
  padding: var(--spacing-13) !important;
}

.h-mt-13 {
  margin-top: var(--spacing-13) !important;
}

.h-pt-13 {
  padding-top: var(--spacing-13) !important;
}

.h-mb-13 {
  margin-bottom: var(--spacing-13) !important;
}

.h-pb-13 {
  padding-bottom: var(--spacing-13) !important;
}

.h-ml-13 {
  margin-left: var(--spacing-13) !important;
}

.h-pl-13 {
  padding-left: var(--spacing-13) !important;
}

.h-mr-13 {
  margin-right: var(--spacing-13) !important;
}

.h-pr-13 {
  padding-right: var(--spacing-13) !important;
}

.h-mv-13 {
  margin-top: var(--spacing-13) !important;
  margin-bottom: var(--spacing-13) !important;
}

.h-pv-13 {
  padding-top: var(--spacing-13) !important;
  padding-bottom: var(--spacing-13) !important;
}

.h-mh-13 {
  margin-left: var(--spacing-13) !important;
  margin-right: var(--spacing-13) !important;
}

.h-ph-13 {
  padding-left: var(--spacing-13) !important;
  padding-right: var(--spacing-13) !important;
}

.h-my-13 {
  margin-top: var(--spacing-13) !important;
  margin-bottom: var(--spacing-13) !important;
}

.h-py-13 {
  padding-top: var(--spacing-13) !important;
  padding-bottom: var(--spacing-13) !important;
}

.h-mx-13 {
  margin-left: var(--spacing-13) !important;
  margin-right: var(--spacing-13) !important;
}

.h-px-13 {
  padding-left: var(--spacing-13) !important;
  padding-right: var(--spacing-13) !important;
}

.h-m-14 {
  margin: var(--spacing-14) !important;
}

.h-p-14 {
  padding: var(--spacing-14) !important;
}

.h-mt-14 {
  margin-top: var(--spacing-14) !important;
}

.h-pt-14 {
  padding-top: var(--spacing-14) !important;
}

.h-mb-14 {
  margin-bottom: var(--spacing-14) !important;
}

.h-pb-14 {
  padding-bottom: var(--spacing-14) !important;
}

.h-ml-14 {
  margin-left: var(--spacing-14) !important;
}

.h-pl-14 {
  padding-left: var(--spacing-14) !important;
}

.h-mr-14 {
  margin-right: var(--spacing-14) !important;
}

.h-pr-14 {
  padding-right: var(--spacing-14) !important;
}

.h-mv-14 {
  margin-top: var(--spacing-14) !important;
  margin-bottom: var(--spacing-14) !important;
}

.h-pv-14 {
  padding-top: var(--spacing-14) !important;
  padding-bottom: var(--spacing-14) !important;
}

.h-mh-14 {
  margin-left: var(--spacing-14) !important;
  margin-right: var(--spacing-14) !important;
}

.h-ph-14 {
  padding-left: var(--spacing-14) !important;
  padding-right: var(--spacing-14) !important;
}

.h-my-14 {
  margin-top: var(--spacing-14) !important;
  margin-bottom: var(--spacing-14) !important;
}

.h-py-14 {
  padding-top: var(--spacing-14) !important;
  padding-bottom: var(--spacing-14) !important;
}

.h-mx-14 {
  margin-left: var(--spacing-14) !important;
  margin-right: var(--spacing-14) !important;
}

.h-px-14 {
  padding-left: var(--spacing-14) !important;
  padding-right: var(--spacing-14) !important;
}

.h-m-15 {
  margin: var(--spacing-15) !important;
}

.h-p-15 {
  padding: var(--spacing-15) !important;
}

.h-mt-15 {
  margin-top: var(--spacing-15) !important;
}

.h-pt-15 {
  padding-top: var(--spacing-15) !important;
}

.h-mb-15 {
  margin-bottom: var(--spacing-15) !important;
}

.h-pb-15 {
  padding-bottom: var(--spacing-15) !important;
}

.h-ml-15 {
  margin-left: var(--spacing-15) !important;
}

.h-pl-15 {
  padding-left: var(--spacing-15) !important;
}

.h-mr-15 {
  margin-right: var(--spacing-15) !important;
}

.h-pr-15 {
  padding-right: var(--spacing-15) !important;
}

.h-mv-15 {
  margin-top: var(--spacing-15) !important;
  margin-bottom: var(--spacing-15) !important;
}

.h-pv-15 {
  padding-top: var(--spacing-15) !important;
  padding-bottom: var(--spacing-15) !important;
}

.h-mh-15 {
  margin-left: var(--spacing-15) !important;
  margin-right: var(--spacing-15) !important;
}

.h-ph-15 {
  padding-left: var(--spacing-15) !important;
  padding-right: var(--spacing-15) !important;
}

.h-my-15 {
  margin-top: var(--spacing-15) !important;
  margin-bottom: var(--spacing-15) !important;
}

.h-py-15 {
  padding-top: var(--spacing-15) !important;
  padding-bottom: var(--spacing-15) !important;
}

.h-mx-15 {
  margin-left: var(--spacing-15) !important;
  margin-right: var(--spacing-15) !important;
}

.h-px-15 {
  padding-left: var(--spacing-15) !important;
  padding-right: var(--spacing-15) !important;
}

.h-m-16 {
  margin: var(--spacing-16) !important;
}

.h-p-16 {
  padding: var(--spacing-16) !important;
}

.h-mt-16 {
  margin-top: var(--spacing-16) !important;
}

.h-pt-16 {
  padding-top: var(--spacing-16) !important;
}

.h-mb-16 {
  margin-bottom: var(--spacing-16) !important;
}

.h-pb-16 {
  padding-bottom: var(--spacing-16) !important;
}

.h-ml-16 {
  margin-left: var(--spacing-16) !important;
}

.h-pl-16 {
  padding-left: var(--spacing-16) !important;
}

.h-mr-16 {
  margin-right: var(--spacing-16) !important;
}

.h-pr-16 {
  padding-right: var(--spacing-16) !important;
}

.h-mv-16 {
  margin-top: var(--spacing-16) !important;
  margin-bottom: var(--spacing-16) !important;
}

.h-pv-16 {
  padding-top: var(--spacing-16) !important;
  padding-bottom: var(--spacing-16) !important;
}

.h-mh-16 {
  margin-left: var(--spacing-16) !important;
  margin-right: var(--spacing-16) !important;
}

.h-ph-16 {
  padding-left: var(--spacing-16) !important;
  padding-right: var(--spacing-16) !important;
}

.h-my-16 {
  margin-top: var(--spacing-16) !important;
  margin-bottom: var(--spacing-16) !important;
}

.h-py-16 {
  padding-top: var(--spacing-16) !important;
  padding-bottom: var(--spacing-16) !important;
}

.h-mx-16 {
  margin-left: var(--spacing-16) !important;
  margin-right: var(--spacing-16) !important;
}

.h-px-16 {
  padding-left: var(--spacing-16) !important;
  padding-right: var(--spacing-16) !important;
}

.h-m-17 {
  margin: var(--spacing-17) !important;
}

.h-p-17 {
  padding: var(--spacing-17) !important;
}

.h-mt-17 {
  margin-top: var(--spacing-17) !important;
}

.h-pt-17 {
  padding-top: var(--spacing-17) !important;
}

.h-mb-17 {
  margin-bottom: var(--spacing-17) !important;
}

.h-pb-17 {
  padding-bottom: var(--spacing-17) !important;
}

.h-ml-17 {
  margin-left: var(--spacing-17) !important;
}

.h-pl-17 {
  padding-left: var(--spacing-17) !important;
}

.h-mr-17 {
  margin-right: var(--spacing-17) !important;
}

.h-pr-17 {
  padding-right: var(--spacing-17) !important;
}

.h-mv-17 {
  margin-top: var(--spacing-17) !important;
  margin-bottom: var(--spacing-17) !important;
}

.h-pv-17 {
  padding-top: var(--spacing-17) !important;
  padding-bottom: var(--spacing-17) !important;
}

.h-mh-17 {
  margin-left: var(--spacing-17) !important;
  margin-right: var(--spacing-17) !important;
}

.h-ph-17 {
  padding-left: var(--spacing-17) !important;
  padding-right: var(--spacing-17) !important;
}

.h-my-17 {
  margin-top: var(--spacing-17) !important;
  margin-bottom: var(--spacing-17) !important;
}

.h-py-17 {
  padding-top: var(--spacing-17) !important;
  padding-bottom: var(--spacing-17) !important;
}

.h-mx-17 {
  margin-left: var(--spacing-17) !important;
  margin-right: var(--spacing-17) !important;
}

.h-px-17 {
  padding-left: var(--spacing-17) !important;
  padding-right: var(--spacing-17) !important;
}

.h-m-18 {
  margin: var(--spacing-18) !important;
}

.h-p-18 {
  padding: var(--spacing-18) !important;
}

.h-mt-18 {
  margin-top: var(--spacing-18) !important;
}

.h-pt-18 {
  padding-top: var(--spacing-18) !important;
}

.h-mb-18 {
  margin-bottom: var(--spacing-18) !important;
}

.h-pb-18 {
  padding-bottom: var(--spacing-18) !important;
}

.h-ml-18 {
  margin-left: var(--spacing-18) !important;
}

.h-pl-18 {
  padding-left: var(--spacing-18) !important;
}

.h-mr-18 {
  margin-right: var(--spacing-18) !important;
}

.h-pr-18 {
  padding-right: var(--spacing-18) !important;
}

.h-mv-18 {
  margin-top: var(--spacing-18) !important;
  margin-bottom: var(--spacing-18) !important;
}

.h-pv-18 {
  padding-top: var(--spacing-18) !important;
  padding-bottom: var(--spacing-18) !important;
}

.h-mh-18 {
  margin-left: var(--spacing-18) !important;
  margin-right: var(--spacing-18) !important;
}

.h-ph-18 {
  padding-left: var(--spacing-18) !important;
  padding-right: var(--spacing-18) !important;
}

.h-my-18 {
  margin-top: var(--spacing-18) !important;
  margin-bottom: var(--spacing-18) !important;
}

.h-py-18 {
  padding-top: var(--spacing-18) !important;
  padding-bottom: var(--spacing-18) !important;
}

.h-mx-18 {
  margin-left: var(--spacing-18) !important;
  margin-right: var(--spacing-18) !important;
}

.h-px-18 {
  padding-left: var(--spacing-18) !important;
  padding-right: var(--spacing-18) !important;
}

.h-m-19 {
  margin: var(--spacing-19) !important;
}

.h-p-19 {
  padding: var(--spacing-19) !important;
}

.h-mt-19 {
  margin-top: var(--spacing-19) !important;
}

.h-pt-19 {
  padding-top: var(--spacing-19) !important;
}

.h-mb-19 {
  margin-bottom: var(--spacing-19) !important;
}

.h-pb-19 {
  padding-bottom: var(--spacing-19) !important;
}

.h-ml-19 {
  margin-left: var(--spacing-19) !important;
}

.h-pl-19 {
  padding-left: var(--spacing-19) !important;
}

.h-mr-19 {
  margin-right: var(--spacing-19) !important;
}

.h-pr-19 {
  padding-right: var(--spacing-19) !important;
}

.h-mv-19 {
  margin-top: var(--spacing-19) !important;
  margin-bottom: var(--spacing-19) !important;
}

.h-pv-19 {
  padding-top: var(--spacing-19) !important;
  padding-bottom: var(--spacing-19) !important;
}

.h-mh-19 {
  margin-left: var(--spacing-19) !important;
  margin-right: var(--spacing-19) !important;
}

.h-ph-19 {
  padding-left: var(--spacing-19) !important;
  padding-right: var(--spacing-19) !important;
}

.h-my-19 {
  margin-top: var(--spacing-19) !important;
  margin-bottom: var(--spacing-19) !important;
}

.h-py-19 {
  padding-top: var(--spacing-19) !important;
  padding-bottom: var(--spacing-19) !important;
}

.h-mx-19 {
  margin-left: var(--spacing-19) !important;
  margin-right: var(--spacing-19) !important;
}

.h-px-19 {
  padding-left: var(--spacing-19) !important;
  padding-right: var(--spacing-19) !important;
}

.h-m-20 {
  margin: var(--spacing-20) !important;
}

.h-p-20 {
  padding: var(--spacing-20) !important;
}

.h-mt-20 {
  margin-top: var(--spacing-20) !important;
}

.h-pt-20 {
  padding-top: var(--spacing-20) !important;
}

.h-mb-20 {
  margin-bottom: var(--spacing-20) !important;
}

.h-pb-20 {
  padding-bottom: var(--spacing-20) !important;
}

.h-ml-20 {
  margin-left: var(--spacing-20) !important;
}

.h-pl-20 {
  padding-left: var(--spacing-20) !important;
}

.h-mr-20 {
  margin-right: var(--spacing-20) !important;
}

.h-pr-20 {
  padding-right: var(--spacing-20) !important;
}

.h-mv-20 {
  margin-top: var(--spacing-20) !important;
  margin-bottom: var(--spacing-20) !important;
}

.h-pv-20 {
  padding-top: var(--spacing-20) !important;
  padding-bottom: var(--spacing-20) !important;
}

.h-mh-20 {
  margin-left: var(--spacing-20) !important;
  margin-right: var(--spacing-20) !important;
}

.h-ph-20 {
  padding-left: var(--spacing-20) !important;
  padding-right: var(--spacing-20) !important;
}

.h-my-20 {
  margin-top: var(--spacing-20) !important;
  margin-bottom: var(--spacing-20) !important;
}

.h-py-20 {
  padding-top: var(--spacing-20) !important;
  padding-bottom: var(--spacing-20) !important;
}

.h-mx-20 {
  margin-left: var(--spacing-20) !important;
  margin-right: var(--spacing-20) !important;
}

.h-px-20 {
  padding-left: var(--spacing-20) !important;
  padding-right: var(--spacing-20) !important;
}

.h-m-21 {
  margin: var(--spacing-21) !important;
}

.h-p-21 {
  padding: var(--spacing-21) !important;
}

.h-mt-21 {
  margin-top: var(--spacing-21) !important;
}

.h-pt-21 {
  padding-top: var(--spacing-21) !important;
}

.h-mb-21 {
  margin-bottom: var(--spacing-21) !important;
}

.h-pb-21 {
  padding-bottom: var(--spacing-21) !important;
}

.h-ml-21 {
  margin-left: var(--spacing-21) !important;
}

.h-pl-21 {
  padding-left: var(--spacing-21) !important;
}

.h-mr-21 {
  margin-right: var(--spacing-21) !important;
}

.h-pr-21 {
  padding-right: var(--spacing-21) !important;
}

.h-mv-21 {
  margin-top: var(--spacing-21) !important;
  margin-bottom: var(--spacing-21) !important;
}

.h-pv-21 {
  padding-top: var(--spacing-21) !important;
  padding-bottom: var(--spacing-21) !important;
}

.h-mh-21 {
  margin-left: var(--spacing-21) !important;
  margin-right: var(--spacing-21) !important;
}

.h-ph-21 {
  padding-left: var(--spacing-21) !important;
  padding-right: var(--spacing-21) !important;
}

.h-my-21 {
  margin-top: var(--spacing-21) !important;
  margin-bottom: var(--spacing-21) !important;
}

.h-py-21 {
  padding-top: var(--spacing-21) !important;
  padding-bottom: var(--spacing-21) !important;
}

.h-mx-21 {
  margin-left: var(--spacing-21) !important;
  margin-right: var(--spacing-21) !important;
}

.h-px-21 {
  padding-left: var(--spacing-21) !important;
  padding-right: var(--spacing-21) !important;
}

.h-m-22 {
  margin: var(--spacing-22) !important;
}

.h-p-22 {
  padding: var(--spacing-22) !important;
}

.h-mt-22 {
  margin-top: var(--spacing-22) !important;
}

.h-pt-22 {
  padding-top: var(--spacing-22) !important;
}

.h-mb-22 {
  margin-bottom: var(--spacing-22) !important;
}

.h-pb-22 {
  padding-bottom: var(--spacing-22) !important;
}

.h-ml-22 {
  margin-left: var(--spacing-22) !important;
}

.h-pl-22 {
  padding-left: var(--spacing-22) !important;
}

.h-mr-22 {
  margin-right: var(--spacing-22) !important;
}

.h-pr-22 {
  padding-right: var(--spacing-22) !important;
}

.h-mv-22 {
  margin-top: var(--spacing-22) !important;
  margin-bottom: var(--spacing-22) !important;
}

.h-pv-22 {
  padding-top: var(--spacing-22) !important;
  padding-bottom: var(--spacing-22) !important;
}

.h-mh-22 {
  margin-left: var(--spacing-22) !important;
  margin-right: var(--spacing-22) !important;
}

.h-ph-22 {
  padding-left: var(--spacing-22) !important;
  padding-right: var(--spacing-22) !important;
}

.h-my-22 {
  margin-top: var(--spacing-22) !important;
  margin-bottom: var(--spacing-22) !important;
}

.h-py-22 {
  padding-top: var(--spacing-22) !important;
  padding-bottom: var(--spacing-22) !important;
}

.h-mx-22 {
  margin-left: var(--spacing-22) !important;
  margin-right: var(--spacing-22) !important;
}

.h-px-22 {
  padding-left: var(--spacing-22) !important;
  padding-right: var(--spacing-22) !important;
}

.h-m-23 {
  margin: var(--spacing-23) !important;
}

.h-p-23 {
  padding: var(--spacing-23) !important;
}

.h-mt-23 {
  margin-top: var(--spacing-23) !important;
}

.h-pt-23 {
  padding-top: var(--spacing-23) !important;
}

.h-mb-23 {
  margin-bottom: var(--spacing-23) !important;
}

.h-pb-23 {
  padding-bottom: var(--spacing-23) !important;
}

.h-ml-23 {
  margin-left: var(--spacing-23) !important;
}

.h-pl-23 {
  padding-left: var(--spacing-23) !important;
}

.h-mr-23 {
  margin-right: var(--spacing-23) !important;
}

.h-pr-23 {
  padding-right: var(--spacing-23) !important;
}

.h-mv-23 {
  margin-top: var(--spacing-23) !important;
  margin-bottom: var(--spacing-23) !important;
}

.h-pv-23 {
  padding-top: var(--spacing-23) !important;
  padding-bottom: var(--spacing-23) !important;
}

.h-mh-23 {
  margin-left: var(--spacing-23) !important;
  margin-right: var(--spacing-23) !important;
}

.h-ph-23 {
  padding-left: var(--spacing-23) !important;
  padding-right: var(--spacing-23) !important;
}

.h-my-23 {
  margin-top: var(--spacing-23) !important;
  margin-bottom: var(--spacing-23) !important;
}

.h-py-23 {
  padding-top: var(--spacing-23) !important;
  padding-bottom: var(--spacing-23) !important;
}

.h-mx-23 {
  margin-left: var(--spacing-23) !important;
  margin-right: var(--spacing-23) !important;
}

.h-px-23 {
  padding-left: var(--spacing-23) !important;
  padding-right: var(--spacing-23) !important;
}

.h-m-24 {
  margin: var(--spacing-24) !important;
}

.h-p-24 {
  padding: var(--spacing-24) !important;
}

.h-mt-24 {
  margin-top: var(--spacing-24) !important;
}

.h-pt-24 {
  padding-top: var(--spacing-24) !important;
}

.h-mb-24 {
  margin-bottom: var(--spacing-24) !important;
}

.h-pb-24 {
  padding-bottom: var(--spacing-24) !important;
}

.h-ml-24 {
  margin-left: var(--spacing-24) !important;
}

.h-pl-24 {
  padding-left: var(--spacing-24) !important;
}

.h-mr-24 {
  margin-right: var(--spacing-24) !important;
}

.h-pr-24 {
  padding-right: var(--spacing-24) !important;
}

.h-mv-24 {
  margin-top: var(--spacing-24) !important;
  margin-bottom: var(--spacing-24) !important;
}

.h-pv-24 {
  padding-top: var(--spacing-24) !important;
  padding-bottom: var(--spacing-24) !important;
}

.h-mh-24 {
  margin-left: var(--spacing-24) !important;
  margin-right: var(--spacing-24) !important;
}

.h-ph-24 {
  padding-left: var(--spacing-24) !important;
  padding-right: var(--spacing-24) !important;
}

.h-my-24 {
  margin-top: var(--spacing-24) !important;
  margin-bottom: var(--spacing-24) !important;
}

.h-py-24 {
  padding-top: var(--spacing-24) !important;
  padding-bottom: var(--spacing-24) !important;
}

.h-mx-24 {
  margin-left: var(--spacing-24) !important;
  margin-right: var(--spacing-24) !important;
}

.h-px-24 {
  padding-left: var(--spacing-24) !important;
  padding-right: var(--spacing-24) !important;
}

.h-m-25 {
  margin: var(--spacing-25) !important;
}

.h-p-25 {
  padding: var(--spacing-25) !important;
}

.h-mt-25 {
  margin-top: var(--spacing-25) !important;
}

.h-pt-25 {
  padding-top: var(--spacing-25) !important;
}

.h-mb-25 {
  margin-bottom: var(--spacing-25) !important;
}

.h-pb-25 {
  padding-bottom: var(--spacing-25) !important;
}

.h-ml-25 {
  margin-left: var(--spacing-25) !important;
}

.h-pl-25 {
  padding-left: var(--spacing-25) !important;
}

.h-mr-25 {
  margin-right: var(--spacing-25) !important;
}

.h-pr-25 {
  padding-right: var(--spacing-25) !important;
}

.h-mv-25 {
  margin-top: var(--spacing-25) !important;
  margin-bottom: var(--spacing-25) !important;
}

.h-pv-25 {
  padding-top: var(--spacing-25) !important;
  padding-bottom: var(--spacing-25) !important;
}

.h-mh-25 {
  margin-left: var(--spacing-25) !important;
  margin-right: var(--spacing-25) !important;
}

.h-ph-25 {
  padding-left: var(--spacing-25) !important;
  padding-right: var(--spacing-25) !important;
}

.h-my-25 {
  margin-top: var(--spacing-25) !important;
  margin-bottom: var(--spacing-25) !important;
}

.h-py-25 {
  padding-top: var(--spacing-25) !important;
  padding-bottom: var(--spacing-25) !important;
}

.h-mx-25 {
  margin-left: var(--spacing-25) !important;
  margin-right: var(--spacing-25) !important;
}

.h-px-25 {
  padding-left: var(--spacing-25) !important;
  padding-right: var(--spacing-25) !important;
}

.h-m-26 {
  margin: var(--spacing-26) !important;
}

.h-p-26 {
  padding: var(--spacing-26) !important;
}

.h-mt-26 {
  margin-top: var(--spacing-26) !important;
}

.h-pt-26 {
  padding-top: var(--spacing-26) !important;
}

.h-mb-26 {
  margin-bottom: var(--spacing-26) !important;
}

.h-pb-26 {
  padding-bottom: var(--spacing-26) !important;
}

.h-ml-26 {
  margin-left: var(--spacing-26) !important;
}

.h-pl-26 {
  padding-left: var(--spacing-26) !important;
}

.h-mr-26 {
  margin-right: var(--spacing-26) !important;
}

.h-pr-26 {
  padding-right: var(--spacing-26) !important;
}

.h-mv-26 {
  margin-top: var(--spacing-26) !important;
  margin-bottom: var(--spacing-26) !important;
}

.h-pv-26 {
  padding-top: var(--spacing-26) !important;
  padding-bottom: var(--spacing-26) !important;
}

.h-mh-26 {
  margin-left: var(--spacing-26) !important;
  margin-right: var(--spacing-26) !important;
}

.h-ph-26 {
  padding-left: var(--spacing-26) !important;
  padding-right: var(--spacing-26) !important;
}

.h-my-26 {
  margin-top: var(--spacing-26) !important;
  margin-bottom: var(--spacing-26) !important;
}

.h-py-26 {
  padding-top: var(--spacing-26) !important;
  padding-bottom: var(--spacing-26) !important;
}

.h-mx-26 {
  margin-left: var(--spacing-26) !important;
  margin-right: var(--spacing-26) !important;
}

.h-px-26 {
  padding-left: var(--spacing-26) !important;
  padding-right: var(--spacing-26) !important;
}

.h-m-27 {
  margin: var(--spacing-27) !important;
}

.h-p-27 {
  padding: var(--spacing-27) !important;
}

.h-mt-27 {
  margin-top: var(--spacing-27) !important;
}

.h-pt-27 {
  padding-top: var(--spacing-27) !important;
}

.h-mb-27 {
  margin-bottom: var(--spacing-27) !important;
}

.h-pb-27 {
  padding-bottom: var(--spacing-27) !important;
}

.h-ml-27 {
  margin-left: var(--spacing-27) !important;
}

.h-pl-27 {
  padding-left: var(--spacing-27) !important;
}

.h-mr-27 {
  margin-right: var(--spacing-27) !important;
}

.h-pr-27 {
  padding-right: var(--spacing-27) !important;
}

.h-mv-27 {
  margin-top: var(--spacing-27) !important;
  margin-bottom: var(--spacing-27) !important;
}

.h-pv-27 {
  padding-top: var(--spacing-27) !important;
  padding-bottom: var(--spacing-27) !important;
}

.h-mh-27 {
  margin-left: var(--spacing-27) !important;
  margin-right: var(--spacing-27) !important;
}

.h-ph-27 {
  padding-left: var(--spacing-27) !important;
  padding-right: var(--spacing-27) !important;
}

.h-my-27 {
  margin-top: var(--spacing-27) !important;
  margin-bottom: var(--spacing-27) !important;
}

.h-py-27 {
  padding-top: var(--spacing-27) !important;
  padding-bottom: var(--spacing-27) !important;
}

.h-mx-27 {
  margin-left: var(--spacing-27) !important;
  margin-right: var(--spacing-27) !important;
}

.h-px-27 {
  padding-left: var(--spacing-27) !important;
  padding-right: var(--spacing-27) !important;
}

.h-m-28 {
  margin: var(--spacing-28) !important;
}

.h-p-28 {
  padding: var(--spacing-28) !important;
}

.h-mt-28 {
  margin-top: var(--spacing-28) !important;
}

.h-pt-28 {
  padding-top: var(--spacing-28) !important;
}

.h-mb-28 {
  margin-bottom: var(--spacing-28) !important;
}

.h-pb-28 {
  padding-bottom: var(--spacing-28) !important;
}

.h-ml-28 {
  margin-left: var(--spacing-28) !important;
}

.h-pl-28 {
  padding-left: var(--spacing-28) !important;
}

.h-mr-28 {
  margin-right: var(--spacing-28) !important;
}

.h-pr-28 {
  padding-right: var(--spacing-28) !important;
}

.h-mv-28 {
  margin-top: var(--spacing-28) !important;
  margin-bottom: var(--spacing-28) !important;
}

.h-pv-28 {
  padding-top: var(--spacing-28) !important;
  padding-bottom: var(--spacing-28) !important;
}

.h-mh-28 {
  margin-left: var(--spacing-28) !important;
  margin-right: var(--spacing-28) !important;
}

.h-ph-28 {
  padding-left: var(--spacing-28) !important;
  padding-right: var(--spacing-28) !important;
}

.h-my-28 {
  margin-top: var(--spacing-28) !important;
  margin-bottom: var(--spacing-28) !important;
}

.h-py-28 {
  padding-top: var(--spacing-28) !important;
  padding-bottom: var(--spacing-28) !important;
}

.h-mx-28 {
  margin-left: var(--spacing-28) !important;
  margin-right: var(--spacing-28) !important;
}

.h-px-28 {
  padding-left: var(--spacing-28) !important;
  padding-right: var(--spacing-28) !important;
}

.h-m-29 {
  margin: var(--spacing-29) !important;
}

.h-p-29 {
  padding: var(--spacing-29) !important;
}

.h-mt-29 {
  margin-top: var(--spacing-29) !important;
}

.h-pt-29 {
  padding-top: var(--spacing-29) !important;
}

.h-mb-29 {
  margin-bottom: var(--spacing-29) !important;
}

.h-pb-29 {
  padding-bottom: var(--spacing-29) !important;
}

.h-ml-29 {
  margin-left: var(--spacing-29) !important;
}

.h-pl-29 {
  padding-left: var(--spacing-29) !important;
}

.h-mr-29 {
  margin-right: var(--spacing-29) !important;
}

.h-pr-29 {
  padding-right: var(--spacing-29) !important;
}

.h-mv-29 {
  margin-top: var(--spacing-29) !important;
  margin-bottom: var(--spacing-29) !important;
}

.h-pv-29 {
  padding-top: var(--spacing-29) !important;
  padding-bottom: var(--spacing-29) !important;
}

.h-mh-29 {
  margin-left: var(--spacing-29) !important;
  margin-right: var(--spacing-29) !important;
}

.h-ph-29 {
  padding-left: var(--spacing-29) !important;
  padding-right: var(--spacing-29) !important;
}

.h-my-29 {
  margin-top: var(--spacing-29) !important;
  margin-bottom: var(--spacing-29) !important;
}

.h-py-29 {
  padding-top: var(--spacing-29) !important;
  padding-bottom: var(--spacing-29) !important;
}

.h-mx-29 {
  margin-left: var(--spacing-29) !important;
  margin-right: var(--spacing-29) !important;
}

.h-px-29 {
  padding-left: var(--spacing-29) !important;
  padding-right: var(--spacing-29) !important;
}

.h-m-30 {
  margin: var(--spacing-30) !important;
}

.h-p-30 {
  padding: var(--spacing-30) !important;
}

.h-mt-30 {
  margin-top: var(--spacing-30) !important;
}

.h-pt-30 {
  padding-top: var(--spacing-30) !important;
}

.h-mb-30 {
  margin-bottom: var(--spacing-30) !important;
}

.h-pb-30 {
  padding-bottom: var(--spacing-30) !important;
}

.h-ml-30 {
  margin-left: var(--spacing-30) !important;
}

.h-pl-30 {
  padding-left: var(--spacing-30) !important;
}

.h-mr-30 {
  margin-right: var(--spacing-30) !important;
}

.h-pr-30 {
  padding-right: var(--spacing-30) !important;
}

.h-mv-30 {
  margin-top: var(--spacing-30) !important;
  margin-bottom: var(--spacing-30) !important;
}

.h-pv-30 {
  padding-top: var(--spacing-30) !important;
  padding-bottom: var(--spacing-30) !important;
}

.h-mh-30 {
  margin-left: var(--spacing-30) !important;
  margin-right: var(--spacing-30) !important;
}

.h-ph-30 {
  padding-left: var(--spacing-30) !important;
  padding-right: var(--spacing-30) !important;
}

.h-my-30 {
  margin-top: var(--spacing-30) !important;
  margin-bottom: var(--spacing-30) !important;
}

.h-py-30 {
  padding-top: var(--spacing-30) !important;
  padding-bottom: var(--spacing-30) !important;
}

.h-mx-30 {
  margin-left: var(--spacing-30) !important;
  margin-right: var(--spacing-30) !important;
}

.h-px-30 {
  padding-left: var(--spacing-30) !important;
  padding-right: var(--spacing-30) !important;
}

.h-m-31 {
  margin: var(--spacing-31) !important;
}

.h-p-31 {
  padding: var(--spacing-31) !important;
}

.h-mt-31 {
  margin-top: var(--spacing-31) !important;
}

.h-pt-31 {
  padding-top: var(--spacing-31) !important;
}

.h-mb-31 {
  margin-bottom: var(--spacing-31) !important;
}

.h-pb-31 {
  padding-bottom: var(--spacing-31) !important;
}

.h-ml-31 {
  margin-left: var(--spacing-31) !important;
}

.h-pl-31 {
  padding-left: var(--spacing-31) !important;
}

.h-mr-31 {
  margin-right: var(--spacing-31) !important;
}

.h-pr-31 {
  padding-right: var(--spacing-31) !important;
}

.h-mv-31 {
  margin-top: var(--spacing-31) !important;
  margin-bottom: var(--spacing-31) !important;
}

.h-pv-31 {
  padding-top: var(--spacing-31) !important;
  padding-bottom: var(--spacing-31) !important;
}

.h-mh-31 {
  margin-left: var(--spacing-31) !important;
  margin-right: var(--spacing-31) !important;
}

.h-ph-31 {
  padding-left: var(--spacing-31) !important;
  padding-right: var(--spacing-31) !important;
}

.h-my-31 {
  margin-top: var(--spacing-31) !important;
  margin-bottom: var(--spacing-31) !important;
}

.h-py-31 {
  padding-top: var(--spacing-31) !important;
  padding-bottom: var(--spacing-31) !important;
}

.h-mx-31 {
  margin-left: var(--spacing-31) !important;
  margin-right: var(--spacing-31) !important;
}

.h-px-31 {
  padding-left: var(--spacing-31) !important;
  padding-right: var(--spacing-31) !important;
}

.h-m-32 {
  margin: var(--spacing-32) !important;
}

.h-p-32 {
  padding: var(--spacing-32) !important;
}

.h-mt-32 {
  margin-top: var(--spacing-32) !important;
}

.h-pt-32 {
  padding-top: var(--spacing-32) !important;
}

.h-mb-32 {
  margin-bottom: var(--spacing-32) !important;
}

.h-pb-32 {
  padding-bottom: var(--spacing-32) !important;
}

.h-ml-32 {
  margin-left: var(--spacing-32) !important;
}

.h-pl-32 {
  padding-left: var(--spacing-32) !important;
}

.h-mr-32 {
  margin-right: var(--spacing-32) !important;
}

.h-pr-32 {
  padding-right: var(--spacing-32) !important;
}

.h-mv-32 {
  margin-top: var(--spacing-32) !important;
  margin-bottom: var(--spacing-32) !important;
}

.h-pv-32 {
  padding-top: var(--spacing-32) !important;
  padding-bottom: var(--spacing-32) !important;
}

.h-mh-32 {
  margin-left: var(--spacing-32) !important;
  margin-right: var(--spacing-32) !important;
}

.h-ph-32 {
  padding-left: var(--spacing-32) !important;
  padding-right: var(--spacing-32) !important;
}

.h-my-32 {
  margin-top: var(--spacing-32) !important;
  margin-bottom: var(--spacing-32) !important;
}

.h-py-32 {
  padding-top: var(--spacing-32) !important;
  padding-bottom: var(--spacing-32) !important;
}

.h-mx-32 {
  margin-left: var(--spacing-32) !important;
  margin-right: var(--spacing-32) !important;
}

.h-px-32 {
  padding-left: var(--spacing-32) !important;
  padding-right: var(--spacing-32) !important;
}

.h-m-33 {
  margin: var(--spacing-33) !important;
}

.h-p-33 {
  padding: var(--spacing-33) !important;
}

.h-mt-33 {
  margin-top: var(--spacing-33) !important;
}

.h-pt-33 {
  padding-top: var(--spacing-33) !important;
}

.h-mb-33 {
  margin-bottom: var(--spacing-33) !important;
}

.h-pb-33 {
  padding-bottom: var(--spacing-33) !important;
}

.h-ml-33 {
  margin-left: var(--spacing-33) !important;
}

.h-pl-33 {
  padding-left: var(--spacing-33) !important;
}

.h-mr-33 {
  margin-right: var(--spacing-33) !important;
}

.h-pr-33 {
  padding-right: var(--spacing-33) !important;
}

.h-mv-33 {
  margin-top: var(--spacing-33) !important;
  margin-bottom: var(--spacing-33) !important;
}

.h-pv-33 {
  padding-top: var(--spacing-33) !important;
  padding-bottom: var(--spacing-33) !important;
}

.h-mh-33 {
  margin-left: var(--spacing-33) !important;
  margin-right: var(--spacing-33) !important;
}

.h-ph-33 {
  padding-left: var(--spacing-33) !important;
  padding-right: var(--spacing-33) !important;
}

.h-my-33 {
  margin-top: var(--spacing-33) !important;
  margin-bottom: var(--spacing-33) !important;
}

.h-py-33 {
  padding-top: var(--spacing-33) !important;
  padding-bottom: var(--spacing-33) !important;
}

.h-mx-33 {
  margin-left: var(--spacing-33) !important;
  margin-right: var(--spacing-33) !important;
}

.h-px-33 {
  padding-left: var(--spacing-33) !important;
  padding-right: var(--spacing-33) !important;
}

.h-m-34 {
  margin: var(--spacing-34) !important;
}

.h-p-34 {
  padding: var(--spacing-34) !important;
}

.h-mt-34 {
  margin-top: var(--spacing-34) !important;
}

.h-pt-34 {
  padding-top: var(--spacing-34) !important;
}

.h-mb-34 {
  margin-bottom: var(--spacing-34) !important;
}

.h-pb-34 {
  padding-bottom: var(--spacing-34) !important;
}

.h-ml-34 {
  margin-left: var(--spacing-34) !important;
}

.h-pl-34 {
  padding-left: var(--spacing-34) !important;
}

.h-mr-34 {
  margin-right: var(--spacing-34) !important;
}

.h-pr-34 {
  padding-right: var(--spacing-34) !important;
}

.h-mv-34 {
  margin-top: var(--spacing-34) !important;
  margin-bottom: var(--spacing-34) !important;
}

.h-pv-34 {
  padding-top: var(--spacing-34) !important;
  padding-bottom: var(--spacing-34) !important;
}

.h-mh-34 {
  margin-left: var(--spacing-34) !important;
  margin-right: var(--spacing-34) !important;
}

.h-ph-34 {
  padding-left: var(--spacing-34) !important;
  padding-right: var(--spacing-34) !important;
}

.h-my-34 {
  margin-top: var(--spacing-34) !important;
  margin-bottom: var(--spacing-34) !important;
}

.h-py-34 {
  padding-top: var(--spacing-34) !important;
  padding-bottom: var(--spacing-34) !important;
}

.h-mx-34 {
  margin-left: var(--spacing-34) !important;
  margin-right: var(--spacing-34) !important;
}

.h-px-34 {
  padding-left: var(--spacing-34) !important;
  padding-right: var(--spacing-34) !important;
}

.h-m-35 {
  margin: var(--spacing-35) !important;
}

.h-p-35 {
  padding: var(--spacing-35) !important;
}

.h-mt-35 {
  margin-top: var(--spacing-35) !important;
}

.h-pt-35 {
  padding-top: var(--spacing-35) !important;
}

.h-mb-35 {
  margin-bottom: var(--spacing-35) !important;
}

.h-pb-35 {
  padding-bottom: var(--spacing-35) !important;
}

.h-ml-35 {
  margin-left: var(--spacing-35) !important;
}

.h-pl-35 {
  padding-left: var(--spacing-35) !important;
}

.h-mr-35 {
  margin-right: var(--spacing-35) !important;
}

.h-pr-35 {
  padding-right: var(--spacing-35) !important;
}

.h-mv-35 {
  margin-top: var(--spacing-35) !important;
  margin-bottom: var(--spacing-35) !important;
}

.h-pv-35 {
  padding-top: var(--spacing-35) !important;
  padding-bottom: var(--spacing-35) !important;
}

.h-mh-35 {
  margin-left: var(--spacing-35) !important;
  margin-right: var(--spacing-35) !important;
}

.h-ph-35 {
  padding-left: var(--spacing-35) !important;
  padding-right: var(--spacing-35) !important;
}

.h-my-35 {
  margin-top: var(--spacing-35) !important;
  margin-bottom: var(--spacing-35) !important;
}

.h-py-35 {
  padding-top: var(--spacing-35) !important;
  padding-bottom: var(--spacing-35) !important;
}

.h-mx-35 {
  margin-left: var(--spacing-35) !important;
  margin-right: var(--spacing-35) !important;
}

.h-px-35 {
  padding-left: var(--spacing-35) !important;
  padding-right: var(--spacing-35) !important;
}

.h-m-36 {
  margin: var(--spacing-36) !important;
}

.h-p-36 {
  padding: var(--spacing-36) !important;
}

.h-mt-36 {
  margin-top: var(--spacing-36) !important;
}

.h-pt-36 {
  padding-top: var(--spacing-36) !important;
}

.h-mb-36 {
  margin-bottom: var(--spacing-36) !important;
}

.h-pb-36 {
  padding-bottom: var(--spacing-36) !important;
}

.h-ml-36 {
  margin-left: var(--spacing-36) !important;
}

.h-pl-36 {
  padding-left: var(--spacing-36) !important;
}

.h-mr-36 {
  margin-right: var(--spacing-36) !important;
}

.h-pr-36 {
  padding-right: var(--spacing-36) !important;
}

.h-mv-36 {
  margin-top: var(--spacing-36) !important;
  margin-bottom: var(--spacing-36) !important;
}

.h-pv-36 {
  padding-top: var(--spacing-36) !important;
  padding-bottom: var(--spacing-36) !important;
}

.h-mh-36 {
  margin-left: var(--spacing-36) !important;
  margin-right: var(--spacing-36) !important;
}

.h-ph-36 {
  padding-left: var(--spacing-36) !important;
  padding-right: var(--spacing-36) !important;
}

.h-my-36 {
  margin-top: var(--spacing-36) !important;
  margin-bottom: var(--spacing-36) !important;
}

.h-py-36 {
  padding-top: var(--spacing-36) !important;
  padding-bottom: var(--spacing-36) !important;
}

.h-mx-36 {
  margin-left: var(--spacing-36) !important;
  margin-right: var(--spacing-36) !important;
}

.h-px-36 {
  padding-left: var(--spacing-36) !important;
  padding-right: var(--spacing-36) !important;
}

.h-m-37 {
  margin: var(--spacing-37) !important;
}

.h-p-37 {
  padding: var(--spacing-37) !important;
}

.h-mt-37 {
  margin-top: var(--spacing-37) !important;
}

.h-pt-37 {
  padding-top: var(--spacing-37) !important;
}

.h-mb-37 {
  margin-bottom: var(--spacing-37) !important;
}

.h-pb-37 {
  padding-bottom: var(--spacing-37) !important;
}

.h-ml-37 {
  margin-left: var(--spacing-37) !important;
}

.h-pl-37 {
  padding-left: var(--spacing-37) !important;
}

.h-mr-37 {
  margin-right: var(--spacing-37) !important;
}

.h-pr-37 {
  padding-right: var(--spacing-37) !important;
}

.h-mv-37 {
  margin-top: var(--spacing-37) !important;
  margin-bottom: var(--spacing-37) !important;
}

.h-pv-37 {
  padding-top: var(--spacing-37) !important;
  padding-bottom: var(--spacing-37) !important;
}

.h-mh-37 {
  margin-left: var(--spacing-37) !important;
  margin-right: var(--spacing-37) !important;
}

.h-ph-37 {
  padding-left: var(--spacing-37) !important;
  padding-right: var(--spacing-37) !important;
}

.h-my-37 {
  margin-top: var(--spacing-37) !important;
  margin-bottom: var(--spacing-37) !important;
}

.h-py-37 {
  padding-top: var(--spacing-37) !important;
  padding-bottom: var(--spacing-37) !important;
}

.h-mx-37 {
  margin-left: var(--spacing-37) !important;
  margin-right: var(--spacing-37) !important;
}

.h-px-37 {
  padding-left: var(--spacing-37) !important;
  padding-right: var(--spacing-37) !important;
}

.h-m-38 {
  margin: var(--spacing-38) !important;
}

.h-p-38 {
  padding: var(--spacing-38) !important;
}

.h-mt-38 {
  margin-top: var(--spacing-38) !important;
}

.h-pt-38 {
  padding-top: var(--spacing-38) !important;
}

.h-mb-38 {
  margin-bottom: var(--spacing-38) !important;
}

.h-pb-38 {
  padding-bottom: var(--spacing-38) !important;
}

.h-ml-38 {
  margin-left: var(--spacing-38) !important;
}

.h-pl-38 {
  padding-left: var(--spacing-38) !important;
}

.h-mr-38 {
  margin-right: var(--spacing-38) !important;
}

.h-pr-38 {
  padding-right: var(--spacing-38) !important;
}

.h-mv-38 {
  margin-top: var(--spacing-38) !important;
  margin-bottom: var(--spacing-38) !important;
}

.h-pv-38 {
  padding-top: var(--spacing-38) !important;
  padding-bottom: var(--spacing-38) !important;
}

.h-mh-38 {
  margin-left: var(--spacing-38) !important;
  margin-right: var(--spacing-38) !important;
}

.h-ph-38 {
  padding-left: var(--spacing-38) !important;
  padding-right: var(--spacing-38) !important;
}

.h-my-38 {
  margin-top: var(--spacing-38) !important;
  margin-bottom: var(--spacing-38) !important;
}

.h-py-38 {
  padding-top: var(--spacing-38) !important;
  padding-bottom: var(--spacing-38) !important;
}

.h-mx-38 {
  margin-left: var(--spacing-38) !important;
  margin-right: var(--spacing-38) !important;
}

.h-px-38 {
  padding-left: var(--spacing-38) !important;
  padding-right: var(--spacing-38) !important;
}

.h-m-39 {
  margin: var(--spacing-39) !important;
}

.h-p-39 {
  padding: var(--spacing-39) !important;
}

.h-mt-39 {
  margin-top: var(--spacing-39) !important;
}

.h-pt-39 {
  padding-top: var(--spacing-39) !important;
}

.h-mb-39 {
  margin-bottom: var(--spacing-39) !important;
}

.h-pb-39 {
  padding-bottom: var(--spacing-39) !important;
}

.h-ml-39 {
  margin-left: var(--spacing-39) !important;
}

.h-pl-39 {
  padding-left: var(--spacing-39) !important;
}

.h-mr-39 {
  margin-right: var(--spacing-39) !important;
}

.h-pr-39 {
  padding-right: var(--spacing-39) !important;
}

.h-mv-39 {
  margin-top: var(--spacing-39) !important;
  margin-bottom: var(--spacing-39) !important;
}

.h-pv-39 {
  padding-top: var(--spacing-39) !important;
  padding-bottom: var(--spacing-39) !important;
}

.h-mh-39 {
  margin-left: var(--spacing-39) !important;
  margin-right: var(--spacing-39) !important;
}

.h-ph-39 {
  padding-left: var(--spacing-39) !important;
  padding-right: var(--spacing-39) !important;
}

.h-my-39 {
  margin-top: var(--spacing-39) !important;
  margin-bottom: var(--spacing-39) !important;
}

.h-py-39 {
  padding-top: var(--spacing-39) !important;
  padding-bottom: var(--spacing-39) !important;
}

.h-mx-39 {
  margin-left: var(--spacing-39) !important;
  margin-right: var(--spacing-39) !important;
}

.h-px-39 {
  padding-left: var(--spacing-39) !important;
  padding-right: var(--spacing-39) !important;
}

.h-m-40 {
  margin: var(--spacing-40) !important;
}

.h-p-40 {
  padding: var(--spacing-40) !important;
}

.h-mt-40 {
  margin-top: var(--spacing-40) !important;
}

.h-pt-40 {
  padding-top: var(--spacing-40) !important;
}

.h-mb-40 {
  margin-bottom: var(--spacing-40) !important;
}

.h-pb-40 {
  padding-bottom: var(--spacing-40) !important;
}

.h-ml-40 {
  margin-left: var(--spacing-40) !important;
}

.h-pl-40 {
  padding-left: var(--spacing-40) !important;
}

.h-mr-40 {
  margin-right: var(--spacing-40) !important;
}

.h-pr-40 {
  padding-right: var(--spacing-40) !important;
}

.h-mv-40 {
  margin-top: var(--spacing-40) !important;
  margin-bottom: var(--spacing-40) !important;
}

.h-pv-40 {
  padding-top: var(--spacing-40) !important;
  padding-bottom: var(--spacing-40) !important;
}

.h-mh-40 {
  margin-left: var(--spacing-40) !important;
  margin-right: var(--spacing-40) !important;
}

.h-ph-40 {
  padding-left: var(--spacing-40) !important;
  padding-right: var(--spacing-40) !important;
}

.h-my-40 {
  margin-top: var(--spacing-40) !important;
  margin-bottom: var(--spacing-40) !important;
}

.h-py-40 {
  padding-top: var(--spacing-40) !important;
  padding-bottom: var(--spacing-40) !important;
}

.h-mx-40 {
  margin-left: var(--spacing-40) !important;
  margin-right: var(--spacing-40) !important;
}

.h-px-40 {
  padding-left: var(--spacing-40) !important;
  padding-right: var(--spacing-40) !important;
}

.h-m-41 {
  margin: var(--spacing-41) !important;
}

.h-p-41 {
  padding: var(--spacing-41) !important;
}

.h-mt-41 {
  margin-top: var(--spacing-41) !important;
}

.h-pt-41 {
  padding-top: var(--spacing-41) !important;
}

.h-mb-41 {
  margin-bottom: var(--spacing-41) !important;
}

.h-pb-41 {
  padding-bottom: var(--spacing-41) !important;
}

.h-ml-41 {
  margin-left: var(--spacing-41) !important;
}

.h-pl-41 {
  padding-left: var(--spacing-41) !important;
}

.h-mr-41 {
  margin-right: var(--spacing-41) !important;
}

.h-pr-41 {
  padding-right: var(--spacing-41) !important;
}

.h-mv-41 {
  margin-top: var(--spacing-41) !important;
  margin-bottom: var(--spacing-41) !important;
}

.h-pv-41 {
  padding-top: var(--spacing-41) !important;
  padding-bottom: var(--spacing-41) !important;
}

.h-mh-41 {
  margin-left: var(--spacing-41) !important;
  margin-right: var(--spacing-41) !important;
}

.h-ph-41 {
  padding-left: var(--spacing-41) !important;
  padding-right: var(--spacing-41) !important;
}

.h-my-41 {
  margin-top: var(--spacing-41) !important;
  margin-bottom: var(--spacing-41) !important;
}

.h-py-41 {
  padding-top: var(--spacing-41) !important;
  padding-bottom: var(--spacing-41) !important;
}

.h-mx-41 {
  margin-left: var(--spacing-41) !important;
  margin-right: var(--spacing-41) !important;
}

.h-px-41 {
  padding-left: var(--spacing-41) !important;
  padding-right: var(--spacing-41) !important;
}

.h-m-42 {
  margin: var(--spacing-42) !important;
}

.h-p-42 {
  padding: var(--spacing-42) !important;
}

.h-mt-42 {
  margin-top: var(--spacing-42) !important;
}

.h-pt-42 {
  padding-top: var(--spacing-42) !important;
}

.h-mb-42 {
  margin-bottom: var(--spacing-42) !important;
}

.h-pb-42 {
  padding-bottom: var(--spacing-42) !important;
}

.h-ml-42 {
  margin-left: var(--spacing-42) !important;
}

.h-pl-42 {
  padding-left: var(--spacing-42) !important;
}

.h-mr-42 {
  margin-right: var(--spacing-42) !important;
}

.h-pr-42 {
  padding-right: var(--spacing-42) !important;
}

.h-mv-42 {
  margin-top: var(--spacing-42) !important;
  margin-bottom: var(--spacing-42) !important;
}

.h-pv-42 {
  padding-top: var(--spacing-42) !important;
  padding-bottom: var(--spacing-42) !important;
}

.h-mh-42 {
  margin-left: var(--spacing-42) !important;
  margin-right: var(--spacing-42) !important;
}

.h-ph-42 {
  padding-left: var(--spacing-42) !important;
  padding-right: var(--spacing-42) !important;
}

.h-my-42 {
  margin-top: var(--spacing-42) !important;
  margin-bottom: var(--spacing-42) !important;
}

.h-py-42 {
  padding-top: var(--spacing-42) !important;
  padding-bottom: var(--spacing-42) !important;
}

.h-mx-42 {
  margin-left: var(--spacing-42) !important;
  margin-right: var(--spacing-42) !important;
}

.h-px-42 {
  padding-left: var(--spacing-42) !important;
  padding-right: var(--spacing-42) !important;
}

.h-m-43 {
  margin: var(--spacing-43) !important;
}

.h-p-43 {
  padding: var(--spacing-43) !important;
}

.h-mt-43 {
  margin-top: var(--spacing-43) !important;
}

.h-pt-43 {
  padding-top: var(--spacing-43) !important;
}

.h-mb-43 {
  margin-bottom: var(--spacing-43) !important;
}

.h-pb-43 {
  padding-bottom: var(--spacing-43) !important;
}

.h-ml-43 {
  margin-left: var(--spacing-43) !important;
}

.h-pl-43 {
  padding-left: var(--spacing-43) !important;
}

.h-mr-43 {
  margin-right: var(--spacing-43) !important;
}

.h-pr-43 {
  padding-right: var(--spacing-43) !important;
}

.h-mv-43 {
  margin-top: var(--spacing-43) !important;
  margin-bottom: var(--spacing-43) !important;
}

.h-pv-43 {
  padding-top: var(--spacing-43) !important;
  padding-bottom: var(--spacing-43) !important;
}

.h-mh-43 {
  margin-left: var(--spacing-43) !important;
  margin-right: var(--spacing-43) !important;
}

.h-ph-43 {
  padding-left: var(--spacing-43) !important;
  padding-right: var(--spacing-43) !important;
}

.h-my-43 {
  margin-top: var(--spacing-43) !important;
  margin-bottom: var(--spacing-43) !important;
}

.h-py-43 {
  padding-top: var(--spacing-43) !important;
  padding-bottom: var(--spacing-43) !important;
}

.h-mx-43 {
  margin-left: var(--spacing-43) !important;
  margin-right: var(--spacing-43) !important;
}

.h-px-43 {
  padding-left: var(--spacing-43) !important;
  padding-right: var(--spacing-43) !important;
}

.h-m-44 {
  margin: var(--spacing-44) !important;
}

.h-p-44 {
  padding: var(--spacing-44) !important;
}

.h-mt-44 {
  margin-top: var(--spacing-44) !important;
}

.h-pt-44 {
  padding-top: var(--spacing-44) !important;
}

.h-mb-44 {
  margin-bottom: var(--spacing-44) !important;
}

.h-pb-44 {
  padding-bottom: var(--spacing-44) !important;
}

.h-ml-44 {
  margin-left: var(--spacing-44) !important;
}

.h-pl-44 {
  padding-left: var(--spacing-44) !important;
}

.h-mr-44 {
  margin-right: var(--spacing-44) !important;
}

.h-pr-44 {
  padding-right: var(--spacing-44) !important;
}

.h-mv-44 {
  margin-top: var(--spacing-44) !important;
  margin-bottom: var(--spacing-44) !important;
}

.h-pv-44 {
  padding-top: var(--spacing-44) !important;
  padding-bottom: var(--spacing-44) !important;
}

.h-mh-44 {
  margin-left: var(--spacing-44) !important;
  margin-right: var(--spacing-44) !important;
}

.h-ph-44 {
  padding-left: var(--spacing-44) !important;
  padding-right: var(--spacing-44) !important;
}

.h-my-44 {
  margin-top: var(--spacing-44) !important;
  margin-bottom: var(--spacing-44) !important;
}

.h-py-44 {
  padding-top: var(--spacing-44) !important;
  padding-bottom: var(--spacing-44) !important;
}

.h-mx-44 {
  margin-left: var(--spacing-44) !important;
  margin-right: var(--spacing-44) !important;
}

.h-px-44 {
  padding-left: var(--spacing-44) !important;
  padding-right: var(--spacing-44) !important;
}

.h-m-45 {
  margin: var(--spacing-45) !important;
}

.h-p-45 {
  padding: var(--spacing-45) !important;
}

.h-mt-45 {
  margin-top: var(--spacing-45) !important;
}

.h-pt-45 {
  padding-top: var(--spacing-45) !important;
}

.h-mb-45 {
  margin-bottom: var(--spacing-45) !important;
}

.h-pb-45 {
  padding-bottom: var(--spacing-45) !important;
}

.h-ml-45 {
  margin-left: var(--spacing-45) !important;
}

.h-pl-45 {
  padding-left: var(--spacing-45) !important;
}

.h-mr-45 {
  margin-right: var(--spacing-45) !important;
}

.h-pr-45 {
  padding-right: var(--spacing-45) !important;
}

.h-mv-45 {
  margin-top: var(--spacing-45) !important;
  margin-bottom: var(--spacing-45) !important;
}

.h-pv-45 {
  padding-top: var(--spacing-45) !important;
  padding-bottom: var(--spacing-45) !important;
}

.h-mh-45 {
  margin-left: var(--spacing-45) !important;
  margin-right: var(--spacing-45) !important;
}

.h-ph-45 {
  padding-left: var(--spacing-45) !important;
  padding-right: var(--spacing-45) !important;
}

.h-my-45 {
  margin-top: var(--spacing-45) !important;
  margin-bottom: var(--spacing-45) !important;
}

.h-py-45 {
  padding-top: var(--spacing-45) !important;
  padding-bottom: var(--spacing-45) !important;
}

.h-mx-45 {
  margin-left: var(--spacing-45) !important;
  margin-right: var(--spacing-45) !important;
}

.h-px-45 {
  padding-left: var(--spacing-45) !important;
  padding-right: var(--spacing-45) !important;
}

.h-m-46 {
  margin: var(--spacing-46) !important;
}

.h-p-46 {
  padding: var(--spacing-46) !important;
}

.h-mt-46 {
  margin-top: var(--spacing-46) !important;
}

.h-pt-46 {
  padding-top: var(--spacing-46) !important;
}

.h-mb-46 {
  margin-bottom: var(--spacing-46) !important;
}

.h-pb-46 {
  padding-bottom: var(--spacing-46) !important;
}

.h-ml-46 {
  margin-left: var(--spacing-46) !important;
}

.h-pl-46 {
  padding-left: var(--spacing-46) !important;
}

.h-mr-46 {
  margin-right: var(--spacing-46) !important;
}

.h-pr-46 {
  padding-right: var(--spacing-46) !important;
}

.h-mv-46 {
  margin-top: var(--spacing-46) !important;
  margin-bottom: var(--spacing-46) !important;
}

.h-pv-46 {
  padding-top: var(--spacing-46) !important;
  padding-bottom: var(--spacing-46) !important;
}

.h-mh-46 {
  margin-left: var(--spacing-46) !important;
  margin-right: var(--spacing-46) !important;
}

.h-ph-46 {
  padding-left: var(--spacing-46) !important;
  padding-right: var(--spacing-46) !important;
}

.h-my-46 {
  margin-top: var(--spacing-46) !important;
  margin-bottom: var(--spacing-46) !important;
}

.h-py-46 {
  padding-top: var(--spacing-46) !important;
  padding-bottom: var(--spacing-46) !important;
}

.h-mx-46 {
  margin-left: var(--spacing-46) !important;
  margin-right: var(--spacing-46) !important;
}

.h-px-46 {
  padding-left: var(--spacing-46) !important;
  padding-right: var(--spacing-46) !important;
}

.h-m-47 {
  margin: var(--spacing-47) !important;
}

.h-p-47 {
  padding: var(--spacing-47) !important;
}

.h-mt-47 {
  margin-top: var(--spacing-47) !important;
}

.h-pt-47 {
  padding-top: var(--spacing-47) !important;
}

.h-mb-47 {
  margin-bottom: var(--spacing-47) !important;
}

.h-pb-47 {
  padding-bottom: var(--spacing-47) !important;
}

.h-ml-47 {
  margin-left: var(--spacing-47) !important;
}

.h-pl-47 {
  padding-left: var(--spacing-47) !important;
}

.h-mr-47 {
  margin-right: var(--spacing-47) !important;
}

.h-pr-47 {
  padding-right: var(--spacing-47) !important;
}

.h-mv-47 {
  margin-top: var(--spacing-47) !important;
  margin-bottom: var(--spacing-47) !important;
}

.h-pv-47 {
  padding-top: var(--spacing-47) !important;
  padding-bottom: var(--spacing-47) !important;
}

.h-mh-47 {
  margin-left: var(--spacing-47) !important;
  margin-right: var(--spacing-47) !important;
}

.h-ph-47 {
  padding-left: var(--spacing-47) !important;
  padding-right: var(--spacing-47) !important;
}

.h-my-47 {
  margin-top: var(--spacing-47) !important;
  margin-bottom: var(--spacing-47) !important;
}

.h-py-47 {
  padding-top: var(--spacing-47) !important;
  padding-bottom: var(--spacing-47) !important;
}

.h-mx-47 {
  margin-left: var(--spacing-47) !important;
  margin-right: var(--spacing-47) !important;
}

.h-px-47 {
  padding-left: var(--spacing-47) !important;
  padding-right: var(--spacing-47) !important;
}

.h-m-48 {
  margin: var(--spacing-48) !important;
}

.h-p-48 {
  padding: var(--spacing-48) !important;
}

.h-mt-48 {
  margin-top: var(--spacing-48) !important;
}

.h-pt-48 {
  padding-top: var(--spacing-48) !important;
}

.h-mb-48 {
  margin-bottom: var(--spacing-48) !important;
}

.h-pb-48 {
  padding-bottom: var(--spacing-48) !important;
}

.h-ml-48 {
  margin-left: var(--spacing-48) !important;
}

.h-pl-48 {
  padding-left: var(--spacing-48) !important;
}

.h-mr-48 {
  margin-right: var(--spacing-48) !important;
}

.h-pr-48 {
  padding-right: var(--spacing-48) !important;
}

.h-mv-48 {
  margin-top: var(--spacing-48) !important;
  margin-bottom: var(--spacing-48) !important;
}

.h-pv-48 {
  padding-top: var(--spacing-48) !important;
  padding-bottom: var(--spacing-48) !important;
}

.h-mh-48 {
  margin-left: var(--spacing-48) !important;
  margin-right: var(--spacing-48) !important;
}

.h-ph-48 {
  padding-left: var(--spacing-48) !important;
  padding-right: var(--spacing-48) !important;
}

.h-my-48 {
  margin-top: var(--spacing-48) !important;
  margin-bottom: var(--spacing-48) !important;
}

.h-py-48 {
  padding-top: var(--spacing-48) !important;
  padding-bottom: var(--spacing-48) !important;
}

.h-mx-48 {
  margin-left: var(--spacing-48) !important;
  margin-right: var(--spacing-48) !important;
}

.h-px-48 {
  padding-left: var(--spacing-48) !important;
  padding-right: var(--spacing-48) !important;
}

.h-m-49 {
  margin: var(--spacing-49) !important;
}

.h-p-49 {
  padding: var(--spacing-49) !important;
}

.h-mt-49 {
  margin-top: var(--spacing-49) !important;
}

.h-pt-49 {
  padding-top: var(--spacing-49) !important;
}

.h-mb-49 {
  margin-bottom: var(--spacing-49) !important;
}

.h-pb-49 {
  padding-bottom: var(--spacing-49) !important;
}

.h-ml-49 {
  margin-left: var(--spacing-49) !important;
}

.h-pl-49 {
  padding-left: var(--spacing-49) !important;
}

.h-mr-49 {
  margin-right: var(--spacing-49) !important;
}

.h-pr-49 {
  padding-right: var(--spacing-49) !important;
}

.h-mv-49 {
  margin-top: var(--spacing-49) !important;
  margin-bottom: var(--spacing-49) !important;
}

.h-pv-49 {
  padding-top: var(--spacing-49) !important;
  padding-bottom: var(--spacing-49) !important;
}

.h-mh-49 {
  margin-left: var(--spacing-49) !important;
  margin-right: var(--spacing-49) !important;
}

.h-ph-49 {
  padding-left: var(--spacing-49) !important;
  padding-right: var(--spacing-49) !important;
}

.h-my-49 {
  margin-top: var(--spacing-49) !important;
  margin-bottom: var(--spacing-49) !important;
}

.h-py-49 {
  padding-top: var(--spacing-49) !important;
  padding-bottom: var(--spacing-49) !important;
}

.h-mx-49 {
  margin-left: var(--spacing-49) !important;
  margin-right: var(--spacing-49) !important;
}

.h-px-49 {
  padding-left: var(--spacing-49) !important;
  padding-right: var(--spacing-49) !important;
}

.h-m-50 {
  margin: var(--spacing-50) !important;
}

.h-p-50 {
  padding: var(--spacing-50) !important;
}

.h-mt-50 {
  margin-top: var(--spacing-50) !important;
}

.h-pt-50 {
  padding-top: var(--spacing-50) !important;
}

.h-mb-50 {
  margin-bottom: var(--spacing-50) !important;
}

.h-pb-50 {
  padding-bottom: var(--spacing-50) !important;
}

.h-ml-50 {
  margin-left: var(--spacing-50) !important;
}

.h-pl-50 {
  padding-left: var(--spacing-50) !important;
}

.h-mr-50 {
  margin-right: var(--spacing-50) !important;
}

.h-pr-50 {
  padding-right: var(--spacing-50) !important;
}

.h-mv-50 {
  margin-top: var(--spacing-50) !important;
  margin-bottom: var(--spacing-50) !important;
}

.h-pv-50 {
  padding-top: var(--spacing-50) !important;
  padding-bottom: var(--spacing-50) !important;
}

.h-mh-50 {
  margin-left: var(--spacing-50) !important;
  margin-right: var(--spacing-50) !important;
}

.h-ph-50 {
  padding-left: var(--spacing-50) !important;
  padding-right: var(--spacing-50) !important;
}

.h-my-50 {
  margin-top: var(--spacing-50) !important;
  margin-bottom: var(--spacing-50) !important;
}

.h-py-50 {
  padding-top: var(--spacing-50) !important;
  padding-bottom: var(--spacing-50) !important;
}

.h-mx-50 {
  margin-left: var(--spacing-50) !important;
  margin-right: var(--spacing-50) !important;
}

.h-px-50 {
  padding-left: var(--spacing-50) !important;
  padding-right: var(--spacing-50) !important;
}

.h-gap-0x {
  --gap: calc(0 * var(--ui-space));
}

.h-gap-1x {
  --gap: calc(1 * var(--ui-space));
}

.h-gap-2x {
  --gap: calc(2 * var(--ui-space));
}

.h-gap-3x {
  --gap: calc(3 * var(--ui-space));
}

.h-gap-4x {
  --gap: calc(4 * var(--ui-space));
}

.h-gap-5x {
  --gap: calc(5 * var(--ui-space));
}

/* Border */
.h-bl {
  border-left: var(--border);
}

.h-b {
  border: var(--border);
}

.h-w-1 {
  width: 50%;
}

/* Size */
.h-w-0pct {
  width: 0%;
}

.h-h-0pct {
  height: 0%;
}

.h-w-0x {
  width: 0px;
}

.h-h-0x {
  height: 0px;
}

.h-w-5pct {
  width: 5%;
}

.h-h-5pct {
  height: 5%;
}

.h-w-1x {
  width: 50px;
}

.h-h-1x {
  height: 50px;
}

.h-w-10pct {
  width: 10%;
}

.h-h-10pct {
  height: 10%;
}

.h-w-2x {
  width: 100px;
}

.h-h-2x {
  height: 100px;
}

.h-w-15pct {
  width: 15%;
}

.h-h-15pct {
  height: 15%;
}

.h-w-3x {
  width: 150px;
}

.h-h-3x {
  height: 150px;
}

.h-w-20pct {
  width: 20%;
}

.h-h-20pct {
  height: 20%;
}

.h-w-4x {
  width: 200px;
}

.h-h-4x {
  height: 200px;
}

.h-w-25pct {
  width: 25%;
}

.h-h-25pct {
  height: 25%;
}

.h-w-5x {
  width: 250px;
}

.h-h-5x {
  height: 250px;
}

.h-w-30pct {
  width: 30%;
}

.h-h-30pct {
  height: 30%;
}

.h-w-6x {
  width: 300px;
}

.h-h-6x {
  height: 300px;
}

.h-w-35pct {
  width: 35%;
}

.h-h-35pct {
  height: 35%;
}

.h-w-7x {
  width: 350px;
}

.h-h-7x {
  height: 350px;
}

.h-w-40pct {
  width: 40%;
}

.h-h-40pct {
  height: 40%;
}

.h-w-8x {
  width: 400px;
}

.h-h-8x {
  height: 400px;
}

.h-w-45pct {
  width: 45%;
}

.h-h-45pct {
  height: 45%;
}

.h-w-9x {
  width: 450px;
}

.h-h-9x {
  height: 450px;
}

.h-w-50pct {
  width: 50%;
}

.h-h-50pct {
  height: 50%;
}

.h-w-10x {
  width: 500px;
}

.h-h-10x {
  height: 500px;
}

.h-w-55pct {
  width: 55%;
}

.h-h-55pct {
  height: 55%;
}

.h-w-11x {
  width: 550px;
}

.h-h-11x {
  height: 550px;
}

.h-w-60pct {
  width: 60%;
}

.h-h-60pct {
  height: 60%;
}

.h-w-12x {
  width: 600px;
}

.h-h-12x {
  height: 600px;
}

.h-w-65pct {
  width: 65%;
}

.h-h-65pct {
  height: 65%;
}

.h-w-13x {
  width: 650px;
}

.h-h-13x {
  height: 650px;
}

.h-w-70pct {
  width: 70%;
}

.h-h-70pct {
  height: 70%;
}

.h-w-14x {
  width: 700px;
}

.h-h-14x {
  height: 700px;
}

.h-w-75pct {
  width: 75%;
}

.h-h-75pct {
  height: 75%;
}

.h-w-15x {
  width: 750px;
}

.h-h-15x {
  height: 750px;
}

.h-w-80pct {
  width: 80%;
}

.h-h-80pct {
  height: 80%;
}

.h-w-16x {
  width: 800px;
}

.h-h-16x {
  height: 800px;
}

.h-w-85pct {
  width: 85%;
}

.h-h-85pct {
  height: 85%;
}

.h-w-17x {
  width: 850px;
}

.h-h-17x {
  height: 850px;
}

.h-w-90pct {
  width: 90%;
}

.h-h-90pct {
  height: 90%;
}

.h-w-18x {
  width: 900px;
}

.h-h-18x {
  height: 900px;
}

.h-w-95pct {
  width: 95%;
}

.h-h-95pct {
  height: 95%;
}

.h-w-19x {
  width: 950px;
}

.h-h-19x {
  height: 950px;
}

.h-w-100pct {
  width: 100%;
}

.h-h-100pct {
  height: 100%;
}

.h-w-20x {
  width: 1000px;
}

.h-h-20x {
  height: 1000px;
}

/* Text */
.h-font-thin {
  font-weight: 100;
}

.h-font-extralight {
  font-weight: 200;
}

.h-font-light {
  font-weight: 300;
}

.h-font-normal {
  font-weight: 400;
}

.h-font-medium {
  font-weight: 500;
}

.h-font-semibold {
  font-weight: 600;
}

.h-font-bold {
  font-weight: 700;
}

.h-font-extrabold {
  font-weight: 800;
}

.h-font-black {
  font-weight: 900;
}

.h-font-\[var\(--custom-property\)\] {
  font-weight: var(--custom-property);
}

.h-font-\[custom-value\] {
  font-weight: custom-value;
}

.h-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.h-text-ellipsis {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;
}

.h-text-left {
  text-align: left;
}

.h-text-center {
  text-align: center;
}

.h-text-right {
  text-align: right;
}

.h-text-justify {
  text-align: justify;
}

.h-text-start {
  text-align: start;
}

.h-text-end {
  text-align: end;
}

.h-text-xs {
  font-size: var(--text-xs) !important;
}

.h-text-sm {
  font-size: var(--text-sm) !important;
}

.h-text-base {
  font-size: var(--text-base) !important;
}

.h-text-lg {
  font-size: var(--text-lg) !important;
}

.h-text-xl {
  font-size: var(--text-xl) !important;
}

.h-text-2xl {
  font-size: var(--text-2xl) !important;
}

.h-text-wrap {
  text-wrap: wrap;
}

.h-text-nowrap {
  text-wrap: nowrap;
}

.h-text-balance {
  text-wrap: balance;
}

.h-text-pretty {
  text-wrap: pretty;
}

.h-text-msp {
  color: var(--col-msp) !important;
}

.h-text-danger {
  color: var(--col-danger) !important;
}

.h-text-danger-chiaro {
  color: var(--col-danger-chiaro) !important;
}

.h-text-grigio {
  color: var(--col-grigio) !important;
}

.h-text-grigio-scuro {
  color: var(--col-grigio-scuro) !important;
}

.h-text-grigio-chiarissimo {
  color: var(--col-grigio-chiarissimo) !important;
}

.h-text-grigio-chiaro {
  color: var(--col-grigio-chiaro) !important;
}

.h-text-tint-danger {
  color: var(--col-tint-danger) !important;
}

.h-text-warning {
  color: var(--col-warning) !important;
}

.h-text-white {
  color: var(--col-white) !important;
}

.h-hover-text-msp:hover {
  color: var(--col-msp) !important;
}

.h-hover-text-danger:hover {
  color: var(--col-danger) !important;
}

.h-hover-text-danger-chiaro:hover {
  color: var(--col-danger-chiaro) !important;
}

.h-hover-text-grigio:hover {
  color: var(--col-grigio) !important;
}

.h-hover-text-grigio-scuro:hover {
  color: var(--col-grigio-scuro) !important;
}

.h-hover-text-grigio-chiarissimo:hover {
  color: var(--col-grigio-chiarissimo) !important;
}

.h-hover-text-grigio-chiaro:hover {
  color: var(--col-grigio-chiaro) !important;
}

.h-hover-text-tint-danger:hover {
  color: var(--col-tint-danger) !important;
}

.h-hover-text-warning:hover {
  color: var(--col-warning) !important;
}

.h-hover-text-white:hover {
  color: var(--col-white) !important;
}

.h-text-0x {
  font-size: 0em;
}

.h-text-1x {
  font-size: 1em;
}

.h-text-2x {
  font-size: 2em;
}

.h-text-3x {
  font-size: 3em;
}

.h-text-4x {
  font-size: 4em;
}

.h-text-5x {
  font-size: 5em;
}

.h-text-6x {
  font-size: 6em;
}

.h-text-7x {
  font-size: 7em;
}

.h-text-8x {
  font-size: 8em;
}

.h-text-9x {
  font-size: 9em;
}

.h-text-10x {
  font-size: 10em;
}

.h-text-11x {
  font-size: 11em;
}

.h-text-12x {
  font-size: 12em;
}

.h-text-13x {
  font-size: 13em;
}

.h-text-14x {
  font-size: 14em;
}

.h-text-15x {
  font-size: 15em;
}

.h-text-16x {
  font-size: 16em;
}

.h-text-17x {
  font-size: 17em;
}

.h-text-18x {
  font-size: 18em;
}

.h-text-19x {
  font-size: 19em;
}

.h-text-20x {
  font-size: 20em;
}

/* Border */
.h-border-t {
  border-top: 1px solid var(--border-color);
}

.h-border-r {
  border-right: 1px solid var(--border-color);
}

.h-border-b {
  border-bottom: 1px solid var(--border-color);
}

.h-border-l {
  border-left: 1px solid var(--border-color);
}

.h-border {
  border: 1px solid var(--border-color);
}

.h-border-msp {
  border-color: var(--col-msp);
}

.h-border-danger {
  border-color: var(--col-danger);
}

.h-border-danger-chiaro {
  border-color: var(--col-danger-chiaro);
}

.h-border-grigio {
  border-color: var(--col-grigio);
}

.h-border-grigio-scuro {
  border-color: var(--col-grigio-scuro);
}

.h-border-grigio-chiarissimo {
  border-color: var(--col-grigio-chiarissimo);
}

.h-border-grigio-chiaro {
  border-color: var(--col-grigio-chiaro);
}

.h-border-tint-danger {
  border-color: var(--col-tint-danger);
}

.h-border-warning {
  border-color: var(--col-warning);
}

.h-border-white {
  border-color: var(--col-white);
}

.h-rounded-none {
  border-radius: 0;
}

/* Background */
.h-bg-msp {
  background-color: var(--col-msp) !important;
}

.h-bg-danger {
  background-color: var(--col-danger) !important;
}

.h-bg-danger-chiaro {
  background-color: var(--col-danger-chiaro) !important;
}

.h-bg-grigio {
  background-color: var(--col-grigio) !important;
}

.h-bg-grigio-scuro {
  background-color: var(--col-grigio-scuro) !important;
}

.h-bg-grigio-chiarissimo {
  background-color: var(--col-grigio-chiarissimo) !important;
}

.h-bg-grigio-chiaro {
  background-color: var(--col-grigio-chiaro) !important;
}

.h-bg-tint-danger {
  background-color: var(--col-tint-danger) !important;
}

.h-bg-warning {
  background-color: var(--col-warning) !important;
}

.h-bg-white {
  background-color: var(--col-white) !important;
}

/* Overflow */
/* Overflow */
.h-overflow-auto {
  overflow: auto;
}

.h-overflow-x-auto {
  overflow-x: auto;
}

.h-overflow-y-auto {
  overflow-y: auto;
}

.h-overflow-hidden {
  overflow: hidden;
}

.h-overflow-x-hidden {
  overflow-x: hidden;
}

.h-overflow-y-hidden {
  overflow-y: hidden;
}

.h-overflow-visible {
  overflow: visible;
}

.h-overflow-x-visible {
  overflow-x: visible;
}

.h-overflow-y-visible {
  overflow-y: visible;
}

.h-overflow-scroll {
  overflow: scroll;
}

.h-overflow-x-scroll {
  overflow-x: scroll;
}

.h-overflow-y-scroll {
  overflow-y: scroll;
}

.h-overflow-clip {
  overflow: clip;
}

.h-overflow-x-clip {
  overflow-x: clip;
}

.h-overflow-y-clip {
  overflow-y: clip;
}

.h-whitespace-normal {
  white-space: normal;
}

.h-whitespace-nowrap {
  white-space: nowrap;
}

.h-whitespace-pre {
  white-space: pre;
}

.h-whitespace-pre-line {
  white-space: pre-line;
}

.h-whitespace-pre-wrap {
  white-space: pre-wrap;
}

.h-whitespace-break-spaces {
  white-space: break-spaces;
}

.h-flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.h-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.h-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.h-basis-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.h-basis-auto {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.h-basis-3xs {
  -ms-flex-preferred-size: var(--container-3xs);
      flex-basis: var(--container-3xs);
}

.h-basis-2xs {
  -ms-flex-preferred-size: var(--container-2xs);
      flex-basis: var(--container-2xs);
}

.h-basis-xs {
  -ms-flex-preferred-size: var(--container-xs);
      flex-basis: var(--container-xs);
}

.h-basis-sm {
  -ms-flex-preferred-size: var(--container-sm);
      flex-basis: var(--container-sm);
}

.h-basis-md {
  -ms-flex-preferred-size: var(--container-md);
      flex-basis: var(--container-md);
}

.h-basis-lg {
  -ms-flex-preferred-size: var(--container-lg);
      flex-basis: var(--container-lg);
}

.h-basis-xl {
  -ms-flex-preferred-size: var(--container-xl);
      flex-basis: var(--container-xl);
}

.h-basis-2xl {
  -ms-flex-preferred-size: var(--container-2xl);
      flex-basis: var(--container-2xl);
}

.h-basis-3xl {
  -ms-flex-preferred-size: var(--container-3xl);
      flex-basis: var(--container-3xl);
}

.h-basis-4xl {
  -ms-flex-preferred-size: var(--container-4xl);
      flex-basis: var(--container-4xl);
}

.h-basis-5xl {
  -ms-flex-preferred-size: var(--container-5xl);
      flex-basis: var(--container-5xl);
}

.h-basis-6xl {
  -ms-flex-preferred-size: var(--container-6xl);
      flex-basis: var(--container-6xl);
}

.h-basis-7xl {
  -ms-flex-preferred-size: var(--container-7xl);
      flex-basis: var(--container-7xl);
}

@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Light.ttf");
  font-weight: 200;
  font-style: normal;
}
:root {
  --ico-color: inherit;
  --ico-duathlon: url("/img/duathlon-2.svg");
  --ico-triathlon: url("/img/triathlon-2.svg");
  --ico-aquathlon: url("/img/aquathlon.svg");
}

:root {
  --ico-down: var(--ico-arrow-down);
}

.msp-icon,
[class^=msp-icon-],
[class*=" msp-icon-"] {
  font-size: 1em;
  margin: 0 0.1em;
  color: var(--ico-color);
}
.msp-icon:before,
[class^=msp-icon-]:before,
[class*=" msp-icon-"]:before {
  font-family: "msp";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  margin-left: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: var(--icon);
}
.msp-icon span,
[class^=msp-icon-] span,
[class*=" msp-icon-"] span {
  display: none;
}

.btn [class^=msp-icon-], [class*=" msp-icon-"] {
  margin: 0;
}

.msp-icon-empty {
  width: 1em;
  height: 1em;
  display: inline-block;
  opacity: 0;
}

.msp-icon-thumbs-down-alt:before {
  --icon: var(--ico-thumbs-down-alt);
}

.msp-icon-thumbs-up-alt:before {
  --icon: var(--ico-thumbs-up-alt);
}

.msp-icon-dots:before {
  --icon: var(--ico-dots);
}

.msp-icon-cancel:before {
  --icon: var(--ico-cancel);
}

.msp-icon-spinner:before {
  --icon: var(--ico-spinner);
}

.msp-icon-scheda:before {
  --icon: var(--ico-scheda);
}

.msp-icon-close:before {
  --icon: var(--ico-xmark-solid);
}

.msp-icon-elimina:before {
  --icon: var(--ico-trash-solid);
  font-size: 0.7em;
}

.msp-icon-letto:before {
  --icon: var(--ico-letto);
}

.msp-icon-salva:before {
  --icon: var(--ico-check);
}

.msp-icon-check:before {
  --icon: var(--ico-check);
}

.msp-icon-modifica:before {
  --icon: var(--ico-modifica);
}

.msp-icon-annulla:before {
  --icon: var(--ico-annulla);
}

.msp-icon-sposta:before {
  --icon: var(--ico-sposta);
}

.msp-icon-zoom-in:before {
  --icon: var(--ico-zoom-in);
}

.msp-icon-zoom-out:before {
  --icon: var(--ico-zoom-out);
}

.msp-icon-move:before {
  --icon: var(--ico-move);
}

.msp-icon-duplica:before {
  --icon: var(--ico-duplica);
}

.msp-icon-clona:before {
  --icon: var(--ico-clona);
  font-size: 0.8em;
}

.msp-icon-up:before {
  --icon: var(--ico-up);
}

.msp-icon-down:before {
  --icon: var(--ico-down-open);
}

.msp-icon-arrow-down:before {
  --icon: var(--ico-arrow-down);
}

.msp-icon-left:before {
  --icon: var(--ico-left);
}

.msp-icon-right:before {
  --icon: var(--ico-right);
}

.msp-icon-left-square:before {
  --icon: var(--ico-left-square);
}

.msp-icon-right-square:before {
  --icon: var(--ico-right-square);
}

.msp-icon-left-round:before {
  --icon: var(--ico-left-round);
}

.msp-icon-right-round:before {
  --icon: var(--ico-right-round);
}

.msp-icon-up-round:before {
  --icon: var(--ico-up-round);
}

.msp-icon-down-round:before {
  --icon: var(--ico-down-round);
}

.msp-icon-calendario:before {
  --icon: var(--ico-calendario);
}

.msp-icon-storico:before {
  --icon: var(--ico-storico);
}

.msp-icon-alert {
  --ico-color: var(--col-danger);
}
.msp-icon-alert:before {
  --icon: var(--ico-alert);
  font-size: 2rem;
}

.msp-icon-info:before {
  --icon: var(--ico-info);
}

.msp-icon-star:before {
  --icon: var(--ico-star);
}

.msp-icon-star-half:before {
  --icon: var(--ico-star-half);
}

.msp-icon-user:before {
  --icon: var(--ico-user);
}

.msp-icon-user-plus:before {
  --icon: var(--ico-user-plus);
}

.msp-icon-user-share:before {
  --icon: var(--ico-user-share);
}

.msp-icon-key:before {
  --icon: var(--ico-key);
}

.msp-icon-clock:before {
  --icon: var(--ico-clock);
}

.msp-icon-lock:before {
  --icon: var(--ico-lock);
}

.msp-icon-distance:before {
  --icon: var(--ico-distance);
}

.msp-icon-time:before {
  --icon: var(--ico-time);
}

.msp-icon-tel:before {
  --icon: var(--ico-tel);
}

.msp-icon-link:before {
  --icon: var(--ico-link);
  font-size: 1.2em;
}

.msp-icon-link-1:before {
  --icon: var(--ico-link-1);
}

.msp-icon-mail:before {
  --icon: var(--ico-mail);
}

.msp-icon-youtube:before {
  --icon: var(--ico-youtube);
}

.msp-icon-facebook:before {
  --icon: var(--ico-facebook);
}

.msp-icon-pianificazione:before {
  --icon: var(--ico-pianificazione);
}

.msp-icon-plan:before,
.msp-icon-graph:before {
  --icon: var(--ico-plan);
}

.msp-icon-settings:before {
  --icon: var(--ico-settings);
}

.msp-icon-battery-x:before {
  --icon: var(--ico-battery-x);
}

.msp-icon-battery-0:before {
  --icon: var(--ico-battery-0);
}

.msp-icon-battery-25:before {
  --icon: var(--ico-battery-25);
}

.msp-icon-battery-50:before {
  --icon: var(--ico-battery-50);
}

.msp-icon-battery-75:before {
  --icon: var(--ico-battery-75);
}

.msp-icon-battery-100:before {
  --icon: var(--ico-battery-100);
}

.msp-icon-emoji-0:before {
  --icon: var(--ico-emoji-0);
}

.msp-icon-emoji-1:before {
  --icon: var(--ico-emoji-1);
}

.msp-icon-emoji-2:before {
  --icon: var(--ico-emoji-2);
}

.msp-icon-emoji-3:before {
  --icon: var(--ico-emoji-3);
}

.msp-icon-emoji-4:before {
  --icon: var(--ico-emoji-4);
}

.msp-icon-emoji-5:before {
  --icon: var(--ico-emoji-5);
}

.msp-icon-bilancia:before {
  --icon: var(--ico-bilancia);
}

.msp-icon-kg:before {
  --icon: var(--ico-kg);
}

.msp-icon-nota:before {
  --icon: var(--ico-nota);
}

.msp-icon-custom:before {
  --icon: var(--ico-custom);
}

.msp-icon-gara:before {
  --icon: var(--ico-gara);
}

.msp-icon-lavoro:before {
  --icon: var(--ico-lavoro);
}

.msp-icon-impegni:before {
  --icon: var(--ico-impegni);
}

.msp-icon-reply:before {
  --icon: var(--ico-reply);
}

.msp-icon-menu:before {
  --icon: var(--ico-menu);
}

.msp-icon-folder:before {
  --icon: var(--ico-folder);
}

.msp-icon-colonne:before {
  --icon: var(--ico-colonne);
}

.msp-icon-righe:before {
  --icon: var(--ico-righe);
}

.msp-icon-test {
  --ico-color: var(--col-grigio-medio);
}
.msp-icon-test:before {
  --icon: var(--ico-test);
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

.msp-icon-iban:before {
  --icon: var(--ico-iban);
}

.msp-icon-plus:before {
  --icon: var(--ico-plus);
}

.msp-icon-plus-1:before {
  --icon: var(--ico-plus-solid);
  font-size: 0.8em;
}

.msp-icon-minus:before {
  --icon: var(--ico-minus);
}

.msp-icon-minus-1:before {
  --icon: var(--ico-minus-1);
}

.msp-icon-calorie:before {
  --icon: var(--ico-calorie);
}

.msp-icon-passo:before {
  --icon: var(--ico-passo);
}

.msp-icon-battito:before {
  --icon: var(--ico-battito);
}

.msp-icon-giorni:before {
  --icon: var(--ico-giorni);
}

.msp-icon-riposo:before {
  --icon: var(--ico-riposo);
}

.msp-icon-attivita:before {
  --icon: var(--ico-attivita);
}

.msp-icon-durata:before {
  --icon: var(--ico-durata);
}

.msp-icon-localita:before {
  --icon: var(--ico-localita);
}

.msp-icon-video:before {
  --icon: var(--ico-video);
}

.msp-icon-share:before {
  --icon: var(--ico-share);
}

/* '' */
[class*=msp-icon-sport-] {
  border-radius: var(--ui-radius);
  font-size: 0.7em;
  line-height: 0;
  width: 1em;
  height: 1em;
  display: inline-block;
  pointer-events: none;
}
[class*=msp-icon-sport-]:before {
  margin: 0;
}

.msp-icon-sport-11:before,
.msp-icon-sport-custom:before {
  font-size: 0.8em;
  margin: 0.13em;
}

.msp-icon-evento-attivita:before {
  --icon: var(--ico-attivita);
}

.msp-icon-evento-impegni:before {
  --icon: var(--ico-impegni);
}

.msp-icon-evento-collegiali:before {
  --icon: var(--ico-collegiali);
}

.msp-icon-evento-gara:before {
  --icon: var(--ico-gara);
}

.msp-icon-impegno-1:before {
  --icon: var(--ico-ferie);
}

.msp-icon-impegno-2:before {
  --icon: var(--ico-atleti);
}

.msp-icon-impegno-3:before {
  --icon: var(--ico-lavoro);
}

.msp-icon-impegno-4:before {
  --icon: var(--ico-impegni);
}

.msp-icon-note:before {
  --icon: var(--ico-note);
}

.msp-icon-note-vuoto:before {
  --icon: var(--ico-note-vuoto);
}

.msp-icon-warning:before {
  --icon: var(--ico-warning);
}

.msp-icon-warning-empty:before {
  --icon: var(--ico-warning-empty);
}

.msp-icon-body:before {
  --icon: var(--ico-body);
}

.msp-icon-foto:before {
  --icon: var(--ico-foto);
}

.msp-icon-resize-full:before {
  --icon: var(--ico-resize-full);
}

.msp-icon-resize-small:before {
  --icon: var(--ico-resize-small);
}

.msp-icon-reload:before {
  --icon: var(--ico-reload);
}

.msp-icon-salita:before {
  --icon: var(--ico-salita);
}

.msp-icon-vallonato:before {
  --icon: var(--ico-vallonato);
}

.msp-icon-pianura:before {
  --icon: var(--ico-pianura);
}

.msp-icon-discesa:before {
  --icon: var(--ico-discesa);
}

.msp-icon-dietromoto:before {
  --icon: var(--ico-dietromoto);
}

.msp-icon-award:before {
  --icon: var(--ico-award);
}

.msp-icon-potenza:before {
  --icon: var(--ico-potenza);
}

.msp-icon-cardio:before {
  --icon: var(--ico-cardio);
}

.msp-icon-passo:before {
  --icon: var(--ico-passo);
}

.img-gara {
  display: inline-block;
  background: var(--col-grigio);
  border-radius: 3px;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: #fff7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.loader.loading {
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  pointer-events: all;
  opacity: 1;
}

.loading-container .loading-pending {
  display: none;
  padding: 1em;
  background: var(--col-grigio-chiaro);
  text-align: center;
}
.loading-container .loading-complete {
  display: block;
}
.loading-container.loading .loading-complete {
  display: none;
}
.loading-container.loading .loading-pending {
  display: block;
}

@-webkit-keyframes mspanimloaderlinear {
  0% {
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    left: 100%;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes mspanimloaderlinear {
  0% {
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    left: 100%;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.msp-loader--linear {
  --background: var(--col-msp);
  width: 100%;
  height: 4.8px;
  display: inline-block;
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  overflow: hidden;
}
.msp-loader--linear::after {
  content: "";
  width: 192px;
  height: 4.8px;
  background: var(--background);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: mspanimloaderlinear 2s linear infinite;
          animation: mspanimloaderlinear 2s linear infinite;
}

.msp-box-info {
  --bacground-color: var(--col-grigio-chiarissimo);
  background: var(--bacground-color);
  padding: 10px 10px 10px 40px;
  border-radius: 10px;
  position: relative;
}
.msp-box-info::before {
  font-family: "msp";
  content: var(--ico-info);
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 20px;
  color: #0003;
}

body .btn.btn-color-transparent {
  --col-button: var(--col-transparent);
}

body .btn.btn-text-transparent {
  --col-text: var(--col-transparent);
}

body .btn.btn-hover-color-transparent:hover {
  --col-button: var(--col-transparent);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-transparent:hover {
  --col-text: var(--col-transparent);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-msp {
  --col-button: var(--col-msp);
}

body .btn.btn-text-msp {
  --col-text: var(--col-msp);
}

body .btn.btn-hover-color-msp:hover {
  --col-button: var(--col-msp);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-msp:hover {
  --col-text: var(--col-msp);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-msp-chiaro {
  --col-button: var(--col-msp-chiaro);
}

body .btn.btn-text-msp-chiaro {
  --col-text: var(--col-msp-chiaro);
}

body .btn.btn-hover-color-msp-chiaro:hover {
  --col-button: var(--col-msp-chiaro);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-msp-chiaro:hover {
  --col-text: var(--col-msp-chiaro);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-danger {
  --col-button: var(--col-danger);
}

body .btn.btn-text-danger {
  --col-text: var(--col-danger);
}

body .btn.btn-hover-color-danger:hover {
  --col-button: var(--col-danger);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-danger:hover {
  --col-text: var(--col-danger);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-danger-chiaro {
  --col-button: var(--col-danger-chiaro);
}

body .btn.btn-text-danger-chiaro {
  --col-text: var(--col-danger-chiaro);
}

body .btn.btn-hover-color-danger-chiaro:hover {
  --col-button: var(--col-danger-chiaro);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-danger-chiaro:hover {
  --col-text: var(--col-danger-chiaro);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-grigio {
  --col-button: var(--col-grigio);
}

body .btn.btn-text-grigio {
  --col-text: var(--col-grigio);
}

body .btn.btn-hover-color-grigio:hover {
  --col-button: var(--col-grigio);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-grigio:hover {
  --col-text: var(--col-grigio);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-grigio-scuro {
  --col-button: var(--col-grigio-scuro);
}

body .btn.btn-text-grigio-scuro {
  --col-text: var(--col-grigio-scuro);
}

body .btn.btn-hover-color-grigio-scuro:hover {
  --col-button: var(--col-grigio-scuro);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-grigio-scuro:hover {
  --col-text: var(--col-grigio-scuro);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-grigio-chiarissimo {
  --col-button: var(--col-grigio-chiarissimo);
}

body .btn.btn-text-grigio-chiarissimo {
  --col-text: var(--col-grigio-chiarissimo);
}

body .btn.btn-hover-color-grigio-chiarissimo:hover {
  --col-button: var(--col-grigio-chiarissimo);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-grigio-chiarissimo:hover {
  --col-text: var(--col-grigio-chiarissimo);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-grigio-chiaro {
  --col-button: var(--col-grigio-chiaro);
}

body .btn.btn-text-grigio-chiaro {
  --col-text: var(--col-grigio-chiaro);
}

body .btn.btn-hover-color-grigio-chiaro:hover {
  --col-button: var(--col-grigio-chiaro);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-grigio-chiaro:hover {
  --col-text: var(--col-grigio-chiaro);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-tint-danger {
  --col-button: var(--col-tint-danger);
}

body .btn.btn-text-tint-danger {
  --col-text: var(--col-tint-danger);
}

body .btn.btn-hover-color-tint-danger:hover {
  --col-button: var(--col-tint-danger);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-tint-danger:hover {
  --col-text: var(--col-tint-danger);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-warning {
  --col-button: var(--col-warning);
}

body .btn.btn-text-warning {
  --col-text: var(--col-warning);
}

body .btn.btn-hover-color-warning:hover {
  --col-button: var(--col-warning);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-warning:hover {
  --col-text: var(--col-warning);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-color-white {
  --col-button: var(--col-white);
}

body .btn.btn-text-white {
  --col-text: var(--col-white);
}

body .btn.btn-hover-color-white:hover {
  --col-button: var(--col-white);
  -webkit-filter: none;
          filter: none;
}

body .btn.btn-hover-text-white:hover {
  --col-text: var(--col-white);
  -webkit-filter: none;
          filter: none;
}

button {
  cursor: pointer;
}

:root {
  --col-button: var(--h-grigio-950);
  --col-button-hover: var(--h-grigio-700);
  --col-button-contrast: #fff;
  --col-button-mono: var(--col-grigio);
  --col-button-mono-contrast: #fff;
  --btn-border-radius: 5px;
  --btn-padding: var(--spacing-1) var(--spacing-2);
  --btn-hover: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}

.buttons-top {
  margin: calc(5 * var(--ui-space)) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

/******* buttons ********/
.btn {
  --contrast: #fff;
  --color: var(--col-button);
  --col-text: var(--contrast);
  --col-background: var(--color);
  --ico-color: inherit;
  --btn-border: 0;
  --btn-invert-border: 0;
}

body .btn.btn-border {
  --btn-border: 1px solid currentColor;
  --btn-invert-border: 1px solid currentColor;
}

body .btn,
body .btn[type=submit],
body .btn[type=button],
body .btn:focus {
  border-radius: var(--btn-border-radius);
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: var(--btn-padding);
  font-variant: all-petite-caps;
  letter-spacing: 0.07em;
  border: var(--btn-border);
}
body .btn, body .btn:hover, body .btn:focus, body .btn.active, body .btn.active.focus, body .btn.active:hover,
body .btn[type=submit],
body .btn[type=submit]:hover,
body .btn[type=submit]:focus,
body .btn[type=submit].active,
body .btn[type=submit].active.focus,
body .btn[type=submit].active:hover,
body .btn[type=button],
body .btn[type=button]:hover,
body .btn[type=button]:focus,
body .btn[type=button].active,
body .btn[type=button].active.focus,
body .btn[type=button].active:hover,
body .btn:focus,
body .btn:focus:hover,
body .btn:focus:focus,
body .btn:focus.active,
body .btn:focus.active.focus,
body .btn:focus.active:hover {
  color: var(--col-text);
  background-color: var(--col-background);
}
body .btn:hover, body .btn.active:hover,
body .btn[type=submit]:hover,
body .btn[type=submit].active:hover,
body .btn[type=button]:hover,
body .btn[type=button].active:hover,
body .btn:focus:hover,
body .btn:focus.active:hover {
  --color: var(--col-button-hover);
}
body .btn.btn-full,
body .btn[type=submit].btn-full,
body .btn[type=button].btn-full,
body .btn:focus.btn-full {
  display: block;
  width: 100%;
}
body .btn.btn-small,
body .btn[type=submit].btn-small,
body .btn[type=button].btn-small,
body .btn:focus.btn-small {
  width: auto;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
body .btn.btn-big,
body .btn[type=submit].btn-big,
body .btn[type=button].btn-big,
body .btn:focus.btn-big {
  font-size: 1.6em;
  white-space: normal;
  line-height: 1;
}
body .btn.btn-grigio,
body .btn[type=submit].btn-grigio,
body .btn[type=button].btn-grigio,
body .btn:focus.btn-grigio {
  --color: var(--col-button-mono);
}
body .btn.btn-light,
body .btn[type=submit].btn-light,
body .btn[type=button].btn-light,
body .btn:focus.btn-light {
  --contrast: var(--col-grigio-chiaro);
  --color: var(--col-grigio-scuro);
}
body .btn.btn-flat,
body .btn[type=submit].btn-flat,
body .btn[type=button].btn-flat,
body .btn:focus.btn-flat {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-shadow: none !important;
}
body .btn.btn-bianco,
body .btn[type=submit].btn-bianco,
body .btn[type=button].btn-bianco,
body .btn:focus.btn-bianco {
  --color: #fff;
  --contrast: var(--col-grigio-scuro);
  text-shadow: none;
}
body .btn.btn-default,
body .btn[type=submit].btn-default,
body .btn[type=button].btn-default,
body .btn:focus.btn-default {
  --contrast: transparent;
  --color: var(--col-grigio-medio);
  --btn-border: 0;
}
body .btn.btn-default:hover, body .btn.btn-default:focus, body .btn.btn-default.active, body .btn.btn-default.active.focus, body .btn.btn-default.active:hover,
body .btn[type=submit].btn-default:hover,
body .btn[type=submit].btn-default:focus,
body .btn[type=submit].btn-default.active,
body .btn[type=submit].btn-default.active.focus,
body .btn[type=submit].btn-default.active:hover,
body .btn[type=button].btn-default:hover,
body .btn[type=button].btn-default:focus,
body .btn[type=button].btn-default.active,
body .btn[type=button].btn-default.active.focus,
body .btn[type=button].btn-default.active:hover,
body .btn:focus.btn-default:hover,
body .btn:focus.btn-default:focus,
body .btn:focus.btn-default.active,
body .btn:focus.btn-default.active.focus,
body .btn:focus.btn-default.active:hover {
  text-decoration: none;
  background-image: none;
}
body .btn.btn-primary, body .btn.btn-primary[type=submit], body .btn.btn-success,
body .btn[type=submit].btn-primary,
body .btn[type=submit].btn-primary[type=submit],
body .btn[type=submit].btn-success,
body .btn[type=button].btn-primary,
body .btn[type=button].btn-primary[type=submit],
body .btn[type=button].btn-success,
body .btn:focus.btn-primary,
body .btn:focus.btn-primary[type=submit],
body .btn:focus.btn-success {
  --col-button: var(--h-msp-500);
  --col-button-hover: var(--h-msp-400);
  --contrast: #fff;
  border: none;
}
body .btn.btn-white,
body .btn[type=submit].btn-white,
body .btn[type=button].btn-white,
body .btn:focus.btn-white {
  --col-button: transparent;
  --col-button-hover: var(--col-grigio);
  --col-button-contrast: #fff;
}
body .btn.btn-secondary,
body .btn[type=submit].btn-secondary,
body .btn[type=button].btn-secondary,
body .btn:focus.btn-secondary {
  --color: var(--col-ui-evidenza);
  --contrast: #fff;
}
body .btn.btn-danger,
body .btn[type=submit].btn-danger,
body .btn[type=button].btn-danger,
body .btn:focus.btn-danger {
  --col-button: var(--h-danger-400);
  --col-button-hover: var(--h-danger-300);
  --contrast: #fff;
}

/** Colori invertiti text/background. 
 * Effetto hover con inversione background/text */
.btn-invert {
  --col-background: var(--contrast);
  --col-text: var(--color);
  --btn-border: var(--btn-invert-border);
}
.btn-invert:hover {
  --col-text: var(--contrast);
  --col-background: var(--color);
}

.btn-icon {
  --font-size: 18px;
  margin: 0 1px;
  width: var(--button-size);
  height: var(--button-size);
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--font-size);
}
.btn-icon [class^=msp-icon-] {
  line-height: 0;
}
.btn-icon [class^=msp-icon-]:before {
  margin: 0;
  padding: 0;
}

.btn-icon-barra {
  --color: var(--col-grigio-scuro);
  --contrast: #fff;
  border: 1px solid var(--col-grigio-scuro);
}
.btn-icon-barra:hover, .btn-icon-barra:focus {
  --col-background: var(--col-grigio-medio);
}

.btn-tondo {
  border-radius: 50%;
}

/******** fine buttons ********/
.btn-new {
  font-size: 1.3em;
  margin-bottom: 1em;
}

.btn-sport {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-sport:hover, .btn-sport:focus {
  background-image: var(--btn-hover);
}

.btn.btn-icoText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 5px;
}
.btn.btn-icoText i {
  margin-right: 5px;
}
.btn.btn-icoText i:before {
  font-size: 1em;
  line-height: 1.5;
}

button[disabled],
.btn[disabled] {
  pointer-events: none;
  opacity: 0.3;
}

.label-col {
  padding: 0.6em 1em 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  border-radius: 0;
}

.label-default {
  background-color: var(--col-grigio-scuro);
}

.label-grigio {
  background-color: var(--col-grigio-medio);
}

.label-danger {
  background-color: var(--col-danger);
}

.label-success,
.label-primary {
  background-color: var(--col-primary);
}

.label-secondary {
  background-color: var(--col-ui-evidenza);
}

html {
  overflow: hidden !important;
}

body.msp {
  width: 100%;
  height: 100%;
}
body.msp .msp-lo-container {
  width: 100%;
  padding: 0;
  max-width: 100%;
  height: 100%;
}
body.msp .msp-lo-top {
  position: fixed;
  top: 0;
  width: 100%;
  height: var(--h_top);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: var(--col-testata);
  z-index: var(--z-top);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 720px) {
  body.msp .msp-lo-top {
    overflow-x: auto;
  }
}
body.msp .msp-lo-center {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: absolute;
  top: var(--h_top);
  bottom: var(--h_bottom);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
body.msp .msp-lo-bottom {
  position: fixed;
  bottom: 0;
  background-color: var(--col-grigio);
  width: 100%;
  height: var(--h_bottom);
}
body.msp .msp-lo-center__main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  position: relative;
}
body.msp .msp-lo-main {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
body.msp footer {
  color: #fff;
  padding: 0 5px;
  text-align: right;
  line-height: 1.5;
}
body.msp .msp-lo-center__sidebar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.msp .msp-lo-center__sidebar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.msp .msp-lo-main__main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
body.msp .msp-lo-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border-left: 1px solid var(--col-grigio-chiarissimo);
}
body.msp .msp-lo-content__main {
  position: relative;
  width: 100%;
  padding: 10px 20px;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
body.msp .msp-lo-content__toolbar {
  position: relative;
}

body {
  color: var(--col-grigio-scuro);
  background: #fff;
  font-family: "OpenSans", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4, .h4 {
  font-size: 1em;
}

a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0;
}

select {
  -moz-appearance: auto;
  -webkit-appearance: auto;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.pre {
  white-space: pre;
}

.nav_title {
  width: 200px;
  border-radius: 0;
}

.site_title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 30px;
  width: 100%;
  color: #fff !important;
  margin-left: 0 !important;
  line-height: 1.8;
  display: block;
  height: var(--h_top);
  margin: 0;
  margin-left: 0px;
  padding-left: 10px;
}
.site_title:hover, .site_title:focus {
  text-decoration: none;
}
.site_title span {
  position: absolute;
  left: -100000px;
}
.site_title img {
  width: 100%;
}

.logo-print {
  display: none;
}

.active a span.fa {
  text-align: right !important;
  margin-right: 4px;
}

.profile {
  display: none;
}

body .container.body .right_col {
  background: #fff;
}

.nav-md .container.body .right_col {
  padding: 0 20px 0;
  margin-left: 230px;
}

@media (max-width: 991px) {
  .nav-md .container.body .right_col, .nav-md .container.body .top_nav {
    width: 100%;
    margin: 0;
  }

  .nav-md .container.body .col-md-3.left_col {
    display: none;
  }

  .nav-md .container.body .right_col {
    width: 100%;
    padding-right: 0;
  }

  .right_col {
    padding: 10px !important;
  }
}
@media (max-width: 1200px) {
  .tile, .graph {
    zoom: 85%;
    height: inherit;
  }
}
.left_col .mCSB_scrollTools {
  width: 6px;
}

.left_col .mCSB_dragger {
  max-height: 400px !important;
}

/**  ------------------------------------------  **/
.blue {
  color: #3498DB;
}

.purple {
  color: #9B59B6;
}

.green {
  color: var(--col-msp);
}

.aero {
  color: #9CC2CB;
}

.red {
  color: var(--col-danger);
}

.dark {
  color: var(--col-grigio-scuro);
}

.border-blue {
  border-color: #3498DB !important;
}

.border-purple {
  border-color: #9B59B6 !important;
}

.border-green {
  border-color: var(--col-msp) !important;
}

.border-aero {
  border-color: #9CC2CB !important;
}

.border-red {
  border-color: var(--col-danger) !important;
}

.border-dark {
  border-color: var(--col-grigio-scuro) !important;
}

.bg-white {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: var(--col-grigio-scuro);
}

.bg-green {
  background: var(--col-msp) !important;
  border: 1px solid var(--col-msp) !important;
  color: #fff;
}

.bg-red {
  background: var(--col-danger) !important;
  border: 1px solid var(--col-danger) !important;
  color: #fff;
}

.bg-blue {
  background: #3498DB !important;
  border: 1px solid #3498DB !important;
  color: #fff;
}

.bg-orange {
  background: var(--col-ui-evidenza) !important;
  border: 1px solid var(--col-ui-evidenza) !important;
  color: #fff;
}

.bg-purple {
  background: #9B59B6 !important;
  border: 1px solid #9B59B6 !important;
  color: #fff;
}

.bg-blue-sky {
  background: #50C1CF !important;
  border: 1px solid #50C1CF !important;
  color: #fff;
}

/**  ------------------------------------------  **/
.navbar-nav > li > a, .navbar-nav > li > a {
  color: #fff !important;
}

.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover {
  background: var(--col-grigio-chiaro);
}

.main_container .top_nav {
  display: block;
  margin-left: 230px;
}

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

.page-title {
  width: 100%;
  height: auto;
  text-align: center;
  text-transform: uppercase;
}
.page-title a i {
  position: relative;
  left: -0.5em;
}
.page-title .title_left {
  width: 45%;
  float: left;
  display: block;
}
.page-title .title_left h3 {
  margin: 9px 0;
}

.fixed_height_320 {
  height: 320px;
}

.fixed_height_390 {
  height: 390px;
}

.fixed_height_200 {
  height: 200px;
}

.overflow_hidden {
  overflow: hidden;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.navbar {
  margin-bottom: 0;
}

.navbar-header {
  background: var(--col-grigio-scuro);
}

.navbar-right {
  margin-right: 0;
}

.top_nav li a i {
  font-size: 15px;
}

.menu {
  --text-color: #fff;
}
.menu a,
.menu a:hover,
.menu a:focus {
  color: var(--text-color);
  text-decoration: none;
}

.tox-tinymce-aux {
  position: fixed !important;
}

.nav.child_menu {
  display: none;
}
.nav.child_menu li {
  padding-left: 36px;
}
.nav.child_menu li:hover, .nav.child_menu li.active {
  background-color: rgba(255, 255, 255, 0.06);
}

.nav-md ul.nav.child_menu li:before {
  background: var(--col-grigio-scuro);
  bottom: auto;
  content: "";
  height: 8px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  border-radius: 50%;
}

.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid var(--col-grigio-scuro);
  bottom: 0;
  content: "";
  left: 27px;
  position: absolute;
  top: 0;
}

.nav.side-menu > li > a, .nav.child_menu > li > a {
  color: var(--col-grigio-chiarissimo);
  font-weight: 500;
}

.nav.child_menu li li:hover,
.nav.child_menu li li.active {
  background: none;
}

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
  color: #fff;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 13px 15px 12px;
}

.nav.side-menu > li.current-page, .nav.side-menu > li.active {
  border-right: 5px solid var(--col-msp);
}

.nav li.current-page {
  background: rgba(255, 255, 255, 0.05);
}

.nav li li li.current-page {
  background: none;
}

.nav li li.current-page a {
  color: #fff;
}

.nav.side-menu > li.active > a {
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#334556), to(#2C4257)), #2A3F54;
  background: linear-gradient(#334556, #2C4257), #2A3F54;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
          box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}

.navbar-nav > li > a {
  font-weight: 300;
  color: var(--col-grigio-chiarissimo) !important;
  margin-left: 0 !important;
  line-height: 32px;
}

.nav.navbar-nav > li > a {
  color: var(--col-grigio-scuro) !important;
}

.nav.top_menu > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: var(--col-grigio-scuro) !important;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent;
}

.toggle {
  float: left;
  margin: 0;
  padding: 9px 0 0 10px;
}

.toggle a {
  margin: 0;
  cursor: pointer;
  display: block;
}

.toggle a i {
  font-size: 26px;
}

@media (min-width: 992px) {
  .toggle {
    padding-top: 5px;
  }

  .fa-bars::before {
    font-size: 1.3em;
  }

  .nav-md .fa-bars::before {
    content: "\f137";
  }

  .fa-bars::before {
    font-size: 1.3em;
    content: "\f138";
  }
}
.nav.child_menu > li > a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  padding: 9px;
}

.line_30 {
  line-height: 30px;
}

.bs-docs-sidebar .nav > li > a {
  display: block;
  padding: 4px 6px;
}

.tooltip {
  display: block !important;
}

.tiles {
  border-top: 1px solid var(--col-grigio-chiaro);
  margin-top: 15px;
  padding-top: 5px;
  margin-bottom: 0;
}

.tile {
  overflow: hidden;
}

.top_tiles {
  margin-bottom: 0;
}

.top_tiles .tile h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 3px 0 7px;
  font-weight: 500;
}

article.media {
  width: 100%;
}

/* *********  custom accordion  **************************** */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.right-arrow {
  width: 10px;
  float: right;
  font-weight: 500;
  font-size: 20px;
}

legend {
  padding-bottom: 7px;
}

/* *********  paginazione  **************************** */
.dataTables_info,
.dataTables_length {
  padding: 8px 0 0 8px;
  color: var(--col-grigio-medio);
  font-style: italic;
}
.dataTables_info label,
.dataTables_length label {
  font-weight: 300 !important;
}
.dataTables_info select,
.dataTables_length select {
  width: 55px !important;
  padding: 4px;
}

.pagination li a {
  text-transform: lowercase;
  padding: 4px 10px 3px;
}
.pagination li a:hover {
  background-color: var(--col-grigio-chiarissimo);
}
.pagination li.disabled {
  display: none;
}
.pagination li > span, .pagination li > a {
  color: var(--col-grigio-medio);
}
.pagination .active a,
.pagination .active a:hover {
  border-color: var(--col-grigio-medio);
  background-color: var(--col-grigio-medio);
}

.clear {
  clear: both;
}

/* *********  dashboard widget  **************************** */
/* *********  /dashboard widget  **************************** */
/* *********  widgets  *************************************** */
ul.to_do {
  padding: 0;
}

ul.to_do li {
  background: var(--col-grigio-chiarissimo);
  border-radius: var(--btn-border-radius);
  position: relative;
  padding: 7px;
  margin-bottom: 5px;
  list-style: none;
}

ul.to_do p {
  margin: 0;
}

.dashboard-widget {
  background: var(--col-grigio-chiarissimo);
  border-top: 5px solid var(--col-msp);
  border-radius: var(--btn-border-radius);
  padding: 5px 10px 10px;
}

.dashboard-widget .dashboard-widget-title {
  font-weight: normal;
  border-bottom: 1px solid var(--col-grigio-chiaro);
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  padding-left: 40px;
  line-height: 30px;
}

.dashboard-widget .dashboard-widget-title i {
  font-size: 100%;
  margin-left: -35px;
  margin-right: 10px;
  color: var(--col-msp);
  padding: 3px 6px;
  border: 1px solid var(--col-msp-chiaro);
  border-radius: 5px;
  background: #fff;
}

ul.quick-list {
  width: 45%;
  padding-left: 0;
  display: inline-block;
}

ul.quick-list li {
  padding-left: 10px;
  list-style: none;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

ul.quick-list li i {
  padding-right: 10px;
  color: var(--col-grigio);
}

.dashboard-widget-content {
  padding-top: 9px;
}

.dashboard-widget-content .sidebar-widget {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid var(--col-msp);
  border-radius: 5px;
  text-align: center;
  float: right;
  padding: 2px;
  margin-top: 10px;
}

.widget_summary {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.widget_summary .w_left {
  float: left;
  text-align: left;
}

.widget_summary .w_center {
  float: left;
}

.widget_summary .w_right {
  float: left;
  text-align: right;
}

.widget_summary .w_right span {
  font-size: 20px;
}

.w_20 {
  width: 20%;
}

.w_25 {
  width: 25%;
}

.w_55 {
  width: 55%;
}

h5.graph_title {
  text-align: left;
  margin-left: 10px;
}

h5.graph_title i {
  margin-right: 10px;
  font-size: 17px;
}

span.right {
  float: right;
  font-size: 14px !important;
}

.tile_info a {
  text-overflow: ellipsis;
}

.dashboard_graph {
  background: #fff;
  padding: 7px 10px;
}

.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {
  padding: 0;
}

.media .date {
  background: var(--col-grigio-chiaro);
  width: 52px;
  margin-right: 10px;
  border-radius: 10px;
  padding: 5px;
}

.media .date .month {
  margin: 0;
  text-align: center;
  color: #fff;
}

.media .date .day {
  text-align: center;
  color: #fff;
  font-size: 27px;
  margin: 0;
  line-height: 27px;
  font-weight: 500;
}

.event .media-body a.title {
  font-weight: 500;
}

.event .media-body p {
  margin-bottom: 0;
}

h4.graph_title {
  margin: 7px;
  text-align: center;
}

/* *********  /widgets  *************************************** */
/** tile stats **/
.tile-stats {
  position: relative;
  display: block;
  margin-bottom: 12px;
  border: 1px solid var(--col-grigio-chiarissimo);
  -webkit-border-radius: 5px;
  overflow: hidden;
  padding-bottom: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  background: #FFF;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.tile-stats:hover .icon i {
  animation-name: tansformAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  color: var(--col-ombra-lieve);
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: tansformAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: tansformAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}

.tile-stats .icon {
  width: 20px;
  height: 20px;
  color: var(--col-grigio-medio);
  position: absolute;
  right: 53px;
  top: 22px;
  z-index: 1;
}

.tile-stats .icon i {
  margin: 0;
  font-size: 60px;
  line-height: 0;
  vertical-align: bottom;
  padding: 0;
}

.tile-stats .count {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.65857143;
}

.tile-stats .count, .tile-stats h3, .tile-stats p {
  position: relative;
  margin: 0;
  margin-left: 10px;
  z-index: 5;
  padding: 0;
}

.tile-stats h3 {
  color: var(--col-grigio-medio);
}

.tile-stats p {
  margin-top: 5px;
  font-size: 12px;
}

.tile-stats > .dash-box-footer {
  position: relative;
  text-align: center;
  margin-top: 5px;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: var(--col-ombra-lieve);
  text-decoration: none;
}

.tile-stats > .dash-box-footer:hover {
  color: #fff;
  background: var(--col-ombra-lieve);
}

.tile-stats > .dash-box-footer:hover {
  color: #fff;
  background: var(--col-ombra-lieve);
}

.tile-stats.sparkline {
  padding: 10px;
  text-align: center;
}

table.tile_info {
  padding: 10px 15px;
}

table.tile_info span.right {
  margin-right: 0;
  float: right;
  position: absolute;
  right: 4%;
}

.tile:hover {
  text-decoration: none;
}

.tile_header {
  border-bottom: transparent;
  padding: 7px 15px;
  margin-bottom: 15px;
  background: var(--col-grigio-chiarissimo);
}

.tile_head h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.tiles-bottom {
  padding: 5px 10px;
  margin-top: 10px;
  background: rgba(194, 194, 194, 0.3);
  text-align: left;
}

/** /tile stats **/
/* *********  form design  **************************** */
.editor.btn-toolbar {
  zoom: 1;
  background: var(--col-grigio-chiarissimo);
  margin: 5px 2px;
  padding: 3px 0;
  border: 1px solid var(--col-grigio-chiarissimo);
}

input[type=number] {
  min-width: 4em;
}

.ln_solid {
  border-top: 1px solid var(--col-grigio-chiarissimo);
  color: #fff;
  background-color: #fff;
  height: 1px;
  margin: 10px 0;
}

span.section {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: var(--col-grigio-scuro);
  border: 0;
  border-bottom: 1px solid var(--col-grigio-chiarissimo);
}

.form-group {
  position: relative;
  margin-bottom: 3px;
}

.form-control:focus {
  border-color: var(--col-grigio-chiaro);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.form-control.has-feedback-left {
  padding-left: 45px;
}
.form-control.has-feedback-right {
  padding-right: 45px;
}

td textarea {
  margin: 5px 0;
}

.has-feedback .form-control {
  padding-right: inherit;
}

.form-control-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-control-feedback.left {
  border-right: 1px solid var(--col-grigio-chiaro);
  left: 13px;
}
.form-control-feedback.right {
  border-left: 1px solid var(--col-grigio-chiaro);
  right: 11px;
}

legend {
  font-size: 18px;
  color: inherit;
}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}

.validate {
  margin-top: 10px;
}

.invalid-form-error-message {
  margin-top: 10px;
  padding: 5px;
}

.invalid-form-error-message.filled {
  border-left: 2px solid var(--col-danger);
}

p.parsley-success {
  color: var(--col-msp);
  background-color: var(--col-msp-chiaro);
  border: 1px solid var(--col-msp-chiaro);
}

p.parsley-error {
  color: var(--col-danger);
  background-color: var(--col-danger-chiaro);
  border: 1px solid var(--col-danger-chiaro);
}

ul.parsley-errors-list {
  list-style: none;
  color: var(--col-danger);
  padding-left: 0;
}

input.parsley-error, textarea.parsley-error, select.parsley-error {
  background: #FAEDEC;
  border: 1px solid var(--col-danger);
}

.btn-group .parsley-errors-list {
  display: none;
}

.bad input, .bad select, .bad textarea {
  border: 1px solid var(--col-danger);
  -webkit-box-shadow: 0 0 4px -2px var(--col-danger);
          box-shadow: 0 0 4px -2px var(--col-danger);
  position: relative;
  left: 0;
  -moz-animation: 0.7s 1 shake linear;
  -webkit-animation: 0.7s 1 shake linear;
}

.item input, .item textarea {
  -webkit-transition: 0.42s;
  transition: 0.42s;
}

/* alerts (when validation fails) */
.item .alert {
  float: left;
  margin: 0 0 0 20px;
  padding: 3px 10px;
  color: #FFF;
  border-radius: 3px 4px 4px 3px;
  background-color: var(--col-danger);
  max-width: 170px;
  white-space: pre;
  position: relative;
  left: -15px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}

.item .alert::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent var(--col-danger) transparent transparent;
  border-style: solid;
  border-width: 11px 7px;
  position: absolute;
  left: -13px;
  top: 1px;
}

.item.bad .alert {
  left: 0;
  opacity: 1;
}

.inl-bl {
  display: inline-block;
}

.well .markup {
  background: #fff;
  color: var(--col-grigio);
  position: relative;
  padding: 45px 15px 15px;
  margin: 15px 0 0 0;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.well .markup::after {
  content: "Example";
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: 500;
  color: var(--col-grigio);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* *********  form textarea  **************************** */
textarea {
  padding: 10px;
  vertical-align: top;
  width: 200px;
}

textarea.auto {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
}

textarea:focus {
  border: 3px solid var(--col-msp-chiaro);
}

.btn_ {
  display: inline-block;
  padding: 3px 9px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: var(--col-grigio-scuro);
  text-shadow: 0 1px 1px var(--col-ombra);
  background-color: var(--col-grigio-chiarissimo);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(var(--col-grigio-chiarissimo)));
  background-image: linear-gradient(to bottom, #fff, var(--col-grigio-chiarissimo));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffff", endColorstr="#ffe6e6e6", GradientType=0);
  border-color: var(--col-grigio-chiarissimo) var(--col-grigio-chiarissimo) #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid var(--col-grigio-chiaro);
  border-bottom-color: var(--col-grigio-medio);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* *********  /form textarea  **************************** */
/* *********  form tags input  **************************** */
span.tag {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px 9px;
  text-decoration: none;
  background: var(--col-msp);
  color: var(--col-grigio-chiarissimo);
  margin-right: 5px;
  font-weight: 500;
  margin-bottom: 5px;
  font-family: helvetica;
}

span.tag a {
  color: var(--col-grigio-chiarissimo) !important;
}

/* *********  /form tags input  **************************** */
/** Tabs **/
ul.bar_tabs {
  overflow: visible;
  background: var(--col-grigio-chiaro);
  margin: 50px 0 25px 0;
  padding-left: 14px;
  position: relative;
  z-index: 1;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

ul.bar_tabs > li {
  border: 1px solid var(--col-grigio-chiarissimo);
  color: var(--col-grigio-scuro) !important;
  margin-top: -17px;
  margin-left: 8px;
  background: #fff;
  border-bottom: none !important;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

ul.bar_tabs > li.active {
  border-right: 6px solid var(--col-grigio-medio);
  border-top: 0;
  margin-top: -15px;
}

ul.bar_tabs > li a {
  padding: 10px 17px;
  background: var(--col-grigio-chiarissimo);
  color: var(--col-grigio);
  margin: 0;
}

ul.bar_tabs > li a:hover {
  border: 1px solid transparent;
}

ul.bar_tabs > li.active a {
  border-top-right-radius: 0;
  color: var(--col-msp) !important;
  font-weight: bold;
}

ul.bar_tabs.right {
  padding-right: 14px;
}

ul.bar_tabs.right li {
  float: right;
}

a:focus {
  outline: none;
}

/** /Tabs **/
/* *********  timeline  **************************** */
ul.timeline li {
  position: relative;
  border-bottom: 1px solid var(--col-grigio-chiarissimo);
  clear: both;
}

.timeline .block {
  margin: 0;
  border-left: 3px solid var(--col-grigio-chiarissimo);
  overflow: visible;
  padding: 10px 15px;
  margin-left: 105px;
}

.timeline.widget {
  min-width: 0;
  max-width: inherit;
}

.timeline.widget .block {
  margin-left: 5px;
}

.timeline .tags {
  position: absolute;
  top: 15px;
  left: 0;
  width: 84px;
}

.timeline .tag {
  display: block;
  height: 30px;
  font-size: 13px;
  padding: 8px;
}

.timeline .tag span {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tag {
  line-height: 1;
  background: var(--col-msp);
  color: #fff !important;
}

.tag:after {
  content: " ";
  height: 30px;
  width: 0;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  pointer-events: none;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 11px solid var(--col-msp);
}

.timeline h2.title {
  position: relative;
  font-size: 16px;
  margin: 0;
}

.timeline h2.title:before {
  content: "";
  position: absolute;
  left: -23px;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
  border: 3px solid var(--col-grigio-chiaro);
  border-radius: 14px;
  background: #fff;
}

.timeline .byline {
  padding: 0.25em 0;
}

.byline {
  -webkit-font-smoothing: antialiased;
  font-style: italic;
  font-size: 0.9375em;
  line-height: 1.3;
  color: var(--col-grigio-chiaro);
}

ul.social li {
  border: 0;
}

/* *********  /timeline  **************************** */
/* *********  profile/social  **************************** */
.thumb img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.chat .thumb img {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}

.chat .status {
  float: left;
  margin: 16px 0 0 -16px;
  font-size: 14px;
  font-weight: 500;
  width: 12px;
  height: 12px;
  display: block;
  border: 2px solid #FFF;
  z-index: 12312;
  border-radius: 50%;
}

.chat .status.online {
  background: var(--col-msp);
}

.chat .status.away {
  background: var(--col-ui-evidenza);
}

.chat .status.offline {
  background: var(--col-grigio-chiaro);
}

.chat .media-body {
  padding-top: 5px;
}

/* *********  /profile/social  **************************** */
/* *********  widgets  **************************** */
.dashboard_graph .x_title {
  padding: 5px 5px 7px;
}

.dashboard_graph .x_title h3 {
  margin: 0;
  font-weight: normal;
}

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
  font-size: 18px;
}

.percent:after {
  content: "%";
  margin-left: 0.1em;
  font-size: 0.8em;
}

.angular {
  margin-top: 100px;
}

.angular .chart {
  margin-top: 0;
}

.widget {
  min-width: 250px;
  max-width: 310px;
}

.widget_tally_box .btn-group button {
  text-align: center;
}

.widget_tally_box .btn-group button {
  color: inherit;
  font-weight: 500;
  background-color: var(--col-grigio-chiarissimo);
  border: 1px solid var(--col-grigio-chiarissimo);
}

ul.widget_tally, ul.widget_tally li {
  width: 100%;
}

ul.widget_tally li {
  padding: 2px 10px;
  border-bottom: 1px solid var(--col-grigio-chiarissimo);
  padding-bottom: 4px;
}

ul.widget_tally .month {
  width: 70%;
  float: left;
}

ul.widget_tally .count {
  width: 30%;
  float: left;
  text-align: right;
}

.pie_bg {
  border-bottom: 1px solid rgba(101, 204, 182, 0.16);
  padding-bottom: 15px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding-bottom: 10px;
  -webkit-box-shadow: 0 4px 6px -6px var(--col-grigio-scuro);
  box-shadow: 0 4px 6px -6px var(--col-grigio-scuro);
}

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

ul.widget_profile_box {
  width: 100%;
  height: 42px;
  padding: 3px;
  background: var(--col-grigio-chiarissimo);
  margin-top: 40px;
  margin-left: 1px;
}

ul.widget_profile_box li:first-child {
  width: 25%;
  float: left;
}

ul.widget_profile_box li:first-child a {
  float: left;
}

ul.widget_profile_box li:last-child {
  width: 25%;
  float: right;
}

ul.widget_profile_box li:last-child a {
  float: right;
}

ul.widget_profile_box li a {
  font-size: 22px;
  text-align: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  display: block;
  border-radius: 50%;
  padding: 0px;
}

ul.widget_profile_box li a:hover {
  color: var(--col-msp) !important;
  border: 1px solid var(--col-msp);
}

ul.widget_profile_box li .profile_img {
  width: 85px;
  height: 85px;
  margin: 0;
  margin-top: -28px;
}

.widget_tally_box p, .widget_tally_box span {
  text-align: center;
}

.widget_tally_box .name {
  text-align: center;
  margin: 25px;
}

.widget_tally_box .name_title {
  text-align: center;
  margin: 5px;
}

.widget_tally_box ul.legend {
  margin: 0;
}

.widget_tally_box ul.legend p, .widget_tally_box ul.legend span {
  text-align: left;
}

.widget_tally_box ul.legend li .icon {
  font-size: 20px;
  float: left;
  width: 14px;
}

.widget_tally_box ul.legend li .name {
  font-size: 14px;
  margin: 5px 0 0 14px;
  text-overflow: ellipsis;
  float: left;
}

.widget_tally_box ul.legend p {
  display: inline-block;
  margin: 0;
}

.widget_tally_box ul.verticle_bars li {
  height: 140px;
  width: 23%;
}

/* *********  /widgets  **************************** */
ul.messages {
  padding: 0;
  list-style: none;
}

ul.messages li, .tasks li {
  border-bottom: 1px dotted var(--col-grigio-chiarissimo);
  padding: 8px 0;
}

ul.messages li .message_date {
  float: right;
  text-align: right;
}

ul.messages li .message_wrapper {
  margin-left: 50px;
  margin-right: 40px;
}

ul.messages li .message_wrapper h4.heading {
  font-weight: 600;
  margin: 0;
  cursor: pointer;
  margin-bottom: 10px;
  line-height: 100%;
}

ul.messages li .message_wrapper blockquote {
  padding: 0px 10px;
  margin: 0;
  border-left: 5px solid var(--col-grigio-chiarissimo);
}

ul.user_data li {
  margin-bottom: 6px;
}

ul.user_data li p {
  margin-bottom: 0;
}

ul.user_data li .progress {
  width: 90%;
}

.project_progress .progress {
  margin-bottom: 3px !important;
  margin-top: 5px;
}

.projects .list-inline {
  margin: 0;
}

.profile_title {
  background: var(--col-grigio-chiarissimo);
  border: 0;
  padding: 7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.img-avatar,
.avatar img {
  border-radius: 50%;
  height: var(--size-avatar);
  width: var(--size-avatar);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 0;
     object-position: 0 0;
}

/* *********  media gallery  **************************** */
.thumbnail .image {
  height: 120px;
  overflow: hidden;
}

.thumbnail {
  height: 190px;
  overflow: hidden;
}

.view {
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px var(--col-grigio-chiarissimo);
          box-shadow: 1px 1px 2px var(--col-grigio-chiarissimo);
  cursor: default;
}

.view .mask, .view .content {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view img {
  display: block;
  position: relative;
}

.view .tools {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 3px;
  background: var(--col-ombra);
  margin: 43px 0 0 0;
}

.mask.no-caption .tools {
  margin: 90px 0 0 0;
}

.view .tools a {
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 0 4px;
}

.view p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 1px var(--col-ombra);
          box-shadow: 0 0 1px var(--col-ombra);
}

/*!
* bootstrap-vertical-tabs - v1.2.1
* https://dbtek.github.io/bootstrap-vertical-tabs
* 2014-11-07
* Copyright (c) 2014 İsmail Demirbilek
* License: MIT
*/
/** signup **/
.left {
  float: left;
}

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

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

.clearfix:after, form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

header {
  width: 100%;
}

/** signup **/
/** NProgress **/
#nprogress .bar {
  background: var(--col-msp);
}

#nprogress .peg {
  -webkit-box-shadow: 0 0 10px var(--col-msp) 0 0 5px var(--col-msp);
          box-shadow: 0 0 10px var(--col-msp) 0 0 5px var(--col-msp);
}

#nprogress .spinner-icon {
  border-top-color: var(--col-msp);
  border-left-color: var(--col-msp);
}

/** /NProgress **/
/** bootstrap-wysiwyg **/
div[data-role=editor-toolbar] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
}

/** /bootstrap-wysiwyg **/
/** Normalize.css **/
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/** /Normalize.css **/
.form_wizard .stepContainer {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid var(--col-grigio-chiaro);
  overflow-x: hidden;
}

.wizard_verticle .stepContainer {
  width: 80%;
  float: left;
  padding: 0 10px;
}

.wizard_verticle .wizard_content {
  width: 80%;
  float: left;
  padding-left: 20px;
}

.wizard_verticle ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 20%;
  float: left;
  margin: 0 0 20px;
}

.wizard_verticle ul.wizard_steps li {
  display: list-item;
  text-align: center;
}

.wizard_verticle ul.wizard_steps li a {
  height: 80px;
}

.wizard_verticle ul.wizard_steps li a:first-child {
  margin-top: 20px;
}

.wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover {
  display: block;
  position: relative;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  color: var(--col-grigio);
}

.wizard_verticle ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 100%;
  background: var(--col-grigio-chiaro);
  top: 20px;
  width: 4px;
  z-index: 4;
  left: 49%;
}

.wizard_verticle ul.wizard_steps li a.disabled .step_no {
  background: var(--col-grigio-chiaro);
}

.wizard_verticle ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5;
}

.wizard_verticle ul.wizard_steps li a.selected:before, .step_no {
  background: var(--col-grigio);
  color: #fff;
}

.wizard_verticle ul.wizard_steps li a.done:before, .wizard_verticle ul.wizard_steps li a.done .step_no {
  background: var(--col-msp);
  color: #fff;
}

.wizard_verticle ul.wizard_steps li:first-child a:before {
  left: 49%;
}

.wizard_verticle ul.wizard_steps li:last-child a:before {
  left: 49%;
  left: auto;
  width: 0;
}

.form_wizard .loader {
  display: none;
}

.form_wizard .msgBox {
  display: none;
}

/** bootstrap-progressbar  **/
.progress {
  border-radius: 0;
}

.dashboard_graph p {
  margin: 0 0 4px;
}

.alert-success {
  color: #fff;
  background-color: var(--col-success);
  border-color: var(--col-success);
}

.alert-flex {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.alert-flex--center {
  text-align: center;
}

.alert-hidden {
  top: -100px;
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.alert-danger {
  color: var(--col-grigio-chiarissimo);
  background-color: var(--col-danger);
  border-color: var(--col-danger);
}

.nota-bene {
  font-size: 0.8em;
  color: var(--col-danger);
  font-style: italic;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

/** Dropzone.js **/
.dropzone {
  min-height: 300px;
  border: 1px solid var(--col-grigio-chiarissimo);
}

/** /Dropzone.js **/
.msp-alert {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 0.7em 0.7em 0.5em 0.9em;
  z-index: 2000;
  width: 380px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 400;
}

.breadcrumb {
  background-color: transparent;
}
.breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.breadcrumb a {
  padding: 2px 9px 2px 0;
  color: var(--col-grigio);
  background-color: var(--col-grigio-chiarissimo);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
  border-radius: 15px 0 0 15px;
}
.breadcrumb a:hover, .breadcrumb a:active {
  color: #fff;
  background-color: var(--col-grigio);
}

.datepicker {
  margin: 0 10px;
  min-width: 2em;
}
.datepicker .input-group {
  width: auto;
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.datepicker .input-group input {
  width: 10em;
}
.datepicker.compact .input-group {
  width: 0em;
}
.datepicker .input-group-addon {
  position: relative;
  left: -1px;
  width: auto;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-left-color: #cccccc;
  border-left-style: solid;
  border-left-width: 1px;
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin: 0;
}
.datepicker.active .input-group-addon {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.sola-lettura {
  border-radius: var(--ui-radius);
  padding: 0;
  border: 1px solid var(--col-grigio-chiarissimo);
}
.sola-lettura header {
  padding: 0;
}
.sola-lettura header span {
  margin: 0;
  background-color: var(--col-grigio-chiarissimo);
  padding: 0.3em 0.3em 0.2em !important;
  display: block;
  color: var(--col-grigio);
  font-weight: normal;
  text-align: center;
  font-size: 1.1em;
}
.sola-lettura .testo {
  color: var(--col-grigio-scuro);
  background-color: #fff;
  text-align: left;
  padding: 1em;
  border-top: 0;
  white-space: pre-wrap;
}

.form-group.sola-lettura {
  border: 0;
}
.form-group.sola-lettura label {
  margin: 0 10px 0 0;
}

ul.li-m10 li {
  margin: 10px;
}

hr {
  border-top: 1px solid #aaa;
}

textarea {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html {
  font-size: 10px !important;
}

.loading .load {
  opacity: 0.3 !important;
  background: var(--col-grigio-chiaro) !important;
}

body {
  font-weight: 400;
}

[v-cloak].hide-cloak {
  display: none;
}

.show-cloak {
  --display-cloak: none;
  display: var(--display-cloak) !important;
}

[v-cloak].show-cloak {
  --display-cloak: block;
}

[v-cloak].hide-cloak {
  display: none !important;
}

.hidden {
  display: none !important;
  pointer-events: none !important;
}

[draggable],
[draggable] a {
  cursor: move;
}

span.um {
  font-size: 0.6em;
}

.editable {
  display: inline-block;
  width: 100%;
  height: 100%;
  min-height: 1em;
  cursor: pointer;
  text-align: initial;
}

.interactive {
  cursor: pointer;
}

.pre {
  text-align: left;
  white-space: pre-wrap;
}

.flex-1di4 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

.flex-1di3 {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}

.flex-1di2 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.flex-space {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.msp-box {
  border: 1px solid var(--col-grigio-chiaro);
  border-radius: var(--ui-radius);
  padding: 1em;
  margin: 0 0 calc(5 * var(--ui-space)) 0;
}
.msp-box p {
  margin: 0;
}
.msp-box.closed .msp-box-content {
  display: none !important;
}

.input-small {
  width: 5em;
}

.input-medium {
  width: 7em;
}

.input-big {
  width: 12em;
}

.msp-container {
  --max-width: 1200px;
  --margin-left: 0;
  --margin-right: auto;
  max-width: var(--max-width);
  width: 100%;
  margin-left: var(--margin-left);
  margin-right: var(--margin-right);
}

.msp-label,
.msp-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
  padding: 5px;
}

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

.msp-col-50 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.msp-col-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.msp-col-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.msp-col-3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.msp-padding {
  padding: var(--ui-space);
}

@media (max-width: 768px) {
  .msp-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .msp-label,
.msp-control {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.hidden-icon {
  opacity: 0;
}

.show-icon-hover:hover .hidden-icon {
  opacity: 1;
}

:root {
  --max-height-data-table: 500px;
}

.v-data-table {
  --td-padding: 0 5px;
  font-size: 1em;
}
.v-data-table .v-data-table__wrapper {
  max-height: var(--max-height-data-table);
  overflow: auto;
}
.v-data-table .v-data-table__wrapper > table > tbody > tr > td {
  padding: var(--td-padding);
  line-height: 1;
}
.v-data-table .v-data-table__wrapper > table > tbody > tr:nth-child(odd) > td {
  background: var(--col-grigio-chiarissimo);
}
.v-data-table .v-data-table__wrapper > table > tbody > tr:hover > td {
  background: var(--col-msp-chiarissimo);
}
.v-data-table .v-data-table__wrapper table {
  width: auto;
}
.v-data-table .v-data-table__wrapper thead {
  position: sticky;
  top: -10px;
  background: #fff;
  z-index: var(--z-toolbar);
  margin: 0;
}
.v-data-table .v-data-table__wrapper .importo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.v-data-table .v-data-table__wrapper .buttons {
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v-data-table .v-data-table__wrapper table thead tr th {
  font-size: 1em;
}
.v-data-table .v-data-table__wrapper table tbody tr td {
  font-size: 1em;
}
.v-data-table .v-data-table__wrapper table tfoot tr td {
  font-size: 1em;
}

.theme--light.v-pagination .v-pagination__item--active {
  background-color: var(--col-msp);
}

:root {
  --alert-color: #000;
}

.msp-alert {
  position: fixed;
  bottom: 0;
  left: 50%;
  text-align: center;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  padding: 0.5em 1em;
  border: 2px solid #000;
  z-index: 10;
  border-color: var(--alert-color);
  background: #fff;
  color: var(--alert-color);
  visibile: hidden;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate3d(-50%, 30px, 0);
          transform: translate3d(-50%, 30px, 0);
  -webkit-transition: all 400ms;
  transition: all 400ms;
  display: none;
}
.msp-alert.success {
  --alert-color: var(--col-success);
}
.msp-alert.danger {
  --alert-color: #c00;
}
.msp-alert.active {
  display: block;
  visibile: visible;
  max-height: 500px;
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.msp-alert.inline {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 0;
  max-height: 0px;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: left;
  background: var(--alert-color);
  color: #fff;
  border-radius: var(--ui-radius);
  text-transform: none;
  width: auto;
  border: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform: none;
          transform: none;
}
.msp-alert.inline span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.msp-alert.inline .close {
  font-size: 3rem;
  margin: 0 0 0 10px;
  line-height: 0.5;
}
.msp-alert.inline.active {
  max-height: 500px;
  opacity: 1;
  padding: 1em;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

.msp-segment {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.msp-segment.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msp-segment label.msp-segment__item {
  text-align: center;
  margin: 0;
  padding: 0;
}
.msp-segment__label {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid var(--col-grigio-chiaro);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-radius: 0;
  padding: 5px 8px;
  background-color: #fff;
  cursor: pointer;
}
.msp-segment .msp-segment__item:first-child .msp-segment__label {
  border-top-left-radius: calc(2 * var(--btn-border-radius));
  border-bottom-left-radius: calc(2 * var(--btn-border-radius));
}
.msp-segment .msp-segment__item:last-child .msp-segment__label {
  border-top-right-radius: calc(2 * var(--btn-border-radius));
  border-bottom-right-radius: calc(2 * var(--btn-border-radius));
}
.msp-segment input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.msp-segment input:checked + .msp-segment__label {
  background-color: var(--col-msp);
  border-color: var(--col-msp);
  color: #fff;
}

.msp-form-group .msp-segment label.msp-segment__item {
  width: 35px;
}
.msp-form-group span.msp-segment__label {
  padding-left: 8px;
}

.msp-tab-radio {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
.msp-tab-radio.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msp-tab-radio label.msp-tab-radio__item {
  font-weight: 400;
  text-align: left;
  position: relative;
  min-width: 190px;
  margin: 0;
  display: block;
  -ms-flex-item-align: end;
      align-self: flex-end;
  background-color: var(--col-grigio-chiarissimo);
  cursor: pointer;
}
.msp-tab-radio label.msp-tab-radio__item:has(input:checked) {
  background-color: var(--col-grigio-scuro);
  color: #fff;
}
.msp-tab-radio label.msp-tab-radio__item:hover {
  background-color: var(--col-grigio);
  color: #fff;
}
.msp-tab-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.msp-form-group .msp-tab-radio label.msp-tab-radio__item {
  width: 35px;
}
.msp-form-group span.msp-tab-radio__label {
  padding-left: 8px;
}

.theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead {
  position: sticky;
  top: var(--sticky-top);
  background: #fff;
  z-index: var(--z-toolbar);
  margin: 0;
}
.theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead tr > th {
  --padding-right: 25px;
  --padding-left: 5px;
  --icon-right: 2px;
  --icon-left: auto;
  position: relative;
  color: #fff;
  background: var(--col-grigio-scuro);
  font-weight: 400;
  padding-right: var(--padding-right);
  padding-left: var(--padding-left);
}
.theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead tr > th span {
  text-wrap: nowrap;
}
.theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead tr > th.text-right {
  --padding-right: 5px;
  --padding-left: 25px;
  --icon-right: auto;
  --icon-left: 2px;
}
.theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead tr > th.text-left {
  --padding-right: 25px;
  --padding-left: 5px;
  --icon-right: 2px;
  --icon-left: auto;
}
.theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead tr > th:hover, .theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead tr > th.sortable.active {
  color: #fff;
  background: var(--col-grigio);
}
.theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead tr > th:hover .v-data-table-header__icon, .theme--light.v-data-table.tabella-dashboard > .v-data-table__wrapper > table > thead tr > th.sortable.active .v-data-table-header__icon {
  color: #fff;
}

.tabella-dashboard.v-data-table table {
  width: 100%;
  layout: auto;
}
.tabella-dashboard .v-data-table-header__icon {
  position: absolute;
  top: 10px;
  right: var(--icon-right);
  left: var(--icon-left);
}
.tabella-dashboard colgroup col {
  width: auto;
}
.tabella-dashboard colgroup col:last-child {
  width: 100%;
}
.tabella-dashboard td {
  text-wrap: nowrap;
  border-right: 1px solid var(--col-grigio-chiaro);
  padding-inline: 20px !important;
}
.tabella-dashboard .msp-menu-options.menu-hamburger {
  text-align: right;
}

.ranking {
  --unchecked-star: "☆";
  --unchecked-color: var(--col-grigio);
  --checked-star: "★";
  --checked-color: var(--col-msp);
  display: inline-block;
}
.ranking fieldset {
  border: 0;
  display: inline-block;
  border-radius: 1px;
}
.ranking .star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.ranking .star-cb-group * {
  font-size: 20px;
}
.ranking .star-cb-group > input {
  display: none;
}
.ranking .star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.ranking .star-cb-group > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: var(--unchecked-star);
  color: var(--unchecked-color);
}
.ranking .star-cb-group > input:checked ~ label:before, .ranking .star-cb-group > input + label:hover ~ label:before, .ranking .star-cb-group > input + label:hover:before {
  content: var(--checked-star);
  color: var(--checked-color);
  text-shadow: 0 0 1px var(--col-grigio-scuro);
}
.ranking .star-cb-group > .star-cb-clear + label {
  text-indent: -9999px;
  width: 0.5em;
  margin-left: -0.5em;
}
.ranking .star-cb-group > .star-cb-clear + label:before {
  width: 0.5em;
}
.ranking .star-cb-group:hover > input + label:before {
  content: var(--unchecked-star);
  color: var(--unchecked-color);
  text-shadow: none;
}
.ranking .star-cb-group:hover > input + label:hover ~ label:before, .ranking .star-cb-group:hover > input + label:hover:before {
  content: var(--checked-star);
  color: var(--checked-color);
  text-shadow: 0 0 1px var(--col-grigio-scuro);
}

nav ul,
nav li,
nav.menu ul,
nav.menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

:root {
  --h-sidebar-toggler: 30px;
  --sidebar-color: var(--col-testata);
}

.menu-panel__header {
  position: sticky;
  top: 0;
  padding-left: 5px;
  background: #fff;
  z-index: 1;
  margin-bottom: 10px;
}

.animated,
.animated .sidebar-container {
  -webkit-transition: 300ms all ease-in-out;
  transition: 300ms all ease-in-out;
}

.sidebar-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  overflow: hidden;
  background: var(--col-testata);
}

.panel-right {
  --w_panels: 400px;
  -webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, 0.6);
          box-shadow: -2px 0 5px rgba(0, 0, 0, 0.6);
  background: #fff;
  z-index: var(--z-toolbar);
}
.panel-right .sidebar-container {
  display: none;
  overflow-y: auto;
  background: #fff;
}
.panel-right .msp-report {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.panel-right.expanded {
  position: fixed;
  width: 100%;
  bottom: 0;
  top: var(--h_top);
}

.panel-right.active .sidebar-container {
  display: block;
}

.sidebar.active .sidebar-container {
  max-width: var(--w_sidebar);
  width: var(--w_sidebar);
  pointer-events: all;
}
.sidebar.active .sidebar-container li a {
  text-align: left;
  width: 100%;
}
.sidebar.active .sidebar-container li a span {
  display: inline-block;
}

.sidebar {
  background: var(--sidebar-color);
  position: relative;
  text-align: center;
}
.sidebar .tabs {
  padding-top: 40px;
  width: var(--w_sidebar);
  z-index: 100;
  --text-color: #fff;
}
.sidebar .tabs ul {
  padding: 0;
  margin: 0;
}
.sidebar .tabs li {
  margin: 0 0 10px 0;
}
.sidebar .tabs li a {
  font-weight: 400;
  letter-spacing: 0.5px;
  font-size: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--text-color);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 5px;
  text-align: center !important;
}
.sidebar .tabs li a:before {
  color: var(--text-color);
  font-family: "msp";
  position: relative;
  font-size: 2rem;
  margin-bottom: 6px;
}
.sidebar .tabs li a i {
  font-size: 25px !important;
  text-align: center;
  width: 100% !important;
  margin-bottom: 5px;
}
.sidebar .tabs li a i,
.sidebar .tabs li a span {
  pointer-events: none;
}
.sidebar .tabs li.active,
.sidebar .tabs li.active:hover,
.sidebar .tabs li:hover {
  --text-color: var(--col-msp-chiaro);
  border-right: 0;
}
.sidebar .tabs li.active a,
.sidebar .tabs li.active:hover a,
.sidebar .tabs li:hover a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sidebar .tabs .nav.child_menu > li > a, .sidebar .tabs > li > a {
  font-weight: 300;
  color: #fff;
  font-size: 1.1em;
}
.sidebar .tabs > li > a {
  padding-left: 20px;
}
.sidebar [class^=menu-table] {
  overflow-y: auto;
  background: var(--col-grigio-scuro);
}
.sidebar [class^=menu-table] h3 {
  color: var(--col-grigio-scuro);
  margin: 5px;
  border: 1px solid var(--col-grigio-chiaro);
  padding: 0.1em 0.5em;
  background: #fff;
  font-size: 1.2em;
  text-align: left;
}
.sidebar [class^=menu-table] .item {
  text-align: left;
  color: #000;
  margin: 1px;
  border: none;
  padding: 0.1em 0.5em;
  background: #fff;
}
.sidebar [class^=menu-table] .item .glyphicon {
  color: var(--col-grigio-chiaro);
}
.sidebar [class^=menu-table] .item a {
  color: #000;
  display: inline;
  padding: 0;
}
.sidebar .menu-table-allenamenti input {
  margin: 5px auto;
  width: 100%;
  display: block;
  padding: 1em;
  font-size: 16px;
  border-radius: var(--ui-radius);
}
.sidebar .panels {
  width: 0px;
  overflow-x: hidden;
  -webkit-transition: all 400ms;
  transition: all 400ms;
  color: #fff;
  background: var(--sidebar-color);
}
.sidebar .panels ul,
.sidebar .panels li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar .panels ul {
  width: var(--w_panels);
  padding: 10px;
}
.sidebar .panels a {
  color: #fff;
  display: block;
  padding: 0.5em;
  text-align: left;
}
.sidebar .panels a:hover {
  background: var(--col-msp);
}
.sidebar .panels.opened .panels {
  width: var(--w_panels);
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.sidebar .panels.opened .active li:after {
  content: "";
  height: 1px;
  position: absolute;
  width: 210px;
  background: var(--col-msp);
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, var(--col-msp)), color-stop(90%, #fff));
  background: linear-gradient(to right, var(--col-msp) 40%, #fff 90%);
  right: 0;
}
.sidebar .panels .panel-nav {
  display: none;
}
.sidebar .panels .panel-nav ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.sidebar .panels .panel-nav.active {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.menu-panel__slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 100%;
}

:root {
  --slides: 2;
  --slide: 0;
}

.menu-panel__slides {
  --x-slide: calc(-100%*var(--slide)/var(--slides));
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(var(--slides) * 100%);
  -webkit-transform: translate3d(var(--x-slide), 0, 0);
          transform: translate3d(var(--x-slide), 0, 0);
}

/*TODO: Gestire più pannelli
/*TODO: usare active_slide1, active_slide2...*/
.menu-panel__content h4 {
  margin: 0.5em;
}
.menu-panel__content.slide-2 .menu-panel__slides {
  --slide: 1;
}
.menu-panel__content.slide-2 .slide1--only {
  display: none !important;
}
.menu-panel__content.slide-2 .slide2--only {
  display: initial !important;
}

.slide1--only {
  display: initial !important;
}

.slide2--only {
  display: none !important;
}

.menu-panel__slide {
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

.slide-1 .menu-panel__slide--1,
.slide-2 .menu-panel__slide--2,
.slide-3 .menu-panel__slide--3 {
  opacity: 1;
  height: auto;
  pointer-events: all;
  overflow: visible;
}

nav.menu-side a:before {
  content: var(--icon);
}

#al_dashboard_dashboard a:before,
#at_dashboard_dashboard a:before {
  content: var(--ico-dashboard);
}

#al_dashboard_elenco_atleti a:before,
#al_dashboard_allenatore a:before {
  content: var(--ico-atleti);
}

#al_atleti_test_atletici a:before,
.al_calendario_test a:before {
  content: var(--ico-test);
}

.al_calendario_pianificazione a:before {
  content: var(--ico-calendario);
}

#al_statistiche_dashboard a:before {
  content: var(--ico-dashboard);
}

#at_elenco_attivita a:before,
#al_statistiche_attivita a:before {
  content: var(--ico-attivita);
}

#al_statistiche_fitness a:before {
  content: var(--ico-fitness);
}

#at_carico_atleta a:before,
#al_statistiche_carico a:before {
  content: var(--ico-carichi);
}

.al_calendario_allenamenti a:before {
  content: var(--ico-time);
}

.al_calendario_atleti a:before {
  content: var(--ico-atleti);
}

#at_atleta_scheda a:before {
  content: var(--ico-scheda);
}

#at_atleta_settimana_tipo a:before {
  content: var(--ico-giorni-riposo);
}

#at_atleta_settimana_tipo a:after {
  content: "7";
  position: absolute;
  left: 14px;
  top: 16px;
  color: var(--col-grigio-chiaro);
}

li#at_atleta_settimana_tipo.active a:after {
  color: var(--col-msp);
}

li#at_atleta_settimana_tipo:hover a:after {
  color: var(--col-grigio-scuro);
}

#at_atleta_calendario a:before {
  content: var(--ico-calendario);
}

#al_atleti_gare a:before,
#at_atleta_calendariogare a:before {
  content: var(--ico-gara);
}

#at_atleta_calendarioimpegni a:before {
  content: var(--ico-impegni);
}

#at_atleta_calendariocollegiali a:before {
  content: var(--ico-collegiali);
}

#at_atleta_gare_atleti_in_scadenza a:before {
  content: var(--ico-alert);
}

.menu-item {
  padding: 4px;
  border-bottom: 1px solid var(--col-grigio-chiaro);
}
.menu-item.removing {
  opacity: 0.3;
}
.menu-item a {
  color: var(--col-grigio-scuro);
  display: block;
  padding: 0.5em;
  text-align: left;
}
.menu-item a:hover {
  color: var(--col-grigio-scuro);
  background: var(--col-msp-chiaro);
}
.menu-item a,
.menu-item span {
  padding: 0;
  background-color: transparent;
}
.menu-item [class*=msp-icon-sport-] {
  background-color: transparent !important;
}

.menu-items {
  min-height: 600px;
  width: 100%;
  padding-bottom: 40px;
}

.menu-item {
  position: relative;
  display: grid;
  grid-template-areas: "icon header options" "icon content content" "footer footer footer";
  grid-template-columns: 25px 1fr 30px;
  grid-template-rows: auto 1fr auto;
  text-align: left;
  font-size: 12px;
}
.menu-item.menu-item-noicon {
  grid-template-areas: "header options" "content content" "footer footer";
  grid-template-columns: 1fr 30px;
}
.menu-item.menu-item-noicon .item-header {
  padding-left: 0;
}
.menu-item:hover, .menu-item:hover a {
  color: var(--col-grigio-scuro);
  background: var(--col-msp-chiaro);
}
.menu-item .item-options {
  grid-area: options;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 4px;
}
.menu-item .item-footer {
  grid-area: footer;
  color: var(--col-grigio);
  font-size: 0.8em;
}
.menu-item .item-content {
  grid-area: content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.menu-item .item-header {
  font-weight: bold;
  grid-area: header;
  padding: 4px;
  margin-bottom: 4px;
}
.menu-item .item-icon {
  grid-area: icon;
  display: grid;
  align: center;
  padding: 4px;
  font-size: 30px;
}

.menu-item-draggable {
  margin-bottom: 8px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--col-grigio-chiaro);
  border-radius: var(--ui-radius);
  background-color: #fff;
}

.item-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  opacity: 0;
  pointer-events: none;
}

.item.hover .item-menu,
.item:hover .item-menu {
  opacity: 1;
  pointer-events: all;
}

.item:not(:hover) .item-only-hover,
.item:hover .item-hide-hover {
  display: none !important;
}

@media (hover: none) {
  .item .item-menu {
    opacity: 1;
    pointer-events: all;
  }
}
.item-edit-content input {
  width: 100%;
}

.item-edit-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}
.item-edit-buttons button.btn {
  padding: 2px 10px;
  margin-right: 5px;
}

.menu-categorie-add .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-categorie-add .item .item-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.aggiungi-pianificazione,
.cerca-pianificazione {
  margin: 5px 0;
}

.menu-form {
  margin: 0 10px;
  background: var(--col-licence);
  color: #fff;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.menu-form.danger {
  --col-licence: var(--col-danger);
}
.menu-form .count {
  font-size: 1.2em;
  font-weight: bold;
}

.dropdown-menu.msp-dropdown-menu,
.msp-dropdown-menu {
  padding: 0;
  list-style: none;
  margin: 0;
  --color: #fff;
  --contrast: var(--col-grigio-scuro);
  --border: 1px solid var(--col-grigio-chiaro);
}
.dropdown-menu.msp-dropdown-menu li,
.msp-dropdown-menu li {
  padding: 10px;
  border-bottom: var(--border);
  background: var(--color);
  color: var(--contrast);
}
.dropdown-menu.msp-dropdown-menu li:has(a),
.msp-dropdown-menu li:has(a) {
  padding: 0;
  border: none;
}
.dropdown-menu.msp-dropdown-menu li:has(a) a,
.msp-dropdown-menu li:has(a) a {
  display: block;
  padding: 10px;
  background: var(--color);
  color: var(--contrast);
  border-bottom: var(--border);
}
.dropdown-menu.msp-dropdown-menu li:last-child,
.msp-dropdown-menu li:last-child {
  border: none;
}
.dropdown-menu.msp-dropdown-menu li:focus, .dropdown-menu.msp-dropdown-menu li:hover, .dropdown-menu.msp-dropdown-menu li:active,
.msp-dropdown-menu li:focus,
.msp-dropdown-menu li:hover,
.msp-dropdown-menu li:active {
  --color: var(--col-grigio);
  --contrast: #fff;
}
.dropdown-menu.msp-dropdown-menu li.menu-danger:hover, .dropdown-menu.msp-dropdown-menu li.menu-danger:active, .dropdown-menu.msp-dropdown-menu li.menu-elimina:hover, .dropdown-menu.msp-dropdown-menu li.menu-elimina:active,
.msp-dropdown-menu li.menu-danger:hover,
.msp-dropdown-menu li.menu-danger:active,
.msp-dropdown-menu li.menu-elimina:hover,
.msp-dropdown-menu li.menu-elimina:active {
  --color: var(--col-danger-chiaro);
}
.dropdown-menu.msp-dropdown-menu li.menu-elimina .btn-icon,
.msp-dropdown-menu li.menu-elimina .btn-icon {
  width: auto;
}
.dropdown-menu.msp-dropdown-menu li a,
.msp-dropdown-menu li a {
  background: var(--color);
  color: var(--contrast);
}

.menu-top {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding: 0 10px;
  font-weight: normal;
  letter-spacing: 0.04rem;
  line-height: 0.8;
}
.menu-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.menu-top li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-top li.active, .menu-top li:hover {
  --text-color: var(--col-msp-chiaro);
}
.menu-top a {
  padding: 10px;
}
.menu-top a:hover {
  --text-color: var(--col-msp-chiaro);
}

.user-profile.dropdown-toggle {
  padding: 7px 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.user-profile.dropdown-toggle img {
  width: 29px;
  height: 29px;
  border-radius: 50%;
}
.user-profile.dropdown-toggle p {
  margin: 0 10px;
  line-height: 1;
}
.user-profile.dropdown-toggle span {
  font-size: 20px;
}
.user-profile.dropdown-toggle span:hover {
  color: var(--col-msp);
}

.open .user-profile.dropdown-toggle span.fa.fa-chevron-circle-down::before {
  content: "\f139";
}

.feeds {
  --background-color: #fff;
}
.feeds .btn-feeds {
  display: block;
  position: relative;
  border-radius: 100%;
  padding: 5px 4px;
  border: none;
  line-height: 1;
  color: var(--col-grigio);
  background-color: var(--background-color);
}
.feeds .btn-feeds i:before {
  color: var(--col-testata);
  font-size: 20px;
  margin: 0;
}
.feeds .btn-feeds:hover {
  --background-color: var(--col-msp);
}
.feeds .btn-feeds .info-number .badge {
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 6px;
  position: absolute;
  right: 2px;
  top: 8px;
}
.feeds .btn-feeds .badge {
  position: absolute;
  right: -8px;
  top: -4px;
}
.feeds .msg_list {
  width: 300px;
}
.feeds .msg_list li {
  border-radius: 10px 0 0 0;
  background: #fff;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 6px 0;
  width: 96% !important;
}
.feeds .msg_list li:last-child {
  background-color: transparent;
  margin-bottom: 6px;
  padding: 10px;
}
.feeds .msg_list li a {
  padding: 3px 5px !important;
}
.feeds .msg_list li a .message {
  display: block !important;
  font-size: 11px;
}
.feeds .msg_list li a .image img {
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  float: left;
  margin-right: 10px;
  width: 11%;
}
.feeds .msg_list li a .time {
  font-size: 11px;
  font-style: italic;
  font-weight: 500;
  position: absolute;
  right: 35px;
}
.feeds .msg_list span {
  white-space: normal;
}

.interactive-container.drag-over > div {
  opacity: 0.2;
  z-index: 0;
}

.interactive-container.drag-over {
  background: var(--col-dragover) !important;
  position: relative;
}
.interactive-container.drag-over:before {
  content: var(--ico-plus);
  font-family: "msp";
  font-size: 100px;
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  z-index: 100;
  color: #fff;
}

.PMS-tabs .PMS-tabs-trigger {
  cursor: pointer;
}
.PMS-tabs .PMS-tabs-target {
  display: none;
}
.PMS-tabs .PMS-tabs-target.active {
  display: block;
}

nav ul,
nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.info-version {
  text-align: right;
  font-size: 10px;
  padding: 5px;
}

.nav_menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 10px;
}
.nav_menu > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav_menu .dropdown-menu {
  display: none;
  min-width: 153px;
}
.nav_menu .open .dropdown-menu {
  display: block;
  top: 58px;
  position: absolute;
  margin-top: 0;
  padding: 0;
  right: 0;
  left: auto;
  width: auto;
  z-index: 9998;
}
@media (max-width: 720px) {
  .nav_menu .open .dropdown-menu {
    position: fixed;
  }
}

.categoria-descrizione {
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}
.categoria-descrizione:focus {
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.diario_allenamenti_elenco h4.nome-categoria {
  text-transform: uppercase;
  text-align: center;
}
.diario_allenamenti_elenco .tr-allenamento {
  cursor: pointer;
}
.diario_allenamenti_elenco .tr-allenamento [class*=msp-icon-sport-] {
  font-size: 30px;
  vertical-align: middle;
}
.diario_allenamenti_elenco .tr-allenamento:hover td,
.diario_allenamenti_elenco .tr-allenamento:active td {
  background: var(--col-grigio-chiarissimo);
}
.diario_allenamenti_elenco .tr-allemento:hover td + td {
  background: var(--col-ui-evidenza);
}
.diario_allenamenti_elenco .td-icon-sport {
  width: 52px;
  text-align: center;
}
.diario_allenamenti_elenco .td-icon-sport i {
  margin: 0;
}
.diario_allenamenti_elenco .td-valori {
  white-space: nowrap;
}
.diario_allenamenti_elenco .td-button div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.diario_allenamenti_elenco .cerca-paginazione {
  margin-bottom: 1rem;
}
.diario_allenamenti_elenco .cerca-paginazione input {
  height: 30px;
}
.diario_allenamenti_elenco .modal .form-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.diario_allenamenti .btn-save {
  font-size: 2em;
  line-height: 0.9;
  padding: 0 2em;
}
.diario_allenamenti .toolbar {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.dettaglio-titolo {
  font-size: 1.5em;
  font-weight: bold;
}

.andatura-um-alert {
  padding: 0.4em;
  color: #fff;
  background: var(--col-danger);
}

.setting-card {
  min-width: 8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.setting-card[color=evidenza] {
  --color: var(--col-grigio);
}
.setting-card .msp-ui-card-header {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.edit-allenamento.zoom-grafico {
  margin-bottom: var(--height-zoom-grafico);
}

.edit-allenamento {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-x: hidden;
  --bg-head: var(--col-grigio-chiarissimo);
  --contrast-head: #000;
  --bg-fase: var(--col-grigio-chiarissimo);
  --contrast-fase: #000;
}
.edit-allenamento.scheda-palestra-allenatore .dettaglio-fase {
  --grid-columns: auto 1fr auto;
}
.edit-allenamento .dettaglio-ripetute {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  margin: 0;
}
.edit-allenamento .serie {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.edit-allenamento .dettaglio-lap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.edit-allenamento .input-andatura {
  border-radius: 0px 5px 5px 5px;
  background: var(--bg-fase);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.edit-allenamento .main-content {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.edit-allenamento .page-title h3 {
  border-bottom: 1px solid var(--col-grigio-chiaro);
  padding-bottom: 20px;
}
.edit-allenamento .row {
  margin: 0;
}
.edit-allenamento .livello-atleta {
  margin: 0 0 0 1em;
  padding: 0.8em 0.5em;
  background-color: var(--col-grigio-chiarissimo);
  margin: 0 0.5em;
  border-radius: var(--ui-radius);
}
.edit-allenamento .livello-atleta .control-label {
  padding: 0;
}
.edit-allenamento .allenamento-titolo-tags {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin: 0 0 0 0.5em;
}
.edit-allenamento .allenamento-tags .form-control {
  padding-left: 10px;
}
.edit-allenamento .x_panel {
  padding: 0;
}
.edit-allenamento #dettagli {
  background-color: var(--col-msp-chiarissimo);
  z-index: -3;
  text-align: center;
  overflow: auto;
}
.edit-allenamento .dettaglio-fase {
  --grid-columns: auto minmax(250px, 450px) minmax(500px, 1000px);
  font-size: 0.9em;
  --col-handler: var(--col-grigio-chiaro);
  --background: #fff;
  display: grid;
  grid-template-columns: var(--grid-columns);
  grid-template-rows: auto auto;
  grid-template-areas: "handler controlli riepilogo" "handler descrizione dati";
  margin: 8px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  padding: 0;
  background: var(--background);
}
.edit-allenamento .dettaglio-fase .form-control {
  font-size: 1em;
  padding: 0.3em 0.5em;
}
.edit-allenamento .dettaglio-fase .form-control.andatura-um {
  font-size: 0.8em;
}
.edit-allenamento .dettaglio-fase.selected {
  --background: var(--col-grigio-scuro);
}
.edit-allenamento .dettaglio-fase:nth-child(2n+1) {
  --col-handler: var(--col-grigio-chiaro);
}
.edit-allenamento .dettaglio-fase-alimentazione, .edit-allenamento .dettaglio-fase-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.edit-allenamento .dettagli-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: calc(var(--z-top) - 1);
  padding: 1em 0;
  width: 100%;
  text-align: right;
}
.edit-allenamento .dettagli-container:before {
  position: absolute;
  color: #fff;
  font-family: "msp";
  font-size: 30em;
  top: 0;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  height: 100%;
  overflow: hidden;
  line-height: 0.8;
}
.edit-allenamento .dettagli-container:before {
  right: 0px;
}
.edit-allenamento .dettaglio-attivita-colonne {
  display: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.edit-allenamento .dettaglio-attivita-colonne .serie {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.edit-allenamento .dettaglio-attivita-colonne .msp-andature-dettaglio,
.edit-allenamento .dettaglio-attivita-colonne .dettaglio-descrizione {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.edit-allenamento .dettagli-table p {
  margin: 0;
}
.edit-allenamento .dettagli-toolbar {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 0 var(--radius-table) var(--radius-table);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 3px 3px 3px;
}
.edit-allenamento .dettagli-aggiungi {
  margin: 3px 1px 1px;
  text-transform: uppercase;
  font-size: 1.3em;
  border-width: 2px;
  letter-spacing: 0.02em;
  padding: var(--padding-titoli-negativi);
}
.edit-allenamento textarea {
  resize: none;
  min-height: 57px;
}
.edit-allenamento .dettaglio-fase-dati {
  background: var(--bg-fase);
  padding: 0;
  grid-area: dati;
}
.edit-allenamento .dettaglio-handle {
  grid-area: handler;
  padding: 0;
  cursor: move;
  position: relative;
  background: var(--col-handler);
  width: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.edit-allenamento .dettaglio-handle::before {
  content: var(--ico-sposta);
  font-family: "msp";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
}
.edit-allenamento .dettaglio-handle:hover {
  background: var(--col-msp-chiaro);
}
.edit-allenamento .dettaglio-handle:hover::before {
  color: var(--col-msp);
}
.edit-allenamento .dettaglio-fase-descrizione {
  background: #fff;
  grid-area: descrizione;
  padding: var(--ui-space);
  border-radius: var(--ui-radius);
}
.edit-allenamento .dettaglio-fase-riepilogo {
  grid-area: riepilogo;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--bg-head);
  color: var(--contrast-head);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--ui-space);
  gap: 10px;
}
.edit-allenamento .dettaglio-fase-controlli {
  background: var(--bg-head);
  grid-area: controlli;
  text-align: left;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  padding: var(--ui-space);
}
.edit-allenamento .dettaglio-fase-controlli .dettaglio-input-fase {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold;
}
.edit-allenamento .dettaglio-fase-controlli .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit-allenamento .dettaglio-fase-controlli .buttons .btn-icon {
  --col-text: var(--col-grigio);
}
.edit-allenamento .dettaglio-fase-controlli .buttons .btn-icon:hover {
  --col-text: #fff;
}
.edit-allenamento .dettaglio-fase-controlli .buttons .btn-icon.dettaglio-annulla-compila {
  --col-text: #fff;
}
.edit-allenamento .dettaglio-fase-controlli .buttons .dettaglio-compila {
  height: var(--size);
}
.edit-allenamento .dettaglio-fase-controlli .buttons .dettaglio-compila .msp-icon-left {
  font-size: 1em;
}
.edit-allenamento .dettaglio-fase-controlli .msp-confirm {
  width: auto;
}
.edit-allenamento .dettaglio-fase-palestra {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.edit-allenamento .dettaglio-fase-palestra .andatura-valore {
  width: 6em;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 6em;
      flex-basis: 6em;
}
.edit-allenamento .dettaglio-fase-palestra .serie-palestra {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.edit-allenamento .dettaglio-fase-palestra .dettaglio-fase-dati {
  grid-column: 2/-1;
}
.edit-allenamento .dettaglio-descrizione {
  line-height: 1.5;
  padding: 5px;
  width: 100%;
}
.edit-allenamento .dettaglio-descrizione:hover {
  border: 1px solid var(--col-grigio-chiarissimo);
}
.edit-allenamento .dettaglio-totale {
  text-align: left;
  margin: var(--ui-space) 0;
  width: 100%;
  padding: 0.5em;
  border-radius: var(--ui-radius);
  background: var(--col-grigio-chiarissimo);
}
.edit-allenamento .dettaglio-totale p {
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.edit-allenamento .dettaglio-ripetute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  text-align: left;
}
.edit-allenamento .dettaglio-ripetute__input {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.edit-allenamento .dettaglio-ripetute__label {
  font-size: var(--small);
}
.edit-allenamento .dettaglio-ripetute__ripetute {
  width: 4em;
}
.edit-allenamento .dettaglio-ripetute__totale {
  font-weight: bold;
  padding: var(--ui-space);
  white-space: nowrap;
}
.edit-allenamento button.btn {
  margin-bottom: 0;
}
.edit-allenamento #chartjs-tooltip {
  text-align: center;
  background: var(--col-grigio-scuro);
  border-radius: 5px;
  color: #fff;
}
.edit-allenamento #chartjs-tooltip h1 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0em;
}
.edit-allenamento #chartjs-tooltip p {
  font-size: 30px;
  font-weight: bold;
}
.edit-allenamento .altro {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.edit-allenamento .altro > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 1em;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  height: auto;
}
.edit-allenamento .altro > div:last-child {
  margin-right: 0;
}
.edit-allenamento .th-sposta {
  width: 1em;
  padding: 0;
}
.edit-allenamento .trimp {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  --col-value: #000;
  --col-bar: var(--col-msp);
}
.edit-allenamento .trimp.danger {
  --col-text: #fff;
  --col-bar: var(--col-danger);
}
.edit-allenamento .trimp-value {
  font-size: 2.2em;
  font-weight: bold;
  color: var(--col-text);
  z-index: 1;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.edit-allenamento .trimp-bar {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background: var(--col-bar);
}
.edit-allenamento .dettaglio-view:hover {
  cursor: pointer;
  background: var(--col-msp-chiaro);
}
.edit-allenamento .dettaglio-view .dettaglio-descrizione {
  max-width: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.edit-allenamento .dettaglio-view .dettaglio-fase {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: bold;
}
.edit-allenamento .dettaglio-view .msp-andature-dettaglio {
  background: var(--col-grigio-chiarissimo);
  padding: 10px;
  margin-left: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.allenamento-zone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.allenamento-zone .gzone tr.gzone-item {
  background: #fff;
}

.panel-allenamento-zone {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  pointer-events: none;
  position: fixed;
  bottom: calc(var(--h-tools) + var(--h_bottom));
  z-index: var(--z-top);
  margin-bottom: 0;
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
}

.showGraphs .panel-allenamento-zone {
  max-height: none;
  visibility: visible;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  opacity: 1;
  -webkit-transform: translate3d(0, 0%, 0);
          transform: translate3d(0, 0%, 0);
  pointer-events: all;
}

.scheda--atleta .menu,
.scheda--atleta .export-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
.scheda--atleta .msp-ui-pane {
  height: auto;
}
.scheda--atleta .msp-esporta-garmin {
  grid-column: -2;
  grid-row: 1;
}
.scheda--atleta .head-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.scheda--atleta .allenamento-row--head {
  margin-bottom: var(--ui-space);
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 10px;
}
.scheda--atleta .allenamento-row--head .allenamento-sport-icon {
  grid-row: 1;
  font-size: 60px;
}
.scheda--atleta .allenamento-row--head.head-grafico {
  grid-template-columns: 80px 1fr 500px auto;
  grid-template-rows: auto auto;
}
.scheda--atleta .allenamento-row--head.head-grafico .head-rating {
  grid-row: 2;
  grid-column: 1;
}
.scheda--atleta .allenamento-row--head.head-grafico .head-riepilogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-row: 2;
  grid-column: 2;
  font-size: 1.2em;
}
.scheda--atleta .allenamento-row--head.head-grafico .head-riepilogo .valore {
  font-weight: bold;
}
.scheda--atleta .allenamento-row--head.head-grafico .msp-grafico-andature {
  grid-row: 1/span 2;
  grid-column: -3;
  padding: 0px;
  border-bottom: 1px solid var(--col-grigio);
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
  background: linear-gradient(#ddd, #fff);
}
.scheda--atleta .allenamento-row--head h1.head-title {
  text-align: left;
  margin: 0;
}
.scheda--atleta .allenamento-row--head .head-rating {
  color: var(--col-msp);
  text-align: left;
  margin: 0;
}
.scheda--atleta .allenamento-row--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  background: url(../img/palestra-w.svg) no-repeat right top;
  background-size: 500px;
}
@media (max-width: 720px) {
  .scheda--atleta .allenamento-row--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.scheda--atleta .allenamento-row--content .tab-content {
  width: 100%;
}
.scheda--atleta .allenamento-row--content .dati-attivita {
  height: 100%;
  padding: 0.5em 1em;
}
.scheda--atleta .allenamento-row--content .allenamento-feedback-attivita {
  margin: 10px 0;
}
.scheda--atleta .allenamento-row--content.allenamento-row--content-palestra {
  background-color: var(--col-msp-chiarissimo);
}
.scheda--atleta .allenamento-row--content.allenamento-row--content-palestra .grafici {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 1em;
}
.scheda--atleta .allenamento-row--content.allenamento-row--content-palestra .slot.slot__time {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.scheda--atleta .allenamento-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  margin: 0 var(--ui-space);
}
.scheda--atleta .allenamento-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.scheda--atleta .allenamento-dettaglio {
  background-color: #f0f0f0;
  padding: 0.5em 1em;
  position: relative;
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "titolo titolo" "descrizione dati";
  gap: 0 20px;
}
.scheda--atleta .allenamento-dettaglio .msp-icon-time,
.scheda--atleta .allenamento-dettaglio .msp-icon-distance {
  font-size: 1em;
}
.scheda--atleta .allenamento-dettaglio .msp-totale-dettaglio .dati-item {
  width: 80px;
}
.scheda--atleta .allenamento-dettaglio .msp-totale-dettaglio {
  font-size: 0.8em;
}
.scheda--atleta .allenamento-dettaglio h3 {
  text-align: left;
}
.scheda--atleta .allenamento-dettaglio__descrizione {
  grid-area: descrizione;
}
.scheda--atleta .allenamento-dettaglio__dati {
  grid-area: dati;
  font-size: 0.8em;
}
.scheda--atleta .allenamento-dettaglio__titolo {
  grid-area: titolo;
  font-size: 1.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 2px solid var(--col-grigio-chiaro);
  padding: 2px 0 4px 0;
  margin: 10px 0 0 0;
}
.scheda--atleta .allenamento-dettaglio__titolo h3 {
  font-size: 1em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  margin: 0;
}
.scheda--atleta .allenamento-attivita {
  grid-column: 2;
  grid-row: 1/-1;
  background: var(--col-grigio-chiaro);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.scheda--atleta .allenamento-zone {
  bottom: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0%, 0);
          transform: translate3d(0, 0%, 0);
  pointer-events: all;
  -webkit-transition: none;
  transition: none;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column: 1;
  grid-row: 2;
}
.scheda--atleta .allenamento-zone .gzone {
  margin: var(--ui-space);
  width: auto;
}
.scheda--atleta .allenamento-zone .gzone .label {
  font-size: 100%;
}
.scheda--atleta .grafici {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.scheda--atleta .grafici .slot {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.3em;
  margin: var(--ui-space);
  border: 1px solid;
}
.scheda--atleta .note {
  margin-bottom: 0.5em;
}
.scheda--atleta .note .testo {
  color: var(--col-grigio-scuro);
}

.table-sport-6,
.table-alimentazione,
.table-sport-11,
.table-custom {
  height: 100% !important;
  margin-bottom: 0 !important;
  overflow: hidden;
}
.table-sport-6 .edit_allenamento-content,
.table-alimentazione .edit_allenamento-content,
.table-sport-11 .edit_allenamento-content,
.table-custom .edit_allenamento-content {
  height: 100%;
  margin-bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.table-sport-6 .dettagli-container,
.table-alimentazione .dettagli-container,
.table-sport-11 .dettagli-container,
.table-custom .dettagli-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.table-sport-6 .dettaglio-fase,
.table-alimentazione .dettaglio-fase,
.table-sport-11 .dettaglio-fase,
.table-custom .dettaglio-fase {
  height: 100%;
}
.table-sport-6 .tox.tox-tinymce,
.table-alimentazione .tox.tox-tinymce,
.table-sport-11 .tox.tox-tinymce,
.table-custom .tox.tox-tinymce {
  height: 100% !important;
  width: 100%;
}

.table-sport-5 .andatura-palestra,
.table-palestra .andatura-palestra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.table-sport-5 .andatura-palestra .andatura-descrizione,
.table-palestra .andatura-palestra .andatura-descrizione {
  margin: 5px;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.table-sport-5 .andatura-palestra .andatura-note,
.table-palestra .andatura-palestra .andatura-note {
  margin: 5px;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.table-sport-5 .andatura-palestra .andatura-valore,
.table-palestra .andatura-palestra .andatura-valore {
  margin: 5px;
  -ms-flex-preferred-size: 4em;
      flex-basis: 4em;
  width: 4em;
}
.table-sport-5 .andatura-palestra div.andatura-immagine,
.table-palestra .andatura-palestra div.andatura-immagine {
  margin: 5px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  background: var(--col-grigio-chiaro);
  padding: 3px;
}
.table-sport-5 .andatura-palestra div.andatura-immagine .btn-insert-image,
.table-palestra .andatura-palestra div.andatura-immagine .btn-insert-image {
  position: absolute;
  top: 0;
  right: 0;
}
.table-sport-5 .andatura-palestra div.andatura-immagine .andatura-image-container,
.table-palestra .andatura-palestra div.andatura-immagine .andatura-image-container {
  width: 80px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 35px;
}
.table-sport-5 .andatura-palestra div.andatura-immagine img,
.table-palestra .andatura-palestra div.andatura-immagine img {
  width: 100%;
  max-height: 50px;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.table-sport-5 .andatura-palestra div.andatura-immagine button,
.table-palestra .andatura-palestra div.andatura-immagine button {
  margin: 0px;
}
.table-sport-5 .andatura-palestra .andatura-video,
.table-palestra .andatura-palestra .andatura-video {
  margin: 5px;
  width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  background: var(--col-grigio-chiarissimo);
}
.table-sport-5 .andatura-palestra .andatura-video a,
.table-palestra .andatura-palestra .andatura-video a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.table-sport-5 .andatura-palestra .andatura-video .anteprima-video,
.table-palestra .andatura-palestra .andatura-video .anteprima-video {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.table-sport-5 .andatura-palestra .andatura-video .anteprima-video img,
.table-palestra .andatura-palestra .andatura-video .anteprima-video img {
  height: 50px;
  width: auto;
}
.table-sport-5 .andatura-palestra .andatura-buttons-container,
.table-palestra .andatura-palestra .andatura-buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*containers*/
.pianificazione_atleta .gcontainer {
  overflow-x: auto;
  overflow-y: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.pianificazione_atleta .gcontainer .graphics0 {
  display: grid;
  grid-template-rows: 1.5em 1.2em auto 1.2em;
  grid-auto-columns: 2.5em;
  background-color: white;
  height: 15em;
  text-align: center;
  -webkit-column-gap: 0.15em;
     -moz-column-gap: 0.15em;
          column-gap: 0.15em;
}
.pianificazione_atleta .graphics0 > .month {
  border-top: 0.1em solid #c8c8c8;
  border-left: 0.1em solid #c8c8c8;
  border-right: 0.1em solid #c8c8c8;
  border-radius: 3px 3px 0 0;
}
.pianificazione_atleta .graphics0 > .underline {
  font-size: 0.9em;
}
.pianificazione_atleta .week > .value_bar {
  position: relative;
  height: 100%;
  width: 100%;
  border-top: 0.05em solid #c8c8c8;
  border-left: 0.05em solid #c8c8c8;
  border-right: 0.05em solid #c8c8c8;
}
.pianificazione_atleta .value_bar > .value {
  background-color: #c8c8c8;
  bottom: 0;
  position: absolute;
}
.pianificazione_atleta .week > .modal_ {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 3;
  font-family: "OpenSans", sans-serif;
  font-size: 13px;
  font-weight: 300;
}
.pianificazione_atleta .modal_ > .modal-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(8, minmax(auto, 1.5em)) 2em;
  grid-template-areas: "text text" "t1 r1" "t2 r2" "t3 r3" "t4 r4" "t5 r5" "t6 r6" "t7 r7" "save save";
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 20%;
  margin: 10% auto;
  padding: 2em;
  background-color: white;
  grid-row-gap: 0.5em;
  text-align: center;
}
.pianificazione_atleta .modal-content > .text {
  grid-area: text;
}
.pianificazione_atleta .modal-content > .t1 {
  grid-area: t1;
}
.pianificazione_atleta .modal-content > .r1 {
  grid-area: r1;
}
.pianificazione_atleta .modal-content > .t2 {
  grid-area: t2;
}
.pianificazione_atleta .modal-content > .r2 {
  grid-area: r2;
}
.pianificazione_atleta .modal-content > .t3 {
  grid-area: t3;
}
.pianificazione_atleta .modal-content > .r3 {
  grid-area: r3;
}
.pianificazione_atleta .modal-content > .t4 {
  grid-area: t4;
}
.pianificazione_atleta .modal-content > .r4 {
  grid-area: r4;
}
.pianificazione_atleta .modal-content > .t5 {
  grid-area: t5;
}
.pianificazione_atleta .modal-content > .r5 {
  grid-area: r5;
}
.pianificazione_atleta .modal-content > .t6 {
  grid-area: t6;
}
.pianificazione_atleta .modal-content > .r6 {
  grid-area: r6;
}
.pianificazione_atleta .modal-content > .t7 {
  grid-area: t7;
}
.pianificazione_atleta .modal-content > .r7 {
  grid-area: r7;
}
.pianificazione_atleta .modal-content > .t8 {
  grid-area: t8;
}
.pianificazione_atleta .modal-content > .r8 {
  grid-area: r8;
}
.pianificazione_atleta .modal-content > .t9 {
  grid-area: t9;
}
.pianificazione_atleta .modal-content > .r9 {
  grid-area: r9;
}
.pianificazione_atleta .modal-content > .t10 {
  grid-area: t10;
}
.pianificazione_atleta .modal-content > .r10 {
  grid-area: r10;
}
.pianificazione_atleta .modal-content > .t11 {
  grid-area: t11;
}
.pianificazione_atleta .modal-content > .r11 {
  grid-area: r11;
}
.pianificazione_atleta .modal-content > .t12 {
  grid-area: t12;
}
.pianificazione_atleta .modal-content > .r12 {
  grid-area: r12;
}
.pianificazione_atleta .modal-content > .save {
  grid-area: save;
  background-color: white;
}
.pianificazione_atleta .modal-content > * {
  width: 100%;
  height: 100%;
}
.pianificazione_atleta .b2 {
  border: 0.1em solid #e6e6e6;
}

.programma_allenamenti .msp-lo-content__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  height: 100%;
}

form.form-programmazione {
  position: absolute;
  bottom: 0;
  top: 50px;
  left: 0;
  right: 0;
  padding: 1em 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.programmazione-scheda__testata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.programmazione-scheda__testata .out-of-range {
  opacity: 0.2;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.programmazione-scheda__testata .selezione-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.programmazione-scheda__testata .selezione-data label {
  margin: 0;
}
.programmazione-scheda__testata .aggiungi-settimane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  background: var(--col-ui-evidenza-tint);
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 10px;
}
.programmazione-scheda__testata .aggiungi-settimane input {
  width: 5em;
}
.programmazione-scheda__testata .form-group.data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 250px;
  margin: 0;
}
.programmazione-scheda__testata .form-group.data p {
  margin: 0;
}
.programmazione-scheda__testata input[type=submit] {
  margin-top: 0;
}
.programmazione-scheda__testata .data-inizio {
  position: relative;
}
.programmazione-scheda__testata .data-inizio p {
  min-width: 11em;
}
.programmazione-scheda__testata .ore-previste {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.programmazione-scheda__testata .ore-previste p {
  text-align: right;
  width: 100%;
  font-size: 1.3em;
  font-weight: 500;
}
.programmazione-scheda__testata .ore-previste span {
  border-bottom: 3px solid var(--col-grigio-medio);
}

.programmazione-scheda__centro {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
}

.programmazione-scheda__piede {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.programmazione-grafico-container {
  overflow-x: auto;
  width: 100%;
  height: 255px;
  margin: 1em auto;
}

.programmazione-grafico {
  --width: 20px;
  --opacity-previsto: 0.5;
  --opacity-attivo: 1;
  --count: 52;
  --color: var(--col-grigio-chiarissimo);
  --col-previsto: var(--col-msp-chiaro);
  --col-assegnato: var(--col-msp-chiaro);
  --col-background: var(--color);
  --row-mesi: 1;
  --row-gare: 2;
  --row-settimane: 3;
  --row-status: 4;
  --row-periodi: 5;
  display: grid;
  grid-template-columns: repeat(var(--count), var(--width));
  grid-template-rows: 25px 1fr 100px 30px 30px;
  grid-gap: 3px;
}

.programmazione-grafico__settimana.nascosto {
  --color: var(--col-grigio-chiaro);
  --col-background: var(--col-grigio-chiarissimo);
}
.programmazione-grafico__settimana.nascosto [class^=programmazione-grafico-settimana__valore] {
  --col-previsto: var(--color) !important;
  --col-assegnato: var(--color) !important;
}

.programmazione-grafico__settimana {
  --opacity-previsto: 0.8;
  width: var(--width);
  border: 1px solid var(--col-grigio-chiaro);
  grid-row: var(--row-settimane);
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.programmazione-grafico__settimana .msp-tooltip {
  background-color: rgba(0, 0, 0, 0.5);
}
.programmazione-grafico__settimana.active {
  border: 2px solid var(--col-ui-evidenza);
}
.programmazione-grafico__settimana.h {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.programmazione-grafico__settimana.h .programmazione-grafico-settimana__valori {
  height: 100%;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.programmazione-grafico__settimana.h [class^=programmazione-grafico-settimana__valore] {
  height: 100%;
}
.programmazione-grafico__settimana.h [class^=programmazione-grafico-settimana__valore--previsto] {
  border: none;
  border-right: 1px solid var(--col-grigio);
}
.programmazione-grafico__settimana.h [class^=programmazione-grafico-settimana__valore--assegnato] {
  height: 90%;
}
.programmazione-grafico__settimana.h .pin-popper {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
}
.programmazione-grafico__settimana.attivo, .programmazione-grafico__settimana:hover, .programmazione-grafico__settimana:active {
  -webkit-box-shadow: 0px 0px 2px 0px #999;
          box-shadow: 0px 0px 2px 0px #999;
}

.pin-popper {
  pointer-events: none;
  background: transparent;
  width: 100%;
  height: 1px;
}

.programmazione-grafico-settimana__valori {
  position: relative;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-areas: "bar";
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  width: 100%;
  height: 100%;
}

[class^=programmazione-grafico-settimana__valore] {
  position: relative;
  grid-area: bar;
  width: 100%;
  -webkit-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
}

[class^=programmazione-grafico-settimana__valore--previsto] {
  background: var(--col-previsto);
  border-top: 1px solid var(--col-grigio);
  opacity: var(--opacity-previsto);
  z-index: 1;
}

[class^=programmazione-grafico-settimana__valore--assegnato] {
  opacity: var(--opacity-assegnato);
  background: var(--col-assegnato);
  z-index: 2;
  width: 80%;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.programmazione-grafico__mese {
  overflow: hidden;
  grid-row: var(--row-mesi);
  position: relative;
  border-bottom: 4px solid var(--col-msp-chiaro);
  text-align: center;
  font-size: 15px;
}

.programmazione-grafico__status {
  width: var(--width);
  grid-row: var(--row-status);
}

.gare {
  grid-row: var(--row-gare);
}
.gare .img-gara {
  width: 100%;
  margin-top: 3px;
}
@media (max-width: 720px) {
  .gare .img-gara {
    width: 30px;
  }
}

.programmazione-grafico__periodo {
  grid-row: var(--row-periodi);
  border-top: 5px solid var(--color);
  position: relative;
}
.programmazione-grafico__periodo span {
  position: absolute;
  top: 0;
  left: 20%;
  font-size: 12px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  display: block;
  text-align: left;
  -webkit-transform-origin: 0;
          transform-origin: 0;
}

.programmazione-settimane {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  text-align: center;
}
.programmazione-settimane thead th {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.programmazione-settimane th {
  text-align: center;
  background-color: var(--col-grigio-chiaro);
  padding: 5px 5px 3px;
}
.programmazione-settimane label {
  font-weight: 400;
}

.programmazione-settimana.odd td {
  background: var(--col-grigio-chiarissimo);
}
.programmazione-settimana.active td {
  background: var(--col-ui-evidenza);
}
.programmazione-settimana td {
  border-bottom: 1px solid var(--col-grigio-chiaro);
}
.programmazione-settimana td.settimana {
  width: 80px;
}
.programmazione-settimana td.giorno {
  width: 120px;
}
.programmazione-settimana td.giorno .btn-icona {
  padding: 4px 3px 2px 4px;
  line-height: 1;
}
.programmazione-settimana .periodo-totale {
  width: 4em;
}
.programmazione-settimana .durata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.programmazione-settimana .durata input {
  width: 3em;
  padding-right: 0;
  margin: 0 auto;
  text-align: center;
}
.programmazione-settimana .ore {
  text-align: center;
}
.programmazione-settimana textarea {
  height: 1.3em;
  resize: none;
  padding: var(--padding-scrivibili);
  border-radius: 5px;
  width: 97%;
  line-height: 1;
  border: 1px solid #ccc;
}
.programmazione-settimana textarea:focus {
  height: 3em;
}

.tr-programmazione__nome {
  cursor: pointer;
}

.modal .programmazione-settimana {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal .programmazione-settimana p {
  margin-bottom: 0.5rem;
  background-color: var(--col-grigio-chiaro);
  padding: 2px 0;
  font-weight: 500;
  border-radius: 2px;
}
.modal .programmazione-settimana textarea {
  height: 7em;
}
.modal .programmazione-settimana > div {
  min-width: 20%;
  margin-bottom: 0.7em;
}
.modal .programmazione-settimana div.note {
  background-color: var(--col-grigio-chiaro);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.modal .programmazione-settimana div.note label {
  color: var(--col-grigio-scuro);
}
.modal .programmazione-settimana div.note textarea {
  width: 100%;
}

.modal .programmazione-settimana td {
  border: none;
  text-align: center;
  width: 48%;
  margin-bottom: 10px;
}
.modal .programmazione-settimana td label {
  margin-bottom: 0;
}

.page-messaggio {
  text-align: center;
}
.page-messaggio .alert {
  font-size: 2em;
  padding: 2em;
  --color: #000;
  border: 3px solid var(--color);
  color: var(--color);
  background: #fff;
}
.page-messaggio .alert.success {
  --color: var(--col-success);
}
.page-messaggio .alert.danger {
  --color: var(--col-danger);
}
.page-messaggio .alert a {
  color: #fff;
  background: var(--color);
  padding: 0 0.2em;
}

.modal .lista-messaggi {
  max-height: 60%;
}
.modal .lista-messaggi__scroller {
  max-height: 100%;
}

.page-messaggi {
  /*contenitore*/
}
.page-messaggi .chat-item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
}
.page-messaggi .chat-item__text .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-messaggi .chat-item__text .inviato {
  font-size: 0.6em;
}
.page-messaggi .chat-item__text .nome {
  font-weight: bold;
}
.page-messaggi .chat-item__text .ultimo {
  font-size: 0.8em;
  color: var(--col-grigio);
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-messaggi .messaggi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 1em;
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 860px) {
  .page-messaggi .messaggi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page-messaggi .mail_list_column {
  width: 25%;
  padding: 0 1em;
  height: 100%;
}
@media (max-width: 860px) {
  .page-messaggi .mail_list_column {
    width: 100%;
  }
}
.page-messaggi .mail_list_column .cercaMessaggi {
  margin-bottom: 2rem;
}
.page-messaggi .mail_list_column ul {
  padding: 0;
}
.page-messaggi .mail_list_column li {
  --col-avatar: var(--col-grigio-chiarissimo);
  list-style: none;
  padding: 0.2em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--col-grigio-chiarissimo);
  cursor: pointer;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0px 5px;
}
.page-messaggi .mail_list_column li:hover {
  background-color: var(--col-msp-chiaro);
}
.page-messaggi .mail_list_column label {
  margin: 0 0 2rem 0;
}
.page-messaggi .mail_list_column .badge {
  position: absolute;
  left: 0;
  bottom: 0px;
  background-color: var(--col-msp);
  padding: 3px 5px 2px;
  border: 1px solid #fff;
}
.page-messaggi .mail_list_column .mail_list_column__chats {
  position: relative;
  max-height: calc(100vh - 230px);
  overflow-y: auto;
  scroll-behavior: smooth;
}
.page-messaggi .messaggi-pannello {
  padding: 0;
  background-color: var(--col-grigio-chiarissimo);
  border-radius: var(--ui-radius);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  width: 75%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 860px) {
  .page-messaggi .messaggi-pannello {
    width: 100%;
  }
}
.page-messaggi .messaggi-pannello .istruzioni-chat {
  position: absolute;
  top: 21px;
  left: 20px;
}
.page-messaggi .messaggi-pannello .testata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--col-grigio-chiaro);
  min-height: 40px;
}
.page-messaggi .messaggi-pannello .testata h2 {
  font-size: 20px;
  padding: 0.5em 1em 0.4em;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-messaggi .messaggi-pannello .testata h2 span {
  font-weight: 300;
}
.page-messaggi .messaggi-pannello .testata .cercaMessaggi {
  width: 50%;
  margin-left: 2rem;
}
.page-messaggi .messaggi-pannello form {
  background-color: var(--col-grigio-chiaro);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 0;
  border-top: 1px solid var(--col-grigio-chiaro);
}
.page-messaggi .messaggi-pannello form input.form-control {
  margin: 0 0.5em;
  width: 70%;
}
.page-messaggi .messaggi-pannello form .btn {
  margin: 0;
}
.page-messaggi .messaggi-pannello .lista-messaggi {
  margin: 0;
  overflow: hidden;
  max-height: 80%;
}
.page-messaggi .messaggi-pannello .lista-messaggi__scroller {
  max-height: 100%;
}
.page-messaggi .dettaglio {
  position: relative;
  padding: 1em 3em;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  scroll-behavior: smooth;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-messaggi .dettaglio .mail_heading {
  position: relative;
}
.page-messaggi .dettaglio .dettaglio-bottoni {
  position: absolute;
  right: 6px;
  top: 7px;
}
.page-messaggi .dettaglio .inbox-body {
  margin-bottom: 1em;
  background-color: #fff;
  max-width: 50em;
}
@media (min-width: 1100px) {
  .page-messaggi .dettaglio .inbox-body {
    max-width: 70%;
  }
}
@media (max-width: 860px) {
  .page-messaggi .dettaglio .inbox-body {
    margin-left: 30%;
  }
}
@media (max-width: 680px) {
  .page-messaggi .dettaglio .inbox-body {
    margin-left: 0;
  }
}
.page-messaggi .dettaglio .intestazione {
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.page-messaggi .dettaglio .intestazione p {
  margin: 0;
}
.page-messaggi .dettaglio .intestazione .date {
  font-style: italic;
}
.page-messaggi .dettaglio .intestazione h3 {
  font-size: 1.1em !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  margin: 0 !important;
  padding: 0.2em 0 0;
}
.page-messaggi .dettaglio .intestazione,
.page-messaggi .dettaglio .view-mail {
  padding: 0.5em 0.7em;
  white-space: pre-wrap;
}
.page-messaggi .dettaglio .ricevuto .intestazione {
  background-color: var(--col-msp-chiaro);
  padding-left: 2em;
}
.page-messaggi .dettaglio .ricevuto .inbox-body {
  border-radius: 10px 10px 10px 0;
}
.page-messaggi .dettaglio .ricevuto .inbox-body .dettaglio-userimg {
  position: absolute;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  left: -30px;
  top: 8px;
}
.page-messaggi .dettaglio .ricevuto .inbox-body .view-mail {
  padding-left: 2em;
}
.page-messaggi .dettaglio .inviato .intestazione {
  background-color: var(--col-ui-evidenza-chiaro);
}
.page-messaggi .dettaglio .inviato .inbox-body {
  border-radius: 10px 10px 0 10px;
}
@media (min-width: 1100px) {
  .page-messaggi .dettaglio .inviato .inbox-body {
    margin-left: 30%;
  }
}
@media (max-width: 860px) {
  .page-messaggi .dettaglio .inviato .inbox-body {
    margin-left: 10%;
  }
}
@media (max-width: 680px) {
  .page-messaggi .dettaglio .inviato .inbox-body {
    margin-left: 0;
  }
}
.page-messaggi .dettaglio .inviato .inbox-body .dettaglio-userimg {
  display: none;
}
.page-messaggi .messaggio-editor-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 10px;
  gap: 10px;
  width: 100%;
}
.page-messaggi .messaggio-editor {
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-messaggi .tox-statusbar {
  display: none !important;
}

.messaggio {
  --background-testo: var(--background-message);
  --align: left;
  --align-self: self-start;
  --size-fumetto: 40px;
  position: relative;
  width: 90%;
  max-width: 600px;
  align-self: var(--align-self);
  text-align: var(--align);
  display: grid;
  gap: 0 5px;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "avatar testo" "avatar ora";
  text-align: var(--align);
  margin: 5px;
}
.messaggio.messaggio__me {
  --align-self: self-start;
  --align: left;
  --background-testo: var(--background-my-message);
}
.messaggio.messaggio__nuovo {
  --badge-size: 10px;
}
.messaggio.messaggio__nuovo:before {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  display: block;
  width: var(--badge-size);
  height: var(--badge-size);
  border-radius: 50%;
  background: var(--col-msp);
}
.messaggio .messaggio__testo {
  background: var(--background-testo);
  border-radius: var(--border-radius-top);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  padding: 3px 10px;
  position: relative;
  width: 100%;
}
.messaggio .messaggio__testo img {
  display: block;
  max-width: 100%;
}
.messaggio .messaggio__footer {
  -ms-flex-item-align: var(--align-self);
      align-self: var(--align-self);
  align: var(--align);
}
.messaggio .messaggio__avatar {
  grid-area: avatar;
  align-self: start;
}
.messaggio .messaggio__avatar.prev {
  visibility: hidden;
}
.messaggio .messaggio__testo {
  grid-area: testo;
}
.messaggio .messaggio__ora {
  background: var(--background-testo);
  color: var(--col-grigio-medio);
  border-radius: var(--border-radius-bottom);
  grid-area: ora;
  font-style: italic;
  font-weight: normal;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 0 15px;
}
.messaggio .messaggio__ora .ora {
  font-size: 0.7em;
}
.messaggio .messaggio__letto {
  color: var(--col-success);
}
.messaggio .fumetto {
  --color: #fff;
  width: var(--size-fumetto);
  height: var(--size-fumetto);
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 10px;
  fill: var(--background-testo);
  display: none;
}
.messaggio .fumetto svg {
  fill: currentColor;
}
.messaggio:last-child {
  margin-bottom: var(--size-fumetto);
}
.messaggio:last-child .fumetto {
  display: block;
}
.messaggio__me .fumetto {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: auto;
  right: 10px;
}

/*login*/
body.msp.login .main-content,
body.msp.login .msp-lo-center {
  position: relative;
}
body.msp.login .msp-lo-container {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))), url("https://www.coachpeaking.com/wp-content/uploads/2020/05/cropped-fascia-2.jpg");
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url("https://www.coachpeaking.com/wp-content/uploads/2020/05/cropped-fascia-2.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  height: 100vh;
}
body.msp.login .box-error {
  color: var(--col-danger);
  text-align: center;
  text-transform: uppercase;
  padding: 5px;
}

.login {
  --h_top: 0px;
  padding: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--col-msp-chiaro)), to(var(--col-msp)));
  background: linear-gradient(var(--col-msp-chiaro), var(--col-msp));
}
.login label[for=login_password] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.login .login-container {
  width: 100%;
  max-width: 500px;
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 90vh;
  margin: 0 auto;
}
.login .reset_password {
  font-size: 0.8em;
}
.login .title {
  background-color: #fff;
  padding: 1em;
  border: 3px solid var(--col-msp-scuro);
  margin: 2rem auto -1.5rem auto;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}
.login .title img {
  width: 100%;
  margin-bottom: 2rem;
}
.login a {
  text-decoration: none;
  color: var(--col-msp);
}
.login a:hover {
  text-decoration: underline;
}
.login .form-container {
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  max-height: 0px;
  height: 100%;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  background: #fff;
  max-width: 500px;
  padding: 0;
  margin: 0;
  border: 3px solid var(--col-msp-scuro);
  border-top: 0;
  border-radius: 0 0 5px 5px !important;
  position: relative;
}
.login .form-container fieldset {
  border: 0;
}
.login .form-container legend {
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
}
.login .form-container input {
  margin: 0;
  padding: 0.3em;
  font-size: 1.2em;
}
.login .form-container select {
  padding: var(--padding-scrivibili);
  border-radius: 5px;
}
.login .form-container label {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}
.login .form-container select,
.login .form-container input[type=text],
.login .form-container input[type=email],
.login .form-container input[type=password] {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px var(--col-ombra-lieve) inset;
  -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px var(--col-ombra-lieve) inset;
  -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px var(--col-ombra-lieve) inset;
  box-shadow: 0 1px 0 #fff, 0 -2px 5px var(--col-ombra-lieve) inset;
  border: 1px solid var(--col-grigio-chiaro);
  color: var(--col-grigio);
  width: 100%;
}
.login .form-container input[type=text]:focus,
.login .form-container input[type=email]:focus,
.login .form-container input[type=password]:focus {
  -webkit-box-shadow: 0 0 2px var(--col-msp) inset;
  -ms-box-shadow: 0 0 2px var(--col-msp) inset;
  -o-box-shadow: 0 0 2px var(--col-msp) inset;
  box-shadow: 0 0 2px var(--col-msp) inset;
  background-color: #fff;
  border: 1px solid var(--col-msp);
  outline: none;
}
.login .form-container input[type=submit] {
  padding: 0.2em 0.8em;
  margin: 0 auto 1em;
  display: block;
  font-size: 1.5em;
}
.login .form-container {
  overflow-y: auto;
}
.login .form-container form {
  margin: 0;
  overflow-y: visible !important;
  max-height: none !important;
}
.login .form-container.active,
.login .form-container:target {
  max-height: 800px;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  opacity: 1;
  pointer-events: all;
  padding: 1em;
  -webkit-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.8);
          box-shadow: 0 5px 10px rgba(255, 255, 255, 0.8);
}
.login .form-actions {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  text-align: right;
  font-size: 1;
}
.login .form-actions a {
  font-weight: bold;
}
.login .privacy label {
  font-weight: 300;
  font-size: 1em;
}
.login .profilo {
  margin: 1.3em auto 0.6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login .profilo input {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.login .profilo input[type=radio] {
  margin: 0 0.5em 0 1em;
}
.login p.annulla {
  text-align: right;
}
.login p.annulla a {
  color: #fff;
}
.login p.annulla a:hover,
.login p.annulla a:active,
.login p.annulla a:focus {
  text-decoration: none;
}
.login .registration_form, .login .login_form {
  position: absolute;
  top: 0px;
  width: 100%;
}
.login .registration_form {
  z-index: 21;
  opacity: 0;
  width: 100%;
}
.login .login_form {
  z-index: 22;
}
.login #signup:target ~ .login_wrapper .registration_form, .login #signin:target ~ .login_wrapper .login_form {
  z-index: 22;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.login #signup:target ~ .login_wrapper .login_form, .login #signin:target ~ .login_wrapper .registration_form {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
.login .animate {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: ease;
  -o-animation-fill-mode: both;
  -ms-animation-duration: 0.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
.login #username {
  background-position: 10px 10px !important;
}
.login #password {
  background-position: 10px -53px !important;
}

.page-dashboard .containerPerformance {
  --col-global: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px;
  gap: 0;
}

/** top tiles  */
.dashboard-board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  --padding: 10px;
}
.dashboard-board .msp-ui-card {
  margin-bottom: var(--ui-space);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.dashboard-board .dashboard-condizione-giornaliera {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 350px;
          flex: 0 0 350px;
}
.dashboard-board .dashboard-condizione-giornaliera .msp-ui-pane {
  background: none;
  margin: 0;
  padding: 0;
}

.dashboard-riepiloghi {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.dashboard-connessioni {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.dashboard-connessioni .collegamento {
  max-width: 600px;
  margin: 0 auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.dashboard-connessioni .collegamento .btn {
  text-align: center;
}
.dashboard-connessioni .collegamento .btn img {
  width: 100px;
  display: block;
  margin: 0 auto;
}

.dashboard-preparazione {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.dashboard-segment-riepilogo [class*=msp-icon-sport] {
  font-size: 2rem;
  margin: 0 5px 0 0;
}

.dashboard-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.dashboard-trend {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
}

.dashboard-volumi {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
}
.dashboard-volumi .buttons {
  text-align: center;
  padding: 2px;
}

.dashboard-volume {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 350px;
}
@media (max-width: 650px) {
  .dashboard-volume {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.dashboard-carico {
  width: 100%;
}
.dashboard-carico .msp-ui-card-content {
  width: 100%;
}
.dashboard-carico .nota {
  padding: var(--ui-space);
}

.dashboard-panel {
  background: white;
  padding: var(--padding);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  margin: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}

.dashboard-panel__title {
  margin: calc(-1 * var(--padding));
  padding: var(--padding);
  text-align: center;
  background: var(--col-grigio-chiarissimo);
  border-bottom: 1px solid var(--col-grigio-chiaro);
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.tile_count {
  margin-bottom: 20px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tile_count .tile_stats_count {
  width: 30%;
  min-height: 200px;
  margin: 10px;
  padding: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  background: #fff;
}
.tile_count .count_top {
  background: var(--col-msp);
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 24px;
  color: #fff;
  padding: 5px 0 3px 10px;
}
.tile_count .count,
.tile_count .count_bottom {
  padding: 10px;
}
.tile_count .count {
  font-size: 30px;
  line-height: 47px;
  font-weight: 600;
}

@media (max-width: 1000px) {
  .tile_count .tile_stats_count {
    width: 46%;
  }
}
@media (max-width: 640px) {
  .tile_count .tile_stats_count {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .tile_count .tile_stats_count .count {
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .tile_count .tile_stats_count .count {
    font-size: 30px;
  }
}
.tile_count .tile_stats_count .count_bottom i {
  width: 12px;
}

/** /top tiles **/
.dashboard-carico-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard-carico-container.carica .msp-ui-card-content {
  text-align: center;
  padding: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dashboard-gare .prossime-gare {
  max-height: 400px;
  overflow-y: auto;
}
.dashboard-gare .img-gara {
  height: 30px;
}
.dashboard-gare .msp-icon-sport {
  font-size: 2rem;
}

.dashboard-carico {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.alert-mini {
  padding: 0.5em;
}

.modal-invita-atleta {
  width: 100%;
  max-width: 500px;
  position: relative;
}
.modal-invita-atleta .inviti {
  margin: 10px 0;
  text-align: left;
  padding: 10px;
  border: 1px solid var(--col-grigio-chiaro);
  max-height: 300px;
  overflow-y: auto;
}
.modal-invita-atleta .inviti .error {
  color: var(--col-danger);
}
.modal-invita-atleta .sending-invito {
  height: 300px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  background: var(--col-msp);
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-invita-atleta .sending-invito .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.4em;
}
.modal-invita-atleta .sending-invito .msp-loader {
  position: relative;
  bottom: auto;
  left: auto;
  -webkit-transform: none !important;
          transform: none !important;
}
.modal-invita-atleta form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-invita-atleta form textarea {
  width: 100%;
  height: 300px;
}
.modal-invita-atleta form .istruzioni {
  margin: 10px 0;
  padding: 10px 0;
}
.modal-invita-atleta form pre {
  white-space: pre-line;
  margin: 10px 0;
}
.modal-invita-atleta form input[type=submit] {
  margin-top: 1em;
}

.atleti .open-profilo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}
.atleti .open-profilo .btn.msp-icon-user {
  font-size: 23px;
  padding: 0 0 0 2px;
  margin-right: 0.5em;
}
.atleti .panel-1,
.atleti .panel-2 {
  display: none;
}
.atleti .panel-1.active,
.atleti .panel-2.active {
  display: block;
}
.atleti .titolo-gruppo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.page-dashboard-allenatore {
  --col-sex: #ccc;
}
.page-dashboard-allenatore .table-atleti td {
  padding: 2px 5px;
}
.page-dashboard-allenatore .eta {
  display: block;
  font-size: 0.8em;
}
.page-dashboard-allenatore .connessione-nome {
  border-left: 5px solid var(--col-sex);
  padding-left: 5px;
}
.page-dashboard-allenatore td .connessione-nome {
  margin: 0 0 0 calc(-1 * var(--td-padding));
}
.page-dashboard-allenatore .connessione-nome-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: justify;
}
.page-dashboard-allenatore .sex-m {
  --col-sex: #00a8db ;
}
.page-dashboard-allenatore .sex-f {
  --col-sex: #ff78e8 ;
}
.page-dashboard-allenatore .open-profilo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}
.page-dashboard-allenatore .panel-1,
.page-dashboard-allenatore .panel-2 {
  display: none;
}
.page-dashboard-allenatore .panel-1.active,
.page-dashboard-allenatore .panel-2.active {
  display: block;
}
.page-dashboard-allenatore .titolo-gruppo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

th,
td {
  color: var(--col-grigio-scuro);
}

tr.assegnato > td {
  background: var(--col-msp);
  color: #fff;
}

.scheda_atleta .modal .input-test {
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.scheda_atleta .modal.in .input-test {
  opacity: 1;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}

.test-attivi__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.test-sport {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 600px;
}

.test-attivo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  padding: calc(2 * var(--ui-space));
}

.test-attivi__title {
  margin: 0;
}
.test-attivi__title i {
  font-size: 1em;
}

.test-list {
  --col-check: var(--col-msp);
  max-height: 20em;
  overflow-y: scroll;
  white-space: nowrap;
}

.test-list-risultato {
  text-align: right;
}

.test-mostra {
  margin: 0 0 1em 0;
}

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

.test-list-table .test-list-sport i {
  font-size: 1.5em;
}
.test-list-table tr {
  display: none;
}
.test-list-table tr.active {
  display: table-row;
}
.test-list-table tr.active td {
  font-weight: bold;
  color: #000;
}
.test-list-table tr:hover td {
  cursor: pointer;
  background-color: var(--col-msp-chiaro) !important;
}
.test-list-table tr.active.abilitato.potenza td {
  --col-mark: var(--col-potenza);
}
.test-list-table tr.active.abilitato.passo td {
  --col-mark: var(--col-passo);
}
.test-list-table tr.active.abilitato.cardio td {
  --col-mark: var(--col-cardio);
}

.test-list-table tr.active td {
  font-weight: 300;
}

.test-list-table tr.selected td {
  font-weight: bold;
}

.tutti .test-list-table tr {
  display: table-row;
}

.btn-mostra--eliminati,
.tutti .btn-mostra--tutti {
  display: none;
}

.btn-mostra--tutti,
.tutti .btn-mostra--eliminati {
  display: inline-block;
}

#grafico-storico {
  width: 100%;
  height: 300px;
}

.errors {
  margin: 0;
  padding: 0.5em 0 0;
  text-align: center;
  list-style: none;
  font-style: italic;
}

.storico-descrizione ul {
  padding: 0 0 0 1em;
}
.storico-descrizione li {
  margin: 0.5em 0;
}
.storico-descrizione.closed ul {
  display: none;
}

.mark {
  display: inline-block;
  background: var(--col-mark);
  padding: 0 0.5em;
  border-radius: var(--ui-radius);
}
.mark--potenza {
  --col-mark: var(--col-potenza);
}
.mark--passo {
  --col-mark: var(--col-passo);
}
.mark--cardio {
  --col-mark: var(--col-cardio);
}

.test-calcolatore {
  --column-disclaimer: 1 / -1;
}
.test-calcolatore.has-test {
  --column-disclaimer: 2;
}

.campi-risultato {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-template-rows: auto auto;
  gap: 10px;
}
.campi-risultato .msp-ui-pane {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.campi-risultato .msp-ui-pane .msp-ui-tooltip {
  --width: 100%;
  color: var(--col-grigio-scuro);
}
.campi-risultato .slot-disclaimer {
  position: relative;
  grid-column: var(--column-disclaimer);
  grid-row: 1/-1;
}
.campi-risultato .slot-valore {
  --ui-input-pane: var(--col-ui-evidenza);
  grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profilo .msp-form-group.msp-form-group-column.autorizzazioni {
  display: block;
}
.profilo .msp-form-group.msp-form-group-column.autorizzazioni label {
  width: auto;
  margin-bottom: 10px;
}
.profilo .profilo-newsletter {
  padding: 1em;
  border: 1px solid var(--col-grigio-chiaro);
  margin: 1em 0;
  border-radius: var(--ui-radius);
}
.profilo h3 span {
  color: var(--col-grigio);
}
.profilo .modal .form-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.profilo .collegamento {
  margin-bottom: 10px;
}
.profilo .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profilo .row > [class^=col] {
  float: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1em;
}
.profilo .row form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 1em;
}
.profilo .row .profile_password {
  margin: 0 auto;
}
.profilo .row.profilo-account-atleta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profilo .row.profilo-account-atleta > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.profilo .row.profilo-account-atleta > div:first-child > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profilo .form-group.submit-buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
  padding: 0.5em 0.1em 0.7em 0.1em;
  border-top: 2px solid var(--col-grigio-chiarissimo);
  margin-bottom: 0;
}
.profilo .form-group.submit-buttons button {
  margin: 0 0.5em;
}
.profilo .registrazione {
  text-align: center;
}
.profilo #curriculum {
  width: 100%;
  height: 90%;
}
.profilo .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profilo .form-group .control-label {
  padding: 0;
  line-height: 1;
  text-align: right;
  margin: 0;
}
.profilo .form-group.mostra-pw {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 1em;
}
.profilo .form-group.mostra-pw input {
  margin-right: 0.5em;
}
.profilo select {
  width: 90%;
}
.profilo .x_title h2 {
  float: none;
}
.profilo #form-avatar {
  height: 200px;
  width: 200px;
  margin: 0 auto 1em;
}
.profilo #message_codice {
  width: 100%;
}
.profilo #sesso-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profilo #sesso-container label {
  width: 35px;
}
.profilo input[name=res_prov],
.profilo input[name=cod_fiscale] {
  text-transform: uppercase;
}
.profilo .profilo-zone-table.zone-z i,
.profilo .profilo-zone-table.zone-recupero i,
.profilo .profilo-zone-table.zone-nuoto i {
  font-size: 2em;
  vertical-align: sub;
  margin-right: 0.1em;
}
.profilo .form_curriculum form {
  width: 100%;
}
.profilo .form_curriculum textarea {
  width: 100%;
  min-height: 10em;
}
.profilo .form-group .datiantropometrici__valore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.profilo .form-group .datiantropometrici__valore input {
  margin-right: 10px;
}
.profilo button.spiegazione {
  border-radius: 100%;
  padding: 2px 7px 0px 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  right: 30px;
  top: 0px;
  background-color: var(--col-grigio-chiaro);
}
.profilo hr {
  border-top: 1px solid var(--col-grigio-chiarissimo);
  height: 1px;
  width: 100%;
  margin: 10px 0 15px;
}
.profilo .profilo-periodo-table div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: var(--ui-space) calc(2 * var(--ui-space));
  border-bottom: 2px solid #fff;
}
.profilo .profilo-periodo-table label {
  margin-bottom: 0;
  margin-right: 5px;
}
.profilo .profilo-periodo-table input {
  margin: 0 1em;
}
.profilo .datepicker .input-group {
  width: 9em;
}

.profilo-zone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.1em 0.5em 0 0.3em;
  background-color: var(--col-msp-chiarissimo);
}
.profilo-zone > div {
  width: 25%;
}
.profilo-zone label {
  margin: 0;
  padding: 0 0.3em 0 0;
  font-weight: 400;
}
.profilo-zone h4 {
  font-size: 1.2em;
  color: #000;
  font-variant: small-caps;
  padding: 0 0 0 0.3em;
  margin: 0;
  border-radius: 2px 2px 0 0;
  line-height: 50px;
}

.profilo-zone-table {
  border-radius: 0 0 2px 2px;
}
.profilo-zone-table .profilo-zone-zona {
  padding: var(--ui-space) calc(2 * var(--ui-space));
  border-bottom: 2px solid #fff;
}
.profilo-zone-table input {
  max-width: 85%;
}
.profilo-zone-table div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.2em;
}

body.profilo .settimana-tipo {
  max-width: 500px;
}
body.profilo .msp-form-group input {
  max-width: 500px;
}
body.profilo .menu-profilo-atleta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.profilo .menu-profilo-atleta li {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(4%, var(--col-grigio-chiaro)), color-stop(5%, #fff));
  background-image: linear-gradient(to right, var(--col-grigio-chiaro) 4%, #fff 5%);
  border-radius: var(--ui-radius) 0 0 var(--ui-radius);
}
body.profilo .menu-profilo-atleta li a {
  font-weight: 400;
  letter-spacing: 0.5px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  text-transform: uppercase;
  color: var(--col-grigio);
  min-height: 3em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--col-grigio-chiaro);
  padding-left: 1.5em;
}
body.profilo .menu-profilo-atleta li a:before {
  color: var(--col-grigio-chiaro);
  font-family: "msp";
  position: absolute;
  left: 0.4em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.7em;
}
body.profilo .menu-profilo-atleta li a i {
  font-size: 25px !important;
  text-align: center;
  width: 100% !important;
  margin-bottom: 5px;
}
body.profilo .menu-profilo-atleta li a i,
body.profilo .menu-profilo-atleta li a span {
  pointer-events: none;
}
body.profilo .menu-profilo-atleta li.active,
body.profilo .menu-profilo-atleta li.active:hover,
body.profilo .menu-profilo-atleta li:hover {
  border-right: 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(4%, var(--col-msp)), color-stop(5%, #fff));
  background-image: linear-gradient(to right, var(--col-msp) 4%, #fff 5%);
  margin: 0;
}
body.profilo .menu-profilo-atleta li.active a,
body.profilo .menu-profilo-atleta li.active:hover a,
body.profilo .menu-profilo-atleta li:hover a {
  color: var(--col-grigio-scuro);
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.profilo .menu-profilo-atleta li.active a:before,
body.profilo .menu-profilo-atleta li.active:hover a:before,
body.profilo .menu-profilo-atleta li:hover a:before {
  color: var(--col-grigio-scuro);
}
body.profilo .menu-profilo-atleta li.active {
  border-bottom: 1px dotted var(--col-msp);
  border-top: 1px dotted var(--col-msp);
}
body.profilo .menu-profilo-atleta li.active a:before {
  color: var(--col-msp);
}
body.profilo .menu-profilo-atleta li:hover {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(4%, var(--col-msp)), color-stop(5%, var(--col-grigio-chiaro)));
  background-image: linear-gradient(to right, var(--col-msp) 4%, var(--col-grigio-chiaro) 5%);
}
body.profilo .msp-lo-center__sidebar {
  display: none;
}
body.profilo .msp-lo-content__main {
  scroll-behavior: smooth;
}
body.profilo .profile_img {
  margin-top: 1em;
}
body.profilo .dropzone {
  display: none;
  margin-bottom: 1rem;
}
body.profilo .dropzone.active {
  display: block;
  width: 200px;
}
body.profilo .scarica-certificato {
  margin-left: 2em;
}
body.profilo button[name=riposo],
body.profilo .btn-riposo {
  background-color: var(--col-grigio-chiarissimo);
  color: var(--col-grigio-scuro);
}
body.profilo .riposo button[name=riposo],
body.profilo .btn-riposo.active {
  background-color: var(--col-msp-chiaro);
  color: var(--col-grigio-scuro);
}

.pa-colonne {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pa-colonne > div:first-child {
  min-width: 320px;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  margin-right: 20px;
}
@media (max-width: 1024px) {
  .pa-colonne > div:first-child {
    min-width: 210px;
  }
}
.pa-colonne > div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--col-grigio-chiarissimo);
  padding: 1em 1em 0 1.5em;
  margin-bottom: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 2em;
}
.pa-colonne > div:nth-child(2).nome-allenatore {
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pa-colonne > div:nth-child(2).nome-allenatore p {
  margin: 9px 1em 7px 0;
}

#atleta_bmi {
  width: 300px;
  height: 200px;
  font-weight: bold;
  padding: 1.5em;
}

.bmi {
  width: 100%;
  font-family: "OpenSans", sans-serif;
}

.bmi .arrow {
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  fill: #c00;
}

.st0 {
  fill: #FCCF37;
}

.st1 {
  fill: #2AB35E;
}

.st2 {
  fill: #48C3EC;
}

.st3 {
  fill: #F79F3F;
}

.st4 {
  fill: #F07545;
}

.st5 {
  fill: #E3384D;
}

.st6 {
  opacity: 0.4;
}

.st7 {
  fill: #64676B;
}

.st8 {
  fill: none;
}

.st9 {
  fill: #FFFFFF;
}

.st11 {
  font-size: 8px;
}

.st12 {
  font-size: 6px;
}

.st13 {
  font-size: 12px;
}

.profile_img .dropzone {
  display: none;
  width: 280px;
  height: 260px;
  margin: 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.profile_img .dropzone.active {
  display: block;
}
.profile_img .dz-default.dz-message {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(90, 90, 90, 0.4);
  padding: 0.2em;
  margin: 0;
}
.profile_img .dz-default.dz-message span {
  color: #fff;
}

:root {
  --background-evento: #fff;
}

.page-scheda_allenamento .slides-gruppi {
  --slides: 3;
}

/*Quando trascini, non fa scomparire il resto della pagina*/
.day-item.dragging {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.calendario-container {
  --view-footer: none;
  --view-grafici: none;
  --view-dettagli: none;
}
.calendario-container i.evento-bloccato {
  position: relative;
  display: block;
  z-index: 100;
  text-align: right;
  margin: 0 0 0 auto;
}
.calendario-container .day-item {
  position: relative;
}
.calendario-container .view-selector {
  display: none;
  z-index: var(--z-top);
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 5px;
  padding: 5px;
  border-radius: 5px;
  background: var(--background);
  color: var(--color);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.calendario-container .view-selector li {
  list-style-type: none;
}
.calendario-container .view-selector label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 5px;
}
.calendario-container .view-selector.active {
  display: block;
}
.calendario-container .cal-type {
  margin: 0 10px;
  display: block;
  position: relative;
}
.calendario-container .ev-all__footer {
  display: var(--view-footer);
}
.calendario-container .grafico-andature {
  display: var(--view-grafici);
}
.calendario-container.view-option--footer .ev-all__footer {
  --view-footer: grid;
}
.calendario-container.view-option--grafici .grafico-andature {
  --view-grafici: block;
}

.calendario-container.view-option--footer {
  --view-footer: ;
}

.allenamento-input-value header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.allenamento-input-value header h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.allenamento-input-value header .close {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.allenamento-input-value header .msp-icon-close {
  font-size: 2.5rem;
}
.allenamento-input-value input {
  width: 100%;
}

.allenamento-input-note-allenamento {
  width: 100%;
  max-width: 400px;
}
.allenamento-input-note-allenamento textarea {
  margin-bottom: 5px;
  height: 200px;
  width: 100%;
}

#scheda_allenamento {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.mobile-mensile .table-scroll table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile-mensile .table-scroll table td {
  display: block;
  width: 100% !important;
}
.mobile-mensile .msp-rating,
.mobile-mensile .ev-all__content--title,
.mobile-mensile .ev-all__content--localita,
.mobile-mensile .ev-all__content--time,
.mobile-mensile .ev-all__content--distance,
.mobile-mensile .grid-evento {
  display: block !important;
}

.drop-elimina-container {
  position: absolute;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}

.drop-elimina {
  --size: 25px;
  font-size: var(--size);
  background: var(--col-danger);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-perspective-origin: bottom center;
          perspective-origin: bottom center;
  width: 300px;
  height: 100%;
  padding: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.drop-elimina.active {
  z-index: var(--z-top);
  -webkit-transform: perspective(300px) translate3d(0, 0, 150px);
          transform: perspective(300px) translate3d(0, 0, 150px);
  -webkit-box-shadow: 0 0 10px #0007;
          box-shadow: 0 0 10px #0007;
}
.drop-elimina i {
  pointer-events: none;
}

.evento-allenamento {
  --percentuale-color: var(--ico-color);
}
.evento-allenamento .icon-bests {
  --ico-color: inherit;
}
.evento-allenamento .small {
  font-size: 0.8em;
}
.evento-allenamento .gold .icon-bests {
  --ico-color: gold;
}
.evento-allenamento .icona-percentuale {
  color: var(--percentuale-color);
}
.evento-allenamento .grafico-andature {
  height: 35px;
  grid-column: 1/-1;
}
.evento-allenamento .grafico-andature .andatura-tooltip {
  display: none !important;
  pointer-events: none;
}

.ev-all__footer {
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "rpe note percentuale bests";
  width: 100%;
  height: 30px;
  grid-column: 1/-1;
  border-top: 1px solid var(--col-grigio-chiaro);
  justify-items: center;
  color: var(--col-grigio-medio);
}
.ev-all__footer .slot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.ev-all__footer .slot .off, .ev-all__footer .slot.off {
  opacity: 0.2;
}
.ev-all__footer .slot .on {
  opacity: 1;
}
.ev-all__footer .slot i {
  position: relative;
}
.ev-all__footer .slot-note {
  grid-area: note;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.ev-all__footer .slot-rpe {
  grid-area: rpe;
}
.ev-all__footer .slot-bests {
  grid-area: bests;
}
.ev-all__footer .slot-percentuale {
  grid-area: percentuale;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.ev-all__footer .slot i.valutazione-icona {
  --size: 11px;
  -ms-flex-line-pack: center;
      align-content: center;
  background: var(--col-grigio-chiarissimo);
  border-radius: 50px;
  border: 1px solid var(--col-grigio);
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--size);
  height: calc(1.1 * var(--size));
  width: calc(1.1 * var(--size));
}
.ev-all__footer .slot .btn {
  --contrast: inherit;
  border-color: 1px solid var(--color);
  text-transform: none;
  font-variant: none;
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  padding: 0 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0;
}
.ev-all__footer .slot .btn.btn-percentuale {
  --color: var(--background-evento);
}
.ev-all__footer .slot .btn.btn-percentuale:hover {
  --color: var(--col-grigio-chiarissimo);
}
.ev-all__footer .slot .btn.btn-rpe {
  white-space: nowrap;
  --color: var(--col-grigio);
}
.ev-all__footer .slot .btn.btn-note {
  --color: var(--color-note);
  --contrast: var(--contrast-note);
  font-size: 1em;
  --color-note: var(--background-evento);
  position: relative;
  --contrast-note: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ev-all__footer .slot .btn.btn-note.active {
  --contrast-note: var(--col-msp);
}
.ev-all__footer .slot .btn.btn-note:hover {
  --color-note: var(--col-grigio-chiarissimo);
}
.ev-all__footer .slot .btn, .ev-all__footer .slot .btn:hover {
  -webkit-filter: none;
          filter: none;
}
.ev-all__footer .btn-alert {
  background: none;
  opacity: 0.5;
  color: var(--col-grigio);
  width: 100%;
  height: 100%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ev-all__footer .btn-alert i.msp-icon-warning {
  margin: 0 auto;
}
.ev-all__footer .btn-alert.active {
  background: var(--col-msp);
  color: #fff;
  opacity: 1;
}
.ev-all__footer .slot-rpe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.ev-all__footer .percentuale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ev-all__footer .btn-attivita {
  --color: var(--col-grigio);
  border-color: 1px solid var(--color);
  color: var(--color);
  grid-column: 2/-1;
}

@media (max-width: 720px) {
  body.scheda_allenamento {
    --day-height: 50px;
  }
}
body.scheda_allenamento #week-table i[class*=msp-icon-sport-]:before {
  color: inherit;
}
body.scheda_allenamento .allenamento-attivita,
body.scheda_allenamento .allenamento-attivita-percentuale {
  margin-bottom: 20px;
}
body.scheda_allenamento .msp-lo-content__main {
  padding: 0;
}
body.scheda_allenamento thead {
  position: relative;
  z-index: 10;
}
body.scheda_allenamento thead th {
  top: 0;
  position: sticky;
  z-index: 2;
  background: #fff;
}
body.scheda_allenamento .page-title {
  display: none;
}
body.scheda_allenamento .has-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.scheda_allenamento .msp-lo-content__main {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0;
}
body.scheda_allenamento .msp-lo-content__main .has-sidebar {
  height: 100%;
}
body.scheda_allenamento .msp-lo-content__main .calendario {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
}
body.scheda_allenamento .table-scroll {
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: auto;
}
body.scheda_allenamento .weeks-container {
  height: 100%;
  font-size: 0.9em;
}
body.scheda_allenamento .cal-testata {
  --space: 10px;
  --background: #fff;
  --color: var(--col-grigio-scuro);
  background: var(--background);
  color: var(--color);
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid var(--col-grigio-chiaro);
}
body.scheda_allenamento .cal-testata.dark {
  --background: var(--col-grigio);
  --color: #fff;
}
body.scheda_allenamento .cal-testata .cal-testata-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: var(--space);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--space);
}
body.scheda_allenamento .cal-testata .calendar-date {
  font-size: 1.5em;
  font-weight: bold;
}
body.scheda_allenamento .cal-testata .calendario-mese {
  margin: 0;
  white-space: nowrap;
  text-align: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 720px) {
  body.scheda_allenamento .cal-testata {
    margin: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
body.scheda_allenamento .cal-testata h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
body.scheda_allenamento .cell-select {
  display: table-cell;
  width: auto !important;
}
body.scheda_allenamento .cell-select button {
  width: 25px;
  height: 25px;
  font-size: 1.3em;
}
body.scheda_allenamento .cell-select .btn.occhio-aperto,
body.scheda_allenamento .cell-select .btn.occhio-chiuso {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.scheda_allenamento .cell-select .btn.occhio-aperto:before {
  font-family: "msp";
  content: var(--ico-occhio-aperto);
}
body.scheda_allenamento .cell-select .btn.occhio-chiuso:before {
  font-family: "msp";
  content: var(--ico-occhio-chiuso);
}
body.scheda_allenamento .cell-select .btn.select-tutti:before {
  font-family: "msp";
  content: var(--ico-check-pieno);
}
body.scheda_allenamento .cell-select .btn.select-nessuno:before {
  font-family: "msp";
  content: var(--ico-check-vuoto);
}
body.scheda_allenamento .cell-select .btn.select-alcuni:before {
  font-family: "msp";
  content: var(--ico-check-pieno);
}
body.scheda_allenamento .item--select {
  display: none;
}
body.scheda_allenamento .mode--select .evento-allenamento {
  cursor: pointer !important;
}
body.scheda_allenamento .mode--select .item--noselect {
  display: none !important;
}
body.scheda_allenamento .mode--select .item--select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.scheda_allenamento .mode--select .item--select div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
body.scheda_allenamento .mode--select .item--select .btn {
  padding: 0 0.5rem;
  letter-spacing: 0px;
  font-size: 13px;
  display: block;
  margin-bottom: 2px !important;
}
body.scheda_allenamento .btn-selection {
  display: none;
}
body.scheda_allenamento .btn-selection.has-selection {
  display: block;
}
body.scheda_allenamento .barra-calendario-atleta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 720px) {
  body.scheda_allenamento .barra-calendario-atleta {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
body.scheda_allenamento .barra-calendario-atleta div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.scheda_allenamento .barra-calendario-atleta a {
  cursor: pointer;
}
body.scheda_allenamento .barra-calendario-atleta .cal-nav {
  margin: 0 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--col-grigio-chiaro);
  border-radius: var(--ui-radius);
  padding: var(--ui-space);
}
body.scheda_allenamento .barra-calendario-atleta .cal-nav__item {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
body.scheda_allenamento .barra-calendario-atleta .cal-nav__date {
  margin: 0;
  padding: var(--ui-space) calc(2 * var(--ui-space));
}
body.scheda_allenamento .barra-calendario-atleta .cal-nav__date label {
  text-align: right;
  padding: 0 0.5em;
}
body.scheda_allenamento .barra-calendario-atleta .cal-prev,
body.scheda_allenamento .barra-calendario-atleta .cal-next {
  font-size: 2.5em;
  color: var(--col-grigio);
}
body.scheda_allenamento .barra-calendario-atleta .cal-prev i,
body.scheda_allenamento .barra-calendario-atleta .cal-next i {
  font-size: 1em;
}
body.scheda_allenamento .barra-calendario-atleta .cal-prev:hover,
body.scheda_allenamento .barra-calendario-atleta .cal-next:hover {
  color: var(--col-msp);
}
body.scheda_allenamento .barra-calendario-atleta .cal-prev:active i:before,
body.scheda_allenamento .barra-calendario-atleta .cal-next:active i:before {
  color: #fff;
  background-color: var(--col-msp);
}
body.scheda_allenamento .barra-calendario-atleta .cal-prev i:before,
body.scheda_allenamento .barra-calendario-atleta .cal-next i:before {
  font-size: 1em;
  border-radius: 3px;
  margin-left: 0;
}
body.scheda_allenamento .cal_meseCorrente {
  color: var(--col-grigio);
  font-weight: 200;
  margin: 10px;
  font-size: 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 720px) {
  body.scheda_allenamento .cal_meseCorrente {
    font-size: 2em;
  }
}
body.scheda_allenamento .gara {
  --background-evento: var(--col-msp);
  background: var(--background-evento);
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.scheda_allenamento .gara-desc {
  text-align: center;
  margin: 0;
  padding: 0.2em 1em;
}
body.scheda_allenamento .calendario {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
body.scheda_allenamento [class^=onlyweek-] {
  display: none;
}
body.scheda_allenamento .calendario-container.extended .msp-tooltip,
body.scheda_allenamento .calendario-container.view-option--dettagli .msp-tooltip,
body.scheda_allenamento .calendario-container.week .msp-tooltip {
  display: none !important;
  pointer-events: none;
}
body.scheda_allenamento .calendario-container.extended [class^=onlyweek-],
body.scheda_allenamento .calendario-container.view-option--dettagli [class^=onlyweek-],
body.scheda_allenamento .calendario-container.week [class^=onlyweek-] {
  display: block;
}
body.scheda_allenamento .calendario.loading .day-content {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
body.scheda_allenamento .calendario.changing {
  opacity: 0.3;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  pointer-events: none;
}
body.scheda_allenamento .onlyweek-dettagli {
  grid-column: span 3;
  padding: var(--ui-space);
  white-space: pre-wrap;
}
body.scheda_allenamento .calendar-table__cell {
  vertical-align: top;
  min-height: var(--day-height);
}
@media (max-width: 720px) {
  body.scheda_allenamento .calendar-table__cell {
    text-align: center;
  }
}
body.scheda_allenamento .calendar-table__cell.nascosto {
  background: repeating-linear-gradient(120deg, #fff, #fff 10px, var(--col-grigio-chiarissimo) 10px, var(--col-grigio-chiarissimo) 20px);
}
body.scheda_allenamento .has-gara td.week-totali h4 {
  background-color: var(--col-danger);
  color: #fff;
}
body.scheda_allenamento .week-row {
  background-color: white;
}
body.scheda_allenamento .allenamenti {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  padding: 1px;
  border-top: 0;
}
body.scheda_allenamento .allenamenti.copyto, body.scheda_allenamento .allenamenti.moveto {
  background: var(--col-msp-chiaro);
}
body.scheda_allenamento .allenamenti.copyto:before, body.scheda_allenamento .allenamenti.moveto:before {
  font-size: 50px;
  width: 50px;
  height: 50px;
  color: #fff;
  text-align: center;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 20%;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0%, 0);
          transform: translate3d(-50%, 0%, 0);
  z-index: 2;
}
body.scheda_allenamento .allenamenti.moveto:before {
  font-family: "msp";
  content: "\f047";
}
body.scheda_allenamento .allenamenti.copyto:before {
  content: "+";
  border-radius: 50%;
  border: 2px solid #fff;
}
body.scheda_allenamento [class^=evento-] [class*=msp-icon-sport-] {
  position: relative;
  top: 0;
  left: 0;
  font-size: 18px;
}
body.scheda_allenamento .ev-distance,
body.scheda_allenamento .ev-trimp,
body.scheda_allenamento .ev-time {
  display: contents;
}
body.scheda_allenamento .ev-all__content--distance {
  white-space: nowrap;
}
body.scheda_allenamento [class*="--title"] {
  margin: 0;
  grid-column: 1/-1;
  text-align: left;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  margin-bottom: var(--spacing);
}
body.scheda_allenamento [class^=evento-] p.ev-all__content--localita {
  font-weight: 300;
}
body.scheda_allenamento [class^=evento-] .ev-all__content--specialita {
  grid-column: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.scheda_allenamento [class^=evento-] .ev-all__content--specialita p {
  font-size: 0.8em;
  line-height: 0.9;
  margin: 0 0 0 2px;
}
body.scheda_allenamento i.msp-icon-menu {
  right: 0;
  font-size: 1.5em;
  cursor: pointer;
  text-align: right;
}
body.scheda_allenamento .ev-all__icon {
  font-size: 1em;
  text-align: right;
}
body.scheda_allenamento .ev-all__content {
  padding: var(--ph1);
  text-align: left;
}
body.scheda_allenamento .ev-all__rating {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body.scheda_allenamento .ev-all__rating .msp-rating {
  text-align: left;
  font-size: 0.7em;
  opacity: 0.4;
  letter-spacing: 0em;
  padding: 0;
}
@media (max-width: 720px) {
  body.scheda_allenamento .ev-all__rating .msp-rating {
    display: none;
  }
}
body.scheda_allenamento .ev-all__feedback {
  grid-column: 3;
}
body.scheda_allenamento .ev-all__feedback .btn.msp-icon-note {
  font-size: 0.8em;
}
body.scheda_allenamento .evento-test {
  -webkit-box-shadow: 0 0 0 2px var(--col-grigio-medio);
          box-shadow: 0 0 0 2px var(--col-grigio-medio);
}
body.scheda_allenamento .month.extended .evento-risultato__note, body.scheda_allenamento .month.extended .evento-risultato__fc,
body.scheda_allenamento .week .evento-risultato__note,
body.scheda_allenamento .week .evento-risultato__fc {
  display: block;
}
body.scheda_allenamento .evento-evento {
  border: 2px dashed var(--col-grigio-medio);
}
body.scheda_allenamento .evento-evento p {
  text-indent: 0;
  text-align: center;
}
body.scheda_allenamento .day-sport {
  font-size: 2.3rem;
}
body.scheda_allenamento .day-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.scheda_allenamento .tools {
  padding-left: 1em;
}
body.scheda_allenamento [class*=button_] {
  border: none;
}
body.scheda_allenamento .day__btn {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
body.scheda_allenamento .day__btn .btn {
  color: var(--col-grigio-medio);
  border-color: var(--col-grigio-chiaro);
  display: none;
  opacity: 0;
  pointer-events: none;
}
body.scheda_allenamento .day__btn--aggiungi .btn {
  display: block;
}
@media screen and (max-width: 720px) {
  body.scheda_allenamento .day__btn--aggiungi .btn {
    opacity: 0.7;
    display: block;
    pointer-events: all;
    background: rgba(255, 255, 255, 0.7);
  }
}
body.scheda_allenamento .btn-totalmode {
  background: var(--col-grigio);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.scheda_allenamento .btn-totalmode:first-child {
  border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius);
}
body.scheda_allenamento .btn-totalmode:nth-child(2) {
  border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0;
}
body.scheda_allenamento .btn-totalmode.active {
  background: var(--col-msp);
}
body.scheda_allenamento .has-menu .ev-all__menu {
  display: block;
}
body.scheda_allenamento .ev-all__menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--col-grigio-chiaro);
  border: 1px solid var(--col-grigio);
  border-radius: var(--ui-radius);
  z-index: 100;
  cursor: pointer;
}
body.scheda_allenamento .evento-gara {
  --background-evento: var(--col-gara-tint2);
  background-color: var(--background-evento);
  min-height: 80px;
}
@media (max-width: 420px) {
  body.scheda_allenamento .evento-gara {
    min-height: unset;
  }
}
body.scheda_allenamento .evento-gara i.msp-icon-menu {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  margin: 0 0 0 auto;
}
body.scheda_allenamento .evento-gara .ev-all__content--specialita {
  grid-row: 2;
  grid-column: 1;
}
body.scheda_allenamento .evento-gara .img-gara {
  margin: 0;
  width: 30px;
  grid-row: 1;
  grid-column: 1;
}
body.scheda_allenamento .evento-gara i[class*=msp-icon-sport-] {
  font-size: 1.5em;
}
body.scheda_allenamento .evento-gara .slot-note .btn {
  --color-note: transparent;
}
body.scheda_allenamento .evento-gara .ev-all__content--title,
body.scheda_allenamento .allenamento-sport-10 .ev-all__content--title {
  font-size: 2rem;
}
@media (max-width: 420px) {
  body.scheda_allenamento .evento-gara .ev-all__content--title,
body.scheda_allenamento .allenamento-sport-10 .ev-all__content--title {
    display: none;
  }
}
body.scheda_allenamento .allenamento-sport-10 {
  background-color: var(--col-grigio-chiarissimo);
  height: 70px;
}
body.scheda_allenamento .allenamento-sport-10 .allenamento-head {
  background: none;
}
@media (max-width: 420px) {
  body.scheda_allenamento .allenamento-sport-10 {
    height: auto;
  }
}
body.scheda_allenamento .allenamento-sport-10:before {
  font-family: "msp";
  content: var(--ico-riposo);
  color: var(--col-grigio-chiaro);
  font-size: 5em;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 420px) {
  body.scheda_allenamento .allenamento-sport-10:before {
    font-size: 2.5em;
  }
}
body.scheda_allenamento .allenamento-sport-10 .ev-all__content--title {
  z-index: 2;
  grid-row: 3;
}
body.scheda_allenamento .allenamento-evento-container .btn-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
body.scheda_allenamento .allenamento-evento-container .btn-icon:last-child {
  margin-right: 0;
}
body.scheda_allenamento .allenamento-evento-container .btn-icon [class^=msp-icon-]:before {
  font-size: 25px;
}
body.scheda_allenamento #modal_messaggio .selectAtleta,
body.scheda_allenamento #modal_messaggio .destinatario,
body.scheda_allenamento #modal_messaggio .testo-condiviso {
  margin-bottom: 0.5em;
}
body.scheda_allenamento #modal_messaggio .destinatario {
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--col-grigio-chiaro);
}
body.scheda_allenamento .dashboard-mood {
  z-index: var(--z-top);
  bottom: var(--h-tools);
  width: calc(90% - var(--w_panels));
  position: fixed;
  opacity: 0;
  -webkit-transform: translate(0%, 10%);
          transform: translate(0%, 10%);
  pointer-events: none;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
body.scheda_allenamento .dashboard-mood.active {
  opacity: 1;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  pointer-events: all;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
body.scheda_allenamento .zone-attive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.scheda_allenamento .test-sport {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  body.scheda_allenamento .test-sport {
    display: block;
  }
}
body.scheda_allenamento .test-attivo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 600px;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
body.scheda_allenamento.scheda_allenamento_atleta .dati-attivita .slots-grid-3 {
  width: 100%;
  grid-gap: 3px;
  padding: 5px;
}
@media (max-width: 720px) {
  body.scheda_allenamento.scheda_allenamento_atleta .allenamento-row--content .allenamento-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
body.scheda_allenamento.scheda_allenamento_atleta .evento-allenamento,
body.scheda_allenamento.scheda_allenamento_atleta .evento-risultato {
  cursor: default;
}
body.scheda_allenamento.scheda_allenamento_atleta .test-attivi .test-attivi__title,
body.scheda_allenamento.scheda_allenamento_atleta .test-attivi .test-aggiorna {
  display: none;
}
body.scheda_allenamento.scheda_allenamento_atleta .test-attivi .test-attivo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.scheda_allenamento.scheda_allenamento_atleta .test-attivi .test-dettaglio {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
body.scheda_allenamento.scheda_allenamento_atleta .test-attivi .zone {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body.scheda_allenamento .allenamento-palestra-dettaglio {
  --padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  margin: 5px auto 20px 0;
  max-width: 600px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  position: relative;
  background: #fff;
}
body.scheda_allenamento .allenamento-palestra-dettaglio .allenamento-palestra-descrizione {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: var(--col-msp-chiaro);
  color: #000;
  margin: calc(-1 * var(--padding)) calc(-1 * var(--padding)) calc(1 * var(--padding)) calc(-1 * var(--padding));
}
body.scheda_allenamento .allenamento-palestra-dettaglio .allenamento-palestra-descrizione h3 {
  padding: calc(var(--padding)) calc(var(--padding)) 5px;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
body.scheda_allenamento .allenamento-palestra-dettaglio.fatto {
  padding-top: 0;
  padding-bottom: 0;
}
body.scheda_allenamento .allenamento-palestra-dettaglio.fatto .allenamento-palestra-andatura {
  display: none;
}
body.scheda_allenamento .allenamento-palestra-dettaglio.fatto .allenamento-palestra-descrizione {
  margin-bottom: 0;
}
body.scheda_allenamento .allenamento-palestra-dettaglio.fatto .allenamento-palestra-descrizione h3 {
  margin: 0;
  padding: 5px 5px 2px;
  font-size: 1.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.scheda_allenamento .allenamento-palestra-andatura {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  position: relative;
  margin-bottom: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  --img-size: 100px;
}
body.scheda_allenamento .allenamento-palestra-andatura .msp-icon-video {
  font-size: 2em;
  line-height: 0;
}
body.scheda_allenamento .allenamento-palestra-andatura.expanded .andatura-immagine-container {
  width: 300px;
  height: 300px;
  margin-bottom: 10px;
}
body.scheda_allenamento .allenamento-palestra-andatura.expanded .allenamento-palestra-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.scheda_allenamento .allenamento-palestra-andatura .allenamento-palestra-col3 {
  display: none;
}
body.scheda_allenamento .allenamento-palestra-andatura .andatura-immagine-container {
  display: none;
}
body.scheda_allenamento .allenamento-palestra-andatura .allenamento-palestra-col2 {
  min-height: 0px;
}
body.scheda_allenamento .allenamento-palestra-andatura .allenamento-palestra-col1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
body.scheda_allenamento .allenamento-palestra-andatura .allenamento-palestra-col2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
}
body.scheda_allenamento .allenamento-palestra-andatura .allenamento-palestra-col3 {
  padding-left: 10px;
  width: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
body.scheda_allenamento .allenamento-palestra-andatura .andatura-descrizione {
  font-size: 1.3em;
  font-weight: bold;
  border-left: 10px solid var(--col-msp);
  padding-left: 3px;
  padding-bottom: 0;
  margin-bottom: 8px;
}
body.scheda_allenamento .allenamento-palestra-andatura .andatura-immagine-container {
  width: var(--img-size);
  height: var(--img-size);
  margin-right: 10px;
  background: var(--col-grigio-chiaro);
}
body.scheda_allenamento .allenamento-palestra-andatura .andatura-immagine {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid var(--col-grigio-chiaro);
}
body.scheda_allenamento .allenamento-palestra-andatura .andatura-note {
  padding: 0 0 5px 0;
  display: block;
  font-style: italic;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body.scheda_allenamento .allenamento-palestra-andatura .andatura-buttons {
  grid-area: buttons;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.scheda_allenamento .allenamento-palestra-andatura .andatura-buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
}
body.scheda_allenamento #modal_create .modal-body {
  padding-bottom: 30px;
}
body.scheda_allenamento #modal_create .form-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.scheda_allenamento .attivita {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
body.scheda_allenamento .calendar-table__cell:nth-child(9n-1) .msp-tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}
body.scheda_allenamento .report-selettore {
  grid-column: 1/-1;
  position: sticky;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  top: 0;
  z-index: 1;
  background: #fff;
  margin-bottom: 5px;
}

.evento-calendario {
  --spacing: 6px;
  --p01: 0 var(--spacing);
  --ph1: calc(0.5 * var(--spacing)) var(--spacing);
}
.evento-calendario .allenamento-head {
  padding: var(--ph1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row: 1;
  grid-column: 1/-1;
  background: var(--color-tint);
  color: var(--col-grigio);
  margin-bottom: var(--spacing);
}
.evento-calendario .icon-feedback.valutazione i {
  font-size: 1em;
  width: 1.2em;
  height: 1.2em;
  background: none;
  border: 1.5px solid var(--col-grigio);
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1em;
  background: var(--col-grigio-chiarissimo);
}

.select-gruppo-singolo {
  width: 100%;
}

.elenco-gruppi {
  width: 100%;
}

.info-calendario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.scheda--atleta.esteso .allenamento-palestra-dettaglio .allenamento-palestra-col3 {
  display: block;
}
.scheda--atleta.esteso .allenamento-palestra-dettaglio .andatura-immagine-container {
  display: block;
}
.scheda--atleta.esteso .allenamento-palestra-dettaglio .allenamento-palestra-col2 {
  min-height: var(--img-size);
  border-right: 1px solid var(--col-grigio-chiaro);
}

.testata-pianificazione {
  display: grid;
  grid-template-areas: "titolo categoria" "menu categoria";
  grid-template-columns: 1fr auto;
  width: 100%;
}
.testata-pianificazione input {
  grid-area: titolo;
}
.testata-pianificazione__menu {
  grid-area: menu;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid var(--col-grigio-chiaro);
  padding: 2px 5px;
  border-radius: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.testata-pianificazione__menu h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.testata-pianificazione .msp-ui-card {
  grid-area: categoria;
}

.panels-container .panel {
  display: none;
}

.has-panel-feedback .panel-feedback {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
}

.has-panel-report .panel-report {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
}

.has-panel-gare .panel-gare {
  display: block;
}

.has-panel-tools .panel-tools {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
}

.panel-tools .test-sport {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.panel-tools .panel-tool {
  display: none;
}
.panel-tools.active-tests .panel-tool--tests, .panel-tools.active-profilo .panel-tool--profilo, .panel-tools.active-note .panel-tool--note {
  display: block;
}

.panel-right.has-panel-report.has-panel-gare {
  --w_panels: 600px;
}

.panel-right.expanded .msp-grafico-confronto {
  --height-chart: 40px;
}
.panel-right.expanded .msp-grafico-sonno {
  --height-chart: 60px;
}
.panel-right.expanded .msp-grafico-critical-power {
  --height-chart: 80px;
}

.select-evento i {
  --size: 30px;
  display: block;
  width: var(--size);
  height: var(--size);
  color: #fff;
  border-radius: 100px;
  background: var(--col-grigio-scuro);
  position: relative;
}
.select-evento i .msp-icon-battery-3:before {
  margin-left: -0.1em;
}
.select-evento i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.select-evento li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 100px;
}
.select-evento li:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

.menu-atleta__container .card-footer {
  padding: 10px;
  background: var(--col-msp-chiarissimo);
}
.menu-atleta__container .card-footer select {
  background: #fff;
}
.menu-atleta__container .card-footer label {
  padding: 0;
  font-size: 0.8em;
  display: block;
}

.aggiungi-atleta {
  margin-bottom: 10px;
}

.hide-search .cerca-atleta {
  display: none !important;
}

.evento-calendario.selected {
  --background-evento: var(--col-msp);
}

.evento-allenamento,
.evento-risultato,
.evento-risultato,
.evento-test,
.ev-trimp,
.evento-gara {
  cursor: move;
}

.evento-calendario {
  border: 1px solid var(--col-grigio-chiaro);
  background: var(--background-evento);
  position: relative;
  margin: 0px 0 2px 0;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  border-radius: var(--ui-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.evento-calendario .item--select {
  position: absolute;
  right: 3px;
  top: -2px;
}
.evento-calendario p {
  line-height: 1;
  cursor: pointer;
}
.evento-calendario p + p {
  font-weight: 400;
  line-height: 1.1;
  text-indent: 0;
}
.evento-calendario.done {
  background: linear-gradient(135deg, var(--col-msp-chiaro) 5%, #fff 10%, var(--col-msp-chiaro) 15%, #fff 20%, var(--col-msp-chiaro) 25%, #fff 30%, var(--col-msp-chiaro) 35%, #fff 40%, var(--col-msp-chiaro) 45%, #fff 50%, var(--col-msp-chiaro) 55%, #fff 60%, var(--col-msp-chiaro) 65%, #fff 70%, var(--col-msp-chiaro) 75%, #fff 80%, var(--col-msp-chiaro) 85%, #fff 90%, var(--col-msp-chiaro) 95%, #fff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.evento-calendario.done::before {
  color: var(--col-msp);
  display: block;
  content: var(--ico-check);
  font-family: "msp";
  position: absolute;
  bottom: -5px;
  right: 5px;
  font-size: 3rem;
}
.evento-calendario.ghost {
  opacity: 0.6;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.evento-calendario.over {
  background-color: var(--col-msp-chiaro);
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

.evento-risultato {
  border: none;
}

.grid-evento,
.evento-allenamento,
.evento-gara,
.evento-test,
.evento-risultato {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  font-size: 12px;
}
@media (max-width: 420px) {
  .grid-evento,
.evento-allenamento,
.evento-gara,
.evento-test,
.evento-risultato {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.grid-evento {
  grid-column: 1/-1;
  gap: 3px 6px;
  margin-bottom: 0px;
}

.evento-allenamento {
  min-height: 40px;
}
@media (max-width: 420px) {
  .evento-allenamento {
    min-height: 30px;
  }
}
.evento-allenamento .msp-tooltip.active {
  z-index: var(--z-tooltip);
  width: 400px;
  padding: 1em;
}
.evento-allenamento.has-menu .msp-tooltip {
  display: none !important;
}

.evento-allenamento.hasRisultato {
  border: none !important;
}

:root {
  --z-top-calendario: calc(var(--z-top) - 1);
  --day-number-background: var(--col-grigio-chiarissimo);
  --day-number-color: var(--col-grigio-scuro);
  --width-column: 80px;
  --cells-gap: 2px;
  --day-height: 0;
  --day-margin-bottom: 5px;
}

.calendar-container {
  --width-last-column: 20%;
  --columns: 7;
  --width-column-atleta: calc(80% / var(--columns));
  --width-column-allenatore: calc((80% - 50px) / var(--columns));
  --grid-atleta: repeat(var(--columns), var(--width-column-atleta)) var(--width-last-column);
  --grid-allenatore: 30px repeat(var(--columns), var(--width-column-allenatore)) var(--width-last-column);
  --grid-columns: var(--grid-atleta);
}
.calendar-container.calendar-totali-nascosti {
  --grid-atleta: repeat(var(--columns), 1fr);
  --grid-allenatore: 30px repeat(var(--columns), 1fr);
}
.calendar-container.calendar--admin {
  --grid-columns: var(--grid-allenatore);
}

.calendar-table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.calendar-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  overflow-y: auto;
  --day-height: 200px;
}

.calendar-head,
.calendar-cells {
  display: grid;
  grid-template-columns: var(--grid-columns);
  grid-gap: var(--cells-gap);
}

.calendar-head {
  z-index: 1;
}

.calendar-month {
  grid-column: 1/-1;
  position: sticky;
  top: 50px;
  background: var(--col-grigio-chiaro);
  z-index: var(--z-top-calendario);
}

.calendar-totali .totali-grafico-carico {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.calendar-table__cell.day-header.column-riepiloghi {
  text-align: right;
  --column: 9;
}

.calendar-totali-nascosti .week-totali-container {
  display: none !important;
}
.calendar-totali-nascosti .btn-riepiloghi {
  position: absolute;
  right: 0;
  width: 30px;
  height: 50px;
  background: var(--col-grigio-scuro);
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px 0 0 10px;
}
.calendar-totali-nascosti .calendar-table__cell.week-totali {
  display: none;
}

.calendar-carico .totali-container {
  width: 0px;
  display: none !important;
}
.calendar-carico .totali-grafico-carico {
  width: 100%;
  display: inherit;
}

.is-selected .evento-allenamento {
  --background-evento: var(--col-msp);
}

.calendar-table__row {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.calendar-table__row .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
  font-size: 1.5rem;
  --col-background: var(--col-grigio-chiarissimo);
  --col-text: var(--col-grigio-scuro);
}

.calendar-table__cell {
  --column: 1;
  grid-column: var(--column);
}
.calendar-table__cell.week-totali {
  --column: 8;
}
.calendar-table__cell .week-number {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--col-grigio-chiarissimo);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: bold;
  color: var(--col-grigio);
}
.calendar-table__cell.cell-select {
  padding: 0 5px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.calendar-table__cell.day-range-impegno .day-number {
  --day-number-background: var(--col-grigio) !important;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 420px) {
  .calendar-table__cell.day-range-impegno .day-number {
    text-align: left;
    padding-left: 10px;
  }
}
.calendar-table__cell.day-range-impegno .day-number:after {
  font-family: "msp";
  position: absolute;
  right: 4px;
}
.calendar-table__cell.day-range-impegno-1 .day-number:after {
  content: var(--ico-ferie);
}
.calendar-table__cell.day-range-impegno-2 .day-number:after {
  content: var(--ico-atleti);
}
.calendar-table__cell.day-range-impegno-3 .day-number:after {
  content: var(--ico-lavoro);
}
.calendar-table__cell.day-range-impegno-4 .day-number:after {
  content: var(--ico-impegni);
}

.calendar--admin .calendar-table__cell.week-totali {
  --column: 9;
  position: relative;
}

.calendar-table__cell:hover .day__btn--incolla.active .btn,
.calendar-table__cell:hover .day__btn--aggiungi .btn {
  opacity: 0.7;
  display: block;
  pointer-events: all;
  background: rgba(255, 255, 255, 0.7);
}
.calendar-table__cell:hover .day__btn--incolla.active .btn:hover,
.calendar-table__cell:hover .day__btn--aggiungi .btn:hover {
  opacity: 1;
  color: var(--col-grigio-scuro);
  background: white;
}

@media (hover: none) {
  .calendar-table__cell .day__btn--incolla.active .btn,
.calendar-table__cell .day__btn--aggiungi .btn {
    opacity: 0.7;
    display: block;
    pointer-events: all;
  }
}
.day-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: var(--day-margin-bottom);
}
.day-container.out-of-month h4 {
  background-color: var(--col-grigio-chiaro);
}

.day-range-impegno.oggi .day-number,
.current-week.oggi .day-number,
.oggi .day-number {
  --day-number-background: var(--col-grigio-scuro) !important;
  color: #fff;
}

.day-number {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 2em;
  line-height: 1;
  color: var(--col-grigio-scuro);
  background-color: var(--day-number-background);
  border: 0.001em solid #fff;
  border-bottom: 0;
  text-align: left;
  margin: 0;
  padding: 0px 5px;
}
@media (max-width: 720px) {
  .day-number {
    background: none;
    font-size: 0.8em;
    border-top: 1px solid var(--col-grigio-medio);
  }
}
.day-number.week-number {
  font-weight: bold;
  color: var(--col-grigio);
}
.day-number .small {
  font-size: 0.7em;
  font-weight: 200;
}

.day-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 0 0 0 2px;
  gap: 4px;
}

.day-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.day-badge:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.badge-value {
  font-size: 0.8em;
}

.day-name {
  font-weight: 300;
}

.calendar-table__cell.week-totali {
  width: 100%;
  border: 2px solid var(--col-grigio-chiarissimo);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.calendar-table__cell.week-totali .grafico-carico {
  margin-bottom: 15px;
}
.calendar-table__cell.week-totali .programmazione-grafico-settimana__valori {
  height: 15px;
}
.calendar-table__cell.week-totali .week-totali-container {
  margin-bottom: var(--day-margin-bottom);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.calendar-table__cell.week-totali .totali-settimana {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 5px;
  gap: var(--space);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.calendar-table__cell.week-totali .totale-settimana {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.calendar-table__cell.week-totali .totale-settimana .totale-label {
  font-size: 0.9em;
}
.calendar-table__cell.week-totali .totale-settimana .totale-valore,
.calendar-table__cell.week-totali .totale-settimana .msp-percentuale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}
.calendar-table__cell.week-totali .totale-settimana .btn-icona {
  padding: 4px 3px 2px 4px;
  line-height: 1;
}
.calendar-table__cell.week-totali .totali-sport {
  margin-bottom: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.calendar-table__cell.week-totali .totali-container {
  --space: 10px;
  padding: calc(2 * var(--space)) 5px;
  gap: var(--space);
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.calendar-table__cell.week-totali .totale-sport {
  margin-bottom: var(--space);
  font-size: 12px;
}
.calendar-table__cell.week-totali h5,
.calendar-table__cell.week-totali p {
  margin: 0;
}
.calendar-table__cell.week-totali h5 {
  text-decoration: underline;
  margin-bottom: 3px;
}

.calendar-type-pianificazione {
  --day-number-background: var(--col-ui-evidenza-tint);
}

.toolbar {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background: var(--col-grigio-scuro);
  color: #fff;
  border: 5px solid var(--col-msp);
  border-width: 5px 0 0 0;
  text-align: left;
  padding: 5px;
  width: 100%;
  -webkit-box-shadow: 0px -1px 3px var(--col-ombra);
          box-shadow: 0px -1px 3px var(--col-ombra);
  z-index: var(--z-toolbar);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.toolbar .text-box {
  color: #fff;
}
.toolbar p {
  margin: 0;
}
.toolbar .btn.active {
  --col-background: var(--col-msp);
}

[class*=js-toolbar] {
  display: none;
}
[class*=js-toolbar].active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.title2tooltip {
  position: relative;
  font-variant: none;
}
.title2tooltip:hover i {
  background-image: var(--btn-hover);
}
.title2tooltip:hover i:after {
  margin-top: 5px;
  opacity: 1;
}
.title2tooltip i:after {
  content: attr(title);
  display: block;
  height: auto;
  white-space: pre;
  position: absolute;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  padding: 0.9em 0.7em 0.8em;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: var(--col-grigio);
  color: #fff;
  z-index: var(--z-top);
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  pointer-events: none;
  margin-top: -20px;
  line-height: 1;
}

.loop-container {
  --pos: 0;
  --size: 1;
  cursor: pointer;
  position: relative;
  padding-top: 5px;
}
.loop-container:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--pos) * var(--size) * 100%);
  width: calc(100% * var(--size));
  height: 3px;
  background: var(--col-msp);
}

.input-test {
  display: grid;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: white;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 0.3em;
  grid-row-gap: 0.3em;
}
.input-test .descrizione {
  white-space: pre-line;
}
.input-test .descrizione em {
  display: block;
  padding: 10px 0;
  color: var(--col-danger);
}
.input-test .slot-descrizione {
  grid-column: 1/data-end;
}
.input-test .slot-valore input {
  grid-column: 1/2;
  width: 100%;
  border: 1px solid var(--col-grigio-chiaro);
  padding: 5px 8px;
}
.input-test .slot-note {
  grid-column: 1/data-end;
}
.input-test .slot-fc {
  grid-column: 2/3;
}
.input-test .slot-fc input {
  width: 8em;
}
.input-test .slot-data {
  grid-column: 3/data-end;
}

.select-sport {
  --btn-color: inherit;
  --btn-background: transparent;
  text-align: center;
}
.select-sport .buttons {
  line-height: 0;
  font-size: 70px;
}
.select-sport .buttons button {
  background: var(--btn-background);
  padding: 0;
  line-height: 0;
  border: 0;
  margin: 0 10px;
}
.select-sport .buttons button i {
  --btn-color: var(--col-grigio-chiaro);
  color: var(--btn-color);
}
.select-sport .buttons button.active i, .select-sport .buttons button:hover i {
  --btn-color: var(--ico-color);
}
.select-sport h2 {
  display: inline-block;
  font-size: inherit;
  color: #fff;
}

.box-grafici .select-sport .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 50px;
}
.box-grafici .select-sport button.active {
  border-radius: var(--ui-radius);
}
.box-grafici .select-sport button.active i {
  border-radius: var(--ui-radius);
}
.box-grafici .select-sport button i:before {
  margin: 0 !important;
}

.selectAtleta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.selectAtleta .msp-search,
.selectAtleta h4 {
  margin: 0 10px 0;
}

.select-multi-sport {
  --btn-background: transparent;
  --btn-color: inherit;
}
.select-multi-sport .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 50px;
}
.select-multi-sport button {
  color: var(--btn-color);
  background: var(--btn-background);
}
.select-multi-sport button.btn-testo {
  /* da .btn */
  border-radius: var(--btn-border-radius);
  -webkit-box-shadow: var(--box-ombra);
  box-shadow: 1px 2px 2px #333;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding: var(--btn-padding);
  font-variant: all-petite-caps;
  letter-spacing: 0.07em;
  font-size: 20px;
  height: 35px;
  width: 140px;
  border: 1px solid #eee;
  margin: 0 0.5em 0 0;
}
.select-multi-sport button.btn-testo:hover {
  background: var(--btn-hover);
}
.select-multi-sport button.active {
  border-radius: var(--ui-radius);
}
.select-multi-sport button i {
  --btn-color: var(--col-grigio-chiaro);
  color: var(--btn-color);
}
.select-multi-sport button.active i {
  --btn-color: var(--ico-color);
  width: inherit !important;
  /* per togliere l'80px della larghezza */
  border-radius: var(--ui-radius);
}
.select-multi-sport button i:before {
  margin: 0 !important;
}

.select-programmazione {
  border: 1px solid var(--col-grigio-chiaro);
  border-radius: var(--ui-radius);
  padding: 5px;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
}
.select-programmazione .selezione-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.select-programmazione .select-programmazione-piano {
  margin: 0;
  white-space: nowrap;
}
.select-programmazione .select-programmazione-label {
  white-space: nowrap;
  text-align: right;
}
.select-programmazione .msp-ui-pane {
  margin: 0;
}
.select-programmazione .msp-confirm {
  width: auto;
  margin-right: 10px;
}

.scheda--atleta .msp-videos .video-list .video-link {
  background-color: transparent;
}

.msp-ui-tooltip {
  --width: 300px;
  --text-align: left;
  width: var(--width);
  text-align: var(--text-align);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  padding: 0.5em;
  background: #fff;
  border-radius: var(--ui-radius);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
}
.msp-ui-tooltip__tr, .msp-ui-tooltip__rt {
  top: 0;
  right: 0;
}
.msp-ui-tooltip__br, .msp-ui-tooltip__rb {
  top: 100%;
  right: 0;
}
.msp-ui-tooltip__bl, .msp-ui-tooltip__lb {
  top: 100%;
  left: 0;
}
.msp-ui-tooltip__tl, .msp-ui-tooltip__lt {
  top: 0;
  left: 0;
}

.js_popper:hover .msp-ui-tooltip,
.msp-ui-tooltip.active {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  z-index: var(--z-tooltip);
}

.js_popper {
  position: relative;
  cursor: help;
  margin-left: 1em;
}

.msp-fusioncharts {
  height: 100%;
}

.x_panel {
  position: relative;
  width: 100%;
  margin: 10px 0 15px;
  display: inline-block;
  background: #fff;
  column-break-inside: avoid;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.x_title {
  margin: 0 0 10px 0;
  background-color: var(--col-msp);
}
.x_title .filter {
  width: 40%;
  float: right;
}
.x_title span {
  color: var(--col-grigio-medio);
}
.x_title h2 {
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: var(--size-titoli-negativi);
  font-variant: all-small-caps;
  color: #fff;
  padding: var(--padding-titoli-negativi);
  margin: 0;
}

.panel_toolbox {
  float: right;
}

.panel_toolbox > li {
  float: left;
  cursor: pointer;
}

.panel_toolbox > li > a {
  padding: 5px;
  color: #fff;
  font-size: 14px;
}

.panel_toolbox > li > a:hover {
  color: var(--col-grigio-scuro);
}

.x_content {
  padding: 0 5px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
}

.x_content h4 {
  font-size: 1em;
  font-weight: 500;
}

body .font-x {
  font-size: 1.5em;
}

.panels-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
}

.msp-ui-sidebar .menu-table-allenamenti,
.msp-ui-sidebar .menu-table-test {
  position: relative;
  padding: 0;
}
.msp-ui-sidebar .menu-table-allenamenti div.blocco-sport,
.msp-ui-sidebar .menu-table-test div.blocco-sport {
  position: relative;
  margin-bottom: 1.2em;
}

.reset-allenamento {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reset-allenamento__label {
  margin: 0 0.5;
  white-space: nowrap;
}

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

.sport-praticati {
  margin-bottom: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  margin-right: 1em;
}
.sport-praticati button {
  margin-right: 2em;
}
.sport-praticati .nota {
  font-size: 0.8em;
  margin-bottom: 1.5em;
}

.ore-settimanali {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0.2em;
  background-color: var(--col-grigio-chiarissimo);
  padding: 0.7em 0.5em 0;
}
.ore-settimanali:before {
  content: "\e822";
  color: #C25719;
  font-family: "msp";
  font-size: 2.5em;
  margin-right: 10px;
}
.ore-settimanali p {
  margin: 0;
}
.ore-settimanali span {
  font-weight: bold;
  font-size: 2em;
}

.istruzioni {
  margin-bottom: 0.5em;
}

.istruzioni,
.preistruzioni {
  font-style: italic;
  color: var(--col-grigio-medio);
  margin-top: 0.5em;
}

.autovalutazione {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.autovalutazione-sport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sport-praticato {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1em;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.sport-praticato .sport-praticato__icon {
  font-size: 6rem;
  line-height: 0;
}
.sport-praticato .sport-praticato__livello {
  width: 100px;
}
.sport-praticato .sport-praticato__livello input {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sport-praticato .sport-praticato__livello p,
.sport-praticato .sport-praticato__livello .msp-rating,
.sport-praticato .sport-praticato__livello input {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}
.sport-praticato .sport-praticato__buttons input {
  padding: 0px 5px 0px;
  margin: 2px 0 0 5px;
  width: 22px;
  height: 22px;
}
.sport-praticato .sport-id {
  font-size: 1.5em;
  color: var(--col-grigio-medio);
}
.sport-praticato form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.sport-praticato form .sport-nome {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.5em;
  padding: 0 0 0 0.5em;
  color: var(--col-grigio-scuro);
}
.sport-praticato form .ranking fieldset {
  padding: 0;
}
.sport-praticato form .bottoni {
  padding-left: 2em;
}

.settimana-sport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2px;
  background: var(--col-grigio-chiaro);
  margin: 0px 2px 2px 2px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  border-radius: var(--ui-radius);
}
.settimana-sport .settimana-sport__icon {
  font-size: 3rem;
}
.settimana-sport .settimana-sport__livello {
  width: 100px;
}
.settimana-sport .settimana-sport__buttons input {
  padding: 0px 5px 0px;
  width: 22px;
  height: 22px;
}
.settimana-sport .settimana-sport__durata select {
  width: 8rem;
  text-align: right;
}
.settimana-sport .sport-id {
  font-size: 1.5em;
  color: var(--col-grigio-medio);
}
.settimana-sport form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.settimana-sport form .sport-nome {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.5em;
  padding: 0 0 0 0.5em;
  color: var(--col-grigio-scuro);
}
.settimana-sport form .ranking fieldset {
  padding: 0;
}
.settimana-sport form .bottoni {
  padding-left: 2em;
}

.settimana-tipo {
  margin: 0;
}
.settimana-tipo thead th {
  text-align: center;
  padding-bottom: 0;
}
.settimana-tipo thead th h4 {
  margin: 0;
}
.settimana-tipo h4 {
  margin: 0 0 0.2em;
}
.settimana-tipo tbody td {
  border: 1px solid var(--col-grigio-chiaro);
  vertical-align: top;
  width: 9em;
  text-align: center;
  background: #fff;
  padding: 5px;
}
.settimana-tipo tbody td.fase-giorno {
  width: 6em;
  text-align: left;
  padding: 0;
}
.settimana-tipo tbody td.giorno-riposo {
  background: repeating-linear-gradient(120deg, #fff, #fff 10px, var(--col-grigio-chiarissimo) 10px, var(--col-grigio-chiarissimo) 20px);
}
.settimana-tipo tbody td.giorno-riposo .settimana-sport {
  opacity: 0.5;
}
.settimana-tipo .btn-riposo {
  background-color: var(--col-grigio-chiaro);
  color: var(--col-grigio-scuro);
  padding: 0 5px;
  font-size: 15px;
  text-shadow: none;
  margin-left: 5px;
}
.settimana-tipo .btn-riposo.active {
  background-color: var(--col-grigio-medio);
  font-weight: 600;
}
.settimana-tipo [draggable]:hover i {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.settimana-tipo td .btn--aggiungi {
  opacity: 0;
}
.settimana-tipo td:hover .btn--aggiungi {
  opacity: 0.7;
  display: block;
  pointer-events: all;
  color: var(--col-grigio-medio);
  background: rgba(255, 255, 255, 0.7);
}
.settimana-tipo td:hover .btn--aggiungi:hover {
  opacity: 1;
  color: var(--col-grigio-scuro);
  background: white;
}

.row-sport-praticati + div.msp-form-group label {
  width: auto;
  text-align: left;
  padding-left: 0;
}

.calcolo-test_old {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.calcolo-test_old .calcolo-dati {
  width: 30%;
  padding: 5px;
  margin-right: 10px;
  border: 1px solid var(--col-grigio-chiarissimo);
}
.calcolo-test_old .calcolo-risultati {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.calcolo-test_old input[type=radio] {
  display: none;
}
.calcolo-test_old input[type=radio] + span {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.2em 0.5em;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.calcolo-test_old span img {
  display: block;
  width: 100%;
}
.calcolo-test_old input[type=radio] + span {
  background-color: var(--col-grigio-chiarissimo);
}
.calcolo-test_old input[type=radio]:checked + span {
  background-color: var(--col-msp);
}
.calcolo-test_old input[type=radio] + span,
.calcolo-test_old input[type=radio]:checked + span {
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.gzone {
  border-collapse: separate;
  border: 6px solid var(--col-ui-medium);
  border-radius: var(--ui-radius);
  margin: 0 auto;
}
.gzone tr.gzone-item {
  background: var(--col-grigio-chiaro);
  margin: 1px 0;
  width: 100%;
  position: relative;
}
@media (max-width: 720px) {
  .gzone tr.gzone-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .gzone tr.gzone-item td.label {
    width: 100%;
    display: block;
    text-align: left;
  }
  .gzone tr.gzone-item .bar-container {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .gzone tr.gzone-item .value {
    -ms-flex-preferred-size: 7em;
        flex-basis: 7em;
  }
}
.gzone td {
  padding: 0.2em 0.5em !important;
  line-height: 1;
  border-bottom: 1px solid var(--col-ui-medium);
}
.gzone .label {
  border-right: 1px solid var(--col-ui-medium);
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
  color: inherit;
  font-size: 80%;
  font-weight: normal;
  background: var(--col-grigio-chiarissimo);
}
.gzone .bar-container {
  position: relative;
  padding: 0 !important;
  min-width: 10em;
}
.gzone .value {
  background-color: var(--col-grigio-medio);
  color: #fff;
}
.gzone .percentage {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  color: var(--col-grigio-scuro);
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.5em;
  font-weight: bold;
}
.gzone tr:nth-child(6) .percentage,
.gzone tr:nth-child(7) .percentage {
  text-shadow: -0.1em 0 var(--col-grigio-chiaro) 0 0.1em var(--col-grigio-chiaro) 0.1em 0 var(--col-grigio-chiaro) 0 -0.1em var(--col-grigio-chiaro);
}
.gzone .bar {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
  border-radius: 2px;
}

.no-action {
  pointer-events: none;
}

.msp-tooltip-container {
  position: relative;
}

.msp-tooltip-trigger:hover + .msp-tooltip,
.msp-tooltip-container:hover .msp-tooltip,
.msp-tooltip.active {
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  opacity: 1;
  width: auto;
  height: auto;
  min-width: 300px;
}

.msp-tooltip {
  position: absolute;
  padding: 1em;
  background: var(--col-grigio-scuro);
  color: #fff;
  text-align: left;
  border-radius: 10px;
  z-index: var(--z-tooltip);
  pointer-events: none;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.msp-tooltip.nowrap {
  white-space: nowrap;
}
.msp-tooltip .tooltip--descrizione {
  white-space: pre-wrap;
  margin-bottom: 1em;
}
.msp-tooltip h4 {
  font-size: 16px;
  margin: 5px 0 10px;
}
.msp-tooltip p {
  margin-bottom: 5px;
}

.allenamento-sport-container {
  --space: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--space);
  width: 100%;
  margin-top: 1rem;
}

.allenamento-sport {
  position: relative;
  cursor: pointer;
}
.allenamento-sport input {
  display: none;
}
.allenamento-sport i {
  font-size: 40px;
  border: 1px solid;
}
.allenamento-sport [class*=msp-icon-sport-] {
  width: auto;
  height: auto;
  padding: 3px;
}
.allenamento-sport:hover i {
  background-image: var(--btn-hover);
}
.allenamento-sport:hover i:after {
  margin-top: 5px;
  opacity: 1;
}
.allenamento-sport i:after {
  content: attr(title);
  display: block;
  white-space: nowrap;
  position: absolute;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  padding: 0.9em 0.7em 0.8em;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: var(--col-grigio);
  color: #fff;
  z-index: var(--z-top);
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  pointer-events: none;
  margin-top: -20px;
}
.allenamento-sport:first-child i:after {
  left: 0%;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}
.allenamento-sport:last-child i:after {
  right: 0%;
  left: auto;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}
.allenamento-sport:first-child:nth-last-child(1) {
  left: 0%;
  right: auto;
}
.allenamento-sport input:checked ~ i {
  background-image: none;
}
.allenamento-sport input:checked ~ i:before {
  background-color: rgba(225, 225, 225, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

dialog {
  padding: 20px;
  -webkit-box-shadow: 0 0 10px #0006;
          box-shadow: 0 0 10px #0006;
  border-radius: 8px;
  border: none;
}

.modal .modal-dialog,
.modal.fade .modal-dialog,
.modal.in .modal-dialog {
  margin: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.modal.modal-scroll .modal-dialog {
  margin: 0;
  top: 0%;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0%, 0);
          transform: translate3d(-50%, 0%, 0);
}

.modal-overflow,
.modal-overflow .modal-body,
.modal-overflow .modal-content {
  overflow: visible !important;
}

.modal-absolute {
  position: absolute;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  z-index: var(--z-tooltip);
}

.modal-fixed-backdrop {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: calc(var(--z-tooltip) - 1);
}

.modal-fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  z-index: var(--z-tooltip);
}

.modal-fixed-hidden {
  display: none;
}
.modal-fixed-hidden.active {
  display: block;
}

.modal {
  text-align: center;
}
.modal .img-gara {
  height: 4em;
}
.modal .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal p {
  margin: 0;
}
.modal .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal .form-group .control-label {
  padding-top: 0;
  padding-right: 0;
}
.modal .form-group div {
  text-align: left;
}
.modal .form-group div select {
  width: 15em;
}
.modal .form-group div .form-group,
.modal .form-group div .datepicker {
  margin-bottom: 0;
}
.modal .form-group .datepicker .input-group {
  margin: 0 auto;
}
.modal div.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal div.rating input.form-control {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.modal .form-group {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.modal-header {
  color: #fff;
}
.modal-header .close {
  color: #fff;
  opacity: 0.5;
}
.modal-header .modal-title {
  line-height: 1;
}

.modal-header,
.modal-footer {
  padding: 0.5em;
  background: var(--col-grigio-scuro);
}

.modal.modal-fullpage {
  position: fixed;
  overflow: hidden;
  pointer-events: all;
}
@media (max-width: 720px) {
  .modal.modal-fullpage {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
  }
}
.modal.modal-fullpage .modal-dialog {
  height: 100%;
  padding: 1em;
}
.modal.modal-fullpage .modal-dialog.modal-lg {
  width: 90%;
}
@media (max-width: 720px) {
  .modal.modal-fullpage .modal-dialog {
    z-index: calc(var(--z-top) + 10);
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 100% !important;
    height: 100% !important;
  }
}
.modal.modal-fullpage .modal-content {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 0px 8px 1px #e1e1e1;
          box-shadow: 0px 0px 8px 1px #e1e1e1;
}
.modal.modal-fullpage .modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow-y: scroll;
  padding-bottom: 100px;
  padding: 1em 0.7em;
}

.modal-gara .modal-lg,
.modal-impegno .modal-lg {
  max-width: 40em;
}

.modal-gara .ev-all__icon {
  font-size: 3em;
}
.modal-gara .modal-lg {
  max-width: 30em;
}
.modal-gara .gara-grid,
.modal-gara form {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-gara form .gara-label {
  justify-self: flex-end;
  grid-column: 1;
}
.modal-gara form .gara-input {
  grid-column: 2;
}
.modal-gara form label {
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: normal;
}
.modal-gara form label em {
  font-weight: 300;
}
.modal-gara form label.gara-fullwidth {
  text-align: center;
}
.modal-gara form .gara-fullwidth {
  grid-column: 1/-1;
}
.modal-gara .msp-valutazione .msp-valutazione-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.modal-gara .msp-valutazione .valutazione-icona {
  font-size: 2em;
}
.modal-gara .msp-valutazione .valutazione-testo {
  font-size: 0.5em;
}
.modal-gara .gara-gruppi-dati {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 451px) {
  .modal-gara .gara-gruppi-dati {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (max-width: 400px) {
  .modal-gara .gara-gruppi-dati {
    -ms-flex-preferred-size: 90% !important;
        flex-basis: 90% !important;
  }
}
.modal-gara .gara-descrizione {
  width: 100%;
}
.modal-gara .gara-descrizione input {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: var(--col-grigio-scuro);
  border-radius: 0;
  border-width: 0 0 5px 0;
  border-color: var(--col-msp);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  margin: 0 0 5px 0;
  padding-left: 5px;
}
.modal-gara .gara-descrizione input:hover {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.modal-gara .gara-descrizione input:focus {
  background: var(--col-msp-chiaro);
}
.modal-gara .gara-sport i {
  margin-left: 10px;
  font-size: 4em;
}
.modal-gara .gara-data .datepicker {
  margin: 0;
}
.modal-gara .rating .img-gara {
  margin-right: 10px;
}
.modal-gara .dopogara {
  border: 1px solid var(--col-grigio-chiaro);
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}
.modal-gara .gara-tempo {
  margin-bottom: 10px;
}
.modal-gara .gara-note,
.modal-gara .gara-note-allenatore {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.modal-gara .gara-note label,
.modal-gara .gara-note-allenatore label {
  width: auto;
  text-align: center;
}
.modal-gara .gara-risultato {
  padding: 7px;
  text-align: left;
  margin: 0 var(--ui-space) var(--ui-space) 0;
}
.modal-gara .gara-risultato header {
  text-align: inherit;
  padding: 0;
}
.modal-gara .gara-risultato .testo {
  text-align: inherit;
  font-size: 1.5em;
  padding: 0;
}

.edit-impegno .impegno-data {
  margin-bottom: 1em;
}
.edit-impegno .impegno-tipo {
  margin-right: 1em;
}
.edit-impegno .impegno-tipo i[class^=msp-icon-impegno-] {
  display: block;
  font-size: 5rem;
  color: var(--col-grigio-scuro);
  margin: 1rem 0;
}
.edit-impegno .impegno-gruppi-dati {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.edit-impegno .impegno-descrizione {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

#modal-feedback .feedback-note,
#modal-feedback .feedback-rating {
  margin-bottom: 0.5em;
}
#modal-feedback input,
#modal-feedback .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#modal_messaggio .message,
#modal_messaggio form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#modal_messaggio textarea {
  width: 100%;
}
#modal_messaggio .destinatario,
#modal_messaggio textarea {
  margin-bottom: 0.5em;
}

#modal_profilo .modal-body > div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#modal_profilo h4 {
  width: 320px;
}

.modal-profilo .modal-header {
  border: 0;
}
.modal-profilo .modal-content {
  overflow-y: scroll;
  height: 90vh;
}
.modal-profilo .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-profilo .img-avatar {
  height: 100px;
  width: 100px;
  -webkit-box-shadow: 0 0 3px 1px var(--col-grigio-chiarissimo);
          box-shadow: 0 0 3px 1px var(--col-grigio-chiarissimo);
  margin-bottom: 1.5em;
}
.modal-profilo .profile_img {
  margin-bottom: 1em;
  width: 200px;
  margin: 0;
}
.modal-profilo .profile_img img {
  width: 100%;
}
.modal-profilo h4 {
  font-size: var(--size-titoli-negativi);
  font-variant: all-small-caps;
  color: #fff;
  padding: var(--padding-titoli-negativi);
  background-color: var(--col-msp);
  margin: 0.5em 0;
}
.modal-profilo h4:first-child {
  margin-top: 0;
}
.modal-profilo h5, .modal-profilo h6 {
  line-height: 1;
  display: block;
  margin: 0;
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  padding: 0 0.5em 0 2em;
  width: auto;
  color: var(--col-grigio-medio);
  white-space: nowrap;
}
.modal-profilo h5 {
  color: #000;
  border-bottom: 2px solid var(--col-grigio-chiaro);
  padding: 1.5em 0 0.2em;
  margin-bottom: 0.5em;
  width: 100%;
  text-align: center;
}
.modal-profilo .modal-header h4 {
  background: none;
}
.modal-profilo p {
  font-weight: 500;
}
.modal-profilo p span {
  font-weight: 300;
  font-style: italic;
}
.modal-profilo p.textarea {
  line-height: 1;
}
.modal-profilo .social a {
  color: var(--col-msp);
}
.modal-profilo .social a span {
  display: none;
}
.modal-profilo .btn {
  margin-left: 1em;
}
.modal-profilo .msp-form-group {
  padding: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.modal-profilo .msp-form-group.fotodati {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal-profilo .msp-form-group.fotodati .msp-form-group-column div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-profilo.compatto .msp-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-profilo .profilo-psicologico .msp-form-group {
  padding: 0.5em 0;
  border-bottom: 1px solid var(--c--col-grigio-chiarissimo);
}
.modal-profilo .group-livello p {
  margin-right: 1em;
}
.modal-profilo .msp-form-group-row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-profilo .msp-form-group-row div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.msp-modal {
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: var(--z-top);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.msp-modal.active {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.msp-modal .msp-modal-dialog {
  width: 100%;
  max-width: 500px;
}
.msp-modal .msp-modal-dialog .modal-body {
  max-height: 60vh;
}

/** Modal questionario **/
#modal-dynamic .modal-content {
  overflow-y: scroll;
  height: 90vh;
}
#modal-dynamic .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}

.modal .v-application--wrap {
  min-height: 100px;
}

.hms input {
  width: 100%;
}

.dettaglio-palestra .td-immagine img {
  display: block;
  width: auto;
  height: 80px;
  background: var(--col-grigio-chiaro);
  color: #fff;
  text-align: center;
}

:root {
  --color-soprasoglia: #c00;
  --color-soglia: #f2b823;
  --color-sottosoglia: #0c0;
}

.grafico-carico {
  height: 100%;
}
.grafico-carico .carico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  overflow: hidden;
  text-shadow: 1px 1px 1px #000;
}
.grafico-carico .carico-soglia {
  --color: var(--color-soglia);
}
.grafico-carico .carico-sopra {
  --color: var(--color-soprasoglia);
}
.grafico-carico .carico-sotto {
  --color: var(--color-sottosoglia);
}

.grafico-carico--full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.grafico-carico--full .grafico-carico__bar {
  display: none;
}
.grafico-carico--full .grafico-carico__valori {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.grafico-carico--full .valore__container {
  color: var(--color);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  padding: var(--ui-space);
  border-right: 2px solid;
  text-align: right;
}
.grafico-carico--full .valore__percentage {
  font-weight: bold;
  font-size: 1.5em;
}
.grafico-carico--full .valori__labels {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.grafico-carico--full .valori__values {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.grafico-carico--full .valori__values p {
  text-align: right;
}

:root {
  --height-zoom-grafico: 200px;
}

.highcharts-plot-band-label {
  width: auto !important;
}

.grafici {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.grafici.grafici-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grafici .slot {
  white-space: nowrap;
  color: var(--text-color);
  background: var(--background-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 var(--ui-space);
  padding: var(--ui-space);
  border-radius: var(--ui-radius);
}
.grafici .slot.slot__label {
  border: 0;
  background: none;
}
.grafici .slot.invert {
  color: var(--background-color);
  background: var(--text-color);
}
.grafici .slot--label {
  display: inline-block;
  margin: 0 var(--ui-space);
}
.grafici .msp-bar-value {
  font-size: 1em;
}
.grafici .msp-bar {
  width: 100px;
}

[class*=slots-grid] {
  display: grid;
  --cols: 2;
  grid-template-columns: repeat(var(--cols), 1fr);
}

.slots-grid-2 {
  --cols: 2;
}

.grid-full {
  grid-column: 1/-1;
}

.slots-grid-3 {
  --cols: 3;
}

.slots-grid-4 {
  --cols:4;
}

.modal-footer--grafici {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.modal-footer--grafici .slot,
.toolbar .slot {
  color: #000;
}
.modal-footer--grafici .grafico-andature,
.toolbar .grafico-andature {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  height: 100%;
  min-height: 40px;
}
.modal-footer--grafici .grafico-andature.active,
.toolbar .grafico-andature.active {
  z-index: var(--z-top);
  position: absolute;
  bottom: 100%;
  left: 0px;
  width: 100%;
  height: var(--height-zoom-grafico);
  background: #fff;
  padding: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.am4c-grafico {
  height: 300px;
}

#grafico_zone {
  height: 400px;
}

.analisi-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page-carico .msp-lo-content__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  height: 100%;
}
.page-carico .carico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow-x: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-carico .carico__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow: auto;
  overflow-x: hidden;
}
.page-carico .analisi-periodo,
.page-carico .analisi-sport,
.page-carico .analisi-selettore-temporale {
  padding: 0.1em 1em 0.3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-carico .analisi-periodo h4,
.page-carico .analisi-sport h4,
.page-carico .analisi-selettore-temporale h4 {
  margin-right: 0.5em;
  font-weight: 300;
}
.page-carico .analisi-periodo h4 span,
.page-carico .analisi-sport h4 span,
.page-carico .analisi-selettore-temporale h4 span {
  font-weight: bold;
}
.page-carico .analisi-periodo select,
.page-carico .analisi-sport select,
.page-carico .analisi-selettore-temporale select {
  width: 11em;
}
.page-carico .analisi-periodo {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-carico .analisi-periodo > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-carico .analisi-filtro,
.page-carico .analisi-report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-carico .analisi-filtro {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5em;
}
.page-carico .analisi-filtro > div {
  border: 2px solid var(--col-grigio-chiaro);
  border-bottom: 0;
  border-top: 0;
  border-left: 0;
}
.page-carico .analisi-filtro > div:last-child {
  border-right: 0;
}
.page-carico .analisi-report {
  background-color: var(--col-grigio-chiarissimo);
  padding: 0.5em 0 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-carico .analisi-report .box-report {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.page-carico .analisi-report .box-report__content {
  padding-left: 3em;
  position: relative;
}
.page-carico .analisi-report .box-report__content:before {
  font-family: "msp";
  font-size: 2.5em;
  position: absolute;
  top: 0%;
  left: 0%;
}
.page-carico .analisi-report .box-report.giorni .box-report__content:before {
  content: "\f274";
  color: #AD1B0E;
}
.page-carico .analisi-report .box-report.attivita .box-report__content:before {
  content: "\e82c";
  color: #4F8D00;
}
.page-carico .analisi-report .box-report.durata .box-report__content:before {
  content: "\e822";
  color: #C25719;
}
.page-carico .analisi-report .box-report.riposo .box-report__content:before {
  content: "\f133";
  color: #4587F0;
}
.page-carico .analisi-report .box-report span {
  font-weight: bold;
  font-size: 2em;
}
.page-carico .analisi-report.totale-singolo {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.5em;
}
.page-carico .analisi-report.totale-singolo .box-report__content {
  padding-left: 2em;
}
.page-carico .analisi-report.totale-singolo .box-report__content:before {
  font-size: 1.5em;
}
.page-carico .analisi-report.totale-singolo .box-report.distanza .box-report__content:before {
  content: "\e823";
  color: var(--col-ui-primary);
}
.page-carico .analisi-report.totale-singolo .box-report,
.page-carico .analisi-report.totale-singolo .box-report,
.page-carico .analisi-report.totale-singolo .box-report {
  width: 100%;
  padding: 0.5em 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-carico .analisi-report.totale-singolo .box-report.durata,
.page-carico .analisi-report.totale-singolo .box-report.distanza {
  border-top: 1px solid #fff;
}
.page-carico .analisi-report.totale-singolo span {
  font-size: 1.5em;
}
.page-carico .box-grafici {
  border-top: 3px solid var(--col-grigio-chiarissimo);
  padding-top: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
}
.page-carico .box-grafici > div:first-child {
  background-color: var(--col-grigio-chiarissimo);
  min-width: 230px;
}
.page-carico .box-grafici h5 {
  font-size: 1.4em;
  margin: 0.5em 0;
}
.page-carico .box-grafici .msp-segment {
  margin-top: 1.5em;
}
.page-carico .box-grafici [class*=contenitore-totale-singolo-] {
  position: relative;
  border-right: 7px solid transparent;
}
.page-carico .box-grafici [class*=contenitore-totale-singolo-]:before {
  font-family: "msp";
  font-size: 12em;
  position: absolute;
  top: 140px;
  left: 0;
}
.page-carico .box-grafici .contenitore-totale-singolo-3 {
  border-right-color: #358ab5;
}
.page-carico .box-grafici .contenitore-totale-singolo-3:before {
  content: var(--ico-nuoto);
  color: #358ab5;
}
.page-carico .box-grafici .contenitore-totale-singolo-2 {
  border-right-color: #399434;
}
.page-carico .box-grafici .contenitore-totale-singolo-2:before {
  content: var(--ico-ciclismo);
  color: #399434;
}
.page-carico .box-grafici .contenitore-totale-singolo-1 {
  border-right-color: #cc2323;
}
.page-carico .box-grafici .contenitore-totale-singolo-1:before {
  content: var(--ico-podismo);
  color: #cc2323;
}
.page-carico .selettore-temporale .msp-segment {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-carico .select-sport .buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-carico .select-sport .buttons button {
  margin: 0 10px 0 0;
}

.page-attivita_elenco .msp-lo-content__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-attivita_elenco .attivita_elenco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.page-attivita_elenco .col-md-12 {
  overflow-y: auto;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-attivita_elenco th {
  position: sticky;
  top: 0;
  z-index: calc(var(--z-index-popup) - 1);
  background-color: #fff;
}
.page-attivita_elenco .buttons {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-attivita_dettaglio {
  /* Tooltip container */
  /* Styles for custom tooltip template */
}
.page-attivita_dettaglio .leaflet-container {
  font-size: 1em;
}
.page-attivita_dettaglio .leaflet-control-attribution.leaflet-control {
  font-size: 0.6em;
}
.page-attivita_dettaglio .allenamento-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-attivita_dettaglio a.btn-1 {
  display: inline-block;
  padding: 2px 5px 2px 5px;
  /* // border:1px solid #333 !important; */
  margin: 0 0.3em 0.3em 0;
  border-radius: 0.12em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  font-weight: normal;
  color: #666;
  text-align: left;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 0.8em;
}
.page-attivita_dettaglio a.btn-1:hover {
  color: #000000;
  /* // background-color:#f9f9f9; */
}
.page-attivita_dettaglio .header-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-attivita_dettaglio .header-area h4 {
  margin: 0;
}
.page-attivita_dettaglio .header-area__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-attivita_dettaglio .header-area__column.header-area__allenamento-icona {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.page-attivita_dettaglio .header-area__column.header-area__allenamento-icona i {
  font-size: 60px;
}
.page-attivita_dettaglio .header-area__allenamento-titolo {
  position: relative;
}
.page-attivita_dettaglio .header-area__allenamento-titolo input {
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  color: var(--col-grigio-scuro);
  border-radius: 0;
  border-color: var(--col-grigio-chiaro);
  padding: 2px;
  margin-bottom: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  margin: 0;
  padding: 0px;
}
.page-attivita_dettaglio .header-area__allenamento-descrizione {
  position: relative;
  grid-column: 2;
  grid-row: 2;
}
.page-attivita_dettaglio .header-area__allenamento-descrizione p {
  margin: 0;
}
.page-attivita_dettaglio .header-area__attivita-allenamento {
  position: relative;
}
.page-attivita_dettaglio .header-area__attivita-allenamento h4 {
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  width: 350px;
  text-overflow: ellipsis;
}
.page-attivita_dettaglio .header-area__attivita-descrizione {
  position: relative;
  grid-column: 3;
  grid-row: 2;
}
.page-attivita_dettaglio .header-area__attivita-descrizione .buttons {
  margin-top: 10px;
}
.page-attivita_dettaglio .header-area__attivita-descrizione p {
  margin: 0;
}
.page-attivita_dettaglio .header-area__attivita-percentuale {
  position: relative;
  grid-column: 4;
  grid-row: 1/-1;
}
.page-attivita_dettaglio .header-area .div_percRaggiungimento {
  width: 100%;
  height: 100%;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  font-size: 3em;
  font-weight: bold;
  color: #f6f6f6;
}
.page-attivita_dettaglio .header-area #div_titoloAllenamento {
  font-size: 20px;
  font-weight: normal;
}
.page-attivita_dettaglio .link {
  font-size: 11px !important;
  margin-left: 10px;
}
.page-attivita_dettaglio .tooltip {
  position: absolute !important;
}
.page-attivita_dettaglio .tooltip-dettagli {
  z-index: var(--z-tooltip);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  background: #fff;
}
.page-attivita_dettaglio .tooltip-dettagli-header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "title|close";
}
.page-attivita_dettaglio .tooltip-dettagli-header .btn-close {
  grid-area: close;
}
.page-attivita_dettaglio .tooltip-dettagli-content {
  padding: 1em;
}
.page-attivita_dettaglio #div_allenamentoAssegnato .sottotitolo {
  font-size: 12px;
  font-weight: 600;
  position: relative;
}
.page-attivita_dettaglio #div_allenamentoAssegnato .sottotitolo p {
  margin: 0;
}
.page-attivita_dettaglio .icoSport {
  width: 45px;
  height: 45px;
  background-color: #fff;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: contain;
}
.page-attivita_dettaglio #div_titolo p {
  font-size: 0.8em;
  padding: 2px 10px 2px 10px;
  margin: 0px;
}
.page-attivita_dettaglio #div_titolo #div_mostraTitolo {
  width: 100%;
}
.page-attivita_dettaglio h4.titolo {
  font-size: 20px;
  font-weight: 600;
  border-bottom: 2px solid #000;
}
.page-attivita_dettaglio #div_titolo .sottotitolo {
  font-size: 12px;
  font-weight: 600;
}
.page-attivita_dettaglio #div_titolo .input_titolo {
  width: 100%;
  background-color: #fcfcfc;
}
.page-attivita_dettaglio #div_titolo .input_titolo:focus {
  outline: none;
  border-bottom: 2px solid #000;
}
.page-attivita_dettaglio #div_riepilogo {
  background-color: #f9f9f9;
  padding: 0 10px;
}
.page-attivita_dettaglio #div_riepilogo .nomeParametroBold {
  border: 0px;
  font-size: 0.8em;
  margin: 0px;
  color: #666;
  display: inline-block;
  width: 130px;
  font-weight: bold;
  line-height: 28px;
}
.page-attivita_dettaglio #div_riepilogo .nomeParametroLight {
  border: 0px;
  font-size: 0.8em;
  margin: 0px;
  color: #666;
  display: inline-block;
  width: 130px;
  font-weight: normal;
  line-height: 28px;
}
.page-attivita_dettaglio #div_riepilogo .valParametroBold {
  border: 0px;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  display: inline-block;
  width: 100px;
}
.page-attivita_dettaglio #div_riepilogo .valParametroBoldSmall {
  border: 0px;
  font-size: 0.8em;
  font-weight: normal;
  color: #333;
  display: inline-block;
  width: 80px;
  line-height: 20px;
}
.page-attivita_dettaglio #div_riepilogo .valParametroLight {
  border: 0px;
  font-size: 0.8em;
  font-weight: normal;
  color: #666;
  display: inline-block;
  width: 100px;
}
.page-attivita_dettaglio #div_riepilogo .valParametroLightSmall {
  border: 0px;
  font-size: 0.7em;
  font-weight: normal;
  color: #666;
  display: inline-block;
  width: 80px;
}
.page-attivita_dettaglio #div_riepilogoZone {
  background-color: #f9f9f9;
  padding: 10px;
}
.page-attivita_dettaglio #valoriCursore {
  margin-bottom: 20px;
  margin-top: -10px;
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  color: #000;
  padding: 5px;
  text-align: center;
}
.page-attivita_dettaglio #valoriCursore .div_label {
  display: inline-block;
  font-size: 0.8em;
  width: 140px;
}
.page-attivita_dettaglio #valoriCursore .span_value {
  font-size: 1.1em;
  width: 60px;
  font-weight: 600;
}
.page-attivita_dettaglio #tab_lap {
  font-size: 0.8em;
  padding-top: 10px;
}
.page-attivita_dettaglio #tab_lap_wrapper [class^=col] {
  padding: 0;
}
.page-attivita_dettaglio #tab_lap thead {
  font-weight: bold;
}
.page-attivita_dettaglio #tab_lap tbody tr:hover {
  background-color: #d2ffbd;
}
.page-attivita_dettaglio .btns_grafico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 20px;
  border-bottom: 1px solid var(--col-grigio-scuro);
}
.page-attivita_dettaglio .variant {
  display: inline-block;
  margin-left: 7px;
  font-size: 0.8em;
  font-weight: bold;
  color: #000;
}
.page-attivita_dettaglio .btn_misuraTabellaLap,
.page-attivita_dettaglio .btn_misuraGraficoLap {
  cursor: pointer;
  background-color: #c9c9c9;
  color: #000 !important;
  border: 1px solid #000000 !important;
  border-radius: 5px 5px 0 0;
  font-size: 0.8em;
  padding: 3px 6px;
  margin: 0 3px;
  position: relative;
  text-align: center;
  top: 1px;
  width: 90px;
}
.page-attivita_dettaglio .btn_misuraTabellaLap.active,
.page-attivita_dettaglio .btn_misuraGraficoLap.active {
  cursor: pointer;
  background-color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #fff !important;
}
.page-attivita_dettaglio .titoloSezione {
  background-color: #333 !important;
  color: #fff !important;
  padding: 2px 10px 2px 10px;
  font-size: 0.9em;
  line-height: 28px;
}
.page-attivita_dettaglio .titoloSezioneLight {
  color: #666 !important;
  padding: 2px 0px 2px 0px;
  font-size: 0.8em;
  font-weight: bold;
}
.page-attivita_dettaglio .linkChartRiepilogo {
  color: #939393;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}
.page-attivita_dettaglio .rating-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.page-attivita_dettaglio .rating-area .titolo {
  font-size: 0.9em;
}
.page-attivita_dettaglio .rating-area .btn_rating_label {
  font-size: 0.7em;
}
.page-attivita_dettaglio .rating-area .btn_rating {
  padding: 0px;
  line-height: 40px;
  border-radius: 15px;
  width: 45px;
  height: 45px;
  display: inline-block;
  border: 1px solid #666 !important;
  margin: 1px;
  cursor: pointer;
  opacity: 0.3;
}
.page-attivita_dettaglio .rating-area .btn_rating:hover {
  opacity: 0.8;
}
.page-attivita_dettaglio .rating-area .btn_rating_selected {
  opacity: 1 !important;
  width: 55px !important;
  height: 55px !important;
  line-height: 50px;
  font-size: 1.2em;
}
.page-attivita_dettaglio .area-commento,
.page-attivita_dettaglio .area-rpe {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-attivita_dettaglio .rating-area textarea {
  width: 100%;
  max-width: 350px;
  height: 150px;
  margin-bottom: 20px;
}
.page-attivita_dettaglio .area-potenzaCritica .divCP {
  width: 100%;
  font-size: 0.9em;
  border: 1px solid #ccc !important;
  text-align: center;
  padding: 5px;
  background-color: #f6f6f6;
}
.page-attivita_dettaglio .area-potenzaCritica .CPLabel {
  font-size: 0.9em;
  line-height: 22px;
}
.page-attivita_dettaglio .area-potenzaCritica .CPValue {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 18px;
}
.page-attivita_dettaglio .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */
}
.page-attivita_dettaglio .tooltip_underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-text-decoration-color: #cc0000;
          text-decoration-color: #cc0000;
}
.page-attivita_dettaglio .tooltip-head {
  color: #fff;
  background: #fcfcfc;
  padding: 10px 10px 5px;
  border-radius: 4px 4px 0 0;
  text-align: center;
  margin-bottom: -2px;
  /* Hide default tooltip rounded corner from top */
}
.page-attivita_dettaglio .tooltip-head .glyphicon {
  font-size: 22px;
  vertical-align: bottom;
}
.page-attivita_dettaglio .tooltip-head h3 {
  margin: 0;
  font-size: 18px;
}
.page-attivita_dettaglio #btn_elimina .msp-confirm__button {
  width: 250px;
  text-align: center;
  border: 2px solid #990000 !important;
  background-color: #cc0000;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 10px;
  cursor: pointer;
}
.page-attivita_dettaglio #tab_gare {
  font-size: 0.8em;
}
.page-attivita_dettaglio #tab_allenamenti {
  font-size: 0.8em;
}
.page-attivita_dettaglio #tab_gare thead {
  font-weight: bold;
}
.page-attivita_dettaglio #tab_allenamenti thead {
  font-weight: bold;
}
.page-attivita_dettaglio #tab_allenamenti tbody tr:hover {
  background-color: #d2ffbd;
  cursor: pointer;
}
.page-attivita_dettaglio #div_allenamentiSimili [class^=col] {
  padding-top: 0;
  padding-bottom: 0;
}
.page-attivita_dettaglio .div-totaliPeriodo {
  text-align: center !important;
  width: 100%;
  margin: 0 auto;
  padding: 5px 2px 5px 2px;
  border-bottom: 1px solid #ccc !important;
}
.page-attivita_dettaglio .div-totaliPeriodo .valoreAssoluto {
  height: 50px;
  text-align: !important;
  font-size: 1em;
  font-weight: 600;
}
.page-attivita_dettaglio .div-totaliPeriodo .valPercentuale {
  font-size: 0.8em;
  font-weight: 400;
}
.page-attivita_dettaglio #div_totaliPeriodo .btn_totaliPeriodo {
  border: 1px solid #000000 !important;
  width: 120px;
  font-size: 0.8em;
  text-align: center;
}
.page-attivita_dettaglio #div_totaliPeriodo .abilitato {
  cursor: pointer;
  background-color: #c9c9c9;
  color: #000 !important;
}
.page-attivita_dettaglio #div_totaliPeriodo .disabilitato {
  background-color: #999;
  color: #666 !important;
  font-style: italic;
}
.page-attivita_dettaglio #div_totaliPeriodo .attivo {
  cursor: pointer;
  background-color: #fff;
  color: #000 !important;
  font-weight: bold;
  border-bottom: 1px solid #fff !important;
}
.page-attivita_dettaglio .nota {
  font-size: 0.8em;
  color: #999;
}
.page-attivita_dettaglio .backdrop {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
}
.page-attivita_dettaglio .div-totaliPeriodo {
  display: grid;
  grid-template-columns: 50px 1fr 1fr;
}
.page-attivita_dettaglio .div-totaliPeriodo .totali-periodo-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-attivita_dettaglio .associazione-backdrop {
  display: none;
}
.page-attivita_dettaglio .associazione-backdrop.active {
  display: block;
}
.page-attivita_dettaglio .associazione-allenamento-attivita {
  display: none;
  position: absolute;
  z-index: 100000;
  background: white;
  -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 11px rgba(0, 0, 0, 0.7);
  padding: 5px;
  border-radius: var(--ui-radius);
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
.page-attivita_dettaglio .associazione-allenamento-attivita.active {
  display: block;
}
.page-attivita_dettaglio .row-allenamento-associato {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-attivita_dettaglio .allenamento-associato-descrizione {
  right: 0;
}
.page-attivita_dettaglio .dettaglio-allenamento {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 1em 0;
}
.page-attivita_dettaglio .dettaglio-allenamento .panel-allenamenti {
  z-index: var(--z-top);
  background: #fff;
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 500px;
  margin: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  --space: 5px;
}
.page-attivita_dettaglio .dettaglio-allenamento .panel-allenamenti__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--space);
  margin: 0 calc(-1 * var(--space));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-attivita_dettaglio .dettaglio-allenamento .panel-allenamenti.active .panel-allenamenti__content {
  display: block;
  padding: var(--space);
  border: 1px solid var(--col-grigio);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.page-attivita_dettaglio .dettaglio-allenamento .panel-allenamenti .panel-allenamenti__content {
  display: none;
}
.page-attivita_dettaglio .dettaglio-allenamento .allenamento-attivita-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
}
.page-attivita_dettaglio .dettaglio-allenamento .dettaglio-allenamento-descrizione {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin: 0 2em 0 0;
}
.page-attivita_dettaglio .dettaglio-allenamento .dettaglio-allenamento-descrizione h3 {
  font-size: 24px;
  font-weight: bold;
}
.page-attivita_dettaglio .dettaglio-allenamento .dettaglio-allenamento-descrizione .descrizione {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-attivita_dettaglio .dettaglio-allenamento .feedback {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.page-attivita_dettaglio .box-dettaglio-container {
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-attivita_dettaglio .box-dettaglio-container h4 {
  margin: 0;
  font-size: 3rem;
  text-align: center;
}
.page-attivita_dettaglio .box-dettaglio-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
}
.page-attivita_dettaglio .potenzacritica-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-attivita_dettaglio .potenzacritica-list {
  padding: 0.2em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}
.page-attivita_dettaglio .box-dettaglio-container.analisilap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-attivita_dettaglio .analisilap-container {
  display: block;
}
.page-attivita_dettaglio .analisilap-grafico {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-attivita_dettaglio .analisilap-selettore {
  text-align: center;
}
.page-attivita_dettaglio .analisilap-selettore__segment {
  display: block;
}
.page-attivita_dettaglio .analisilap-selettore__segment label {
  display: inline-block;
}
.page-attivita_dettaglio .analisilap-table {
  width: 100%;
  margin: auto;
}
.page-attivita_dettaglio .analisilap-table tr.riposo td {
  padding: 2px 8px !important;
  color: var(--col-grigio-medio);
}
.page-attivita_dettaglio .potenzacritica-item {
  background: #eee;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  text-align: right;
  font-size: 16px;
}
.page-attivita_dettaglio .potenzacritica-item__content {
  font-size: 30px;
}
.page-attivita_dettaglio .potenzacritica-item__footer {
  font-weight: bold;
}
.page-attivita_dettaglio .prev-next button {
  color: var(--col-grigio);
  line-height: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.page-attivita_dettaglio .prev-next button i:before {
  font-size: 30px;
}
.page-attivita_dettaglio .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-attivita_dettaglio .box {
  border: 1px solid var(--col-grigio-chiarissimo);
  margin: 5px;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  position: relative;
  padding: 5px 5px 5px 35px;
  white-space: nowrap;
}
.page-attivita_dettaglio .box h4 {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 2px;
}
.page-attivita_dettaglio .box p {
  font-weight: bold;
  font-size: 30px;
}
.page-attivita_dettaglio .box span {
  font-size: 16px;
}
.page-attivita_dettaglio .box:after {
  font-family: "msp";
  font-size: 2.1em;
  position: absolute;
  top: 50%;
  left: -3px;
  -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
  text-align: center;
  width: 40px;
}
.page-attivita_dettaglio .box.distanza:after {
  content: "\e823";
  color: var(--col-ui-primary);
}
.page-attivita_dettaglio .box.tempo:after {
  content: "\e822";
  color: #C25719;
}
.page-attivita_dettaglio .box.passo:after {
  content: "\e82f";
  color: var(--col-msp);
}
.page-attivita_dettaglio .box.calorie:after {
  content: "\f525";
  color: #E78C0C;
}
.page-attivita_dettaglio .box.hr:after {
  content: "\e82e";
  color: #cc0000;
}
.page-attivita_dettaglio .box.carico:after {
  content: "\f1c0";
  color: #8c00cc;
}
.page-attivita_dettaglio .box.dislivello:after {
  content: "\e837";
  color: #00ccb9;
}
.page-attivita_dettaglio .box.cadenza:after {
  content: "\e838";
  color: #128a0b;
}
.page-attivita_dettaglio .box.potenza:after {
  content: "\e839";
  color: #0cdce7;
}
.page-attivita_dettaglio .box.velocita:after {
  content: "\e83c";
  color: #e7cd0c;
}
.page-attivita_dettaglio .dettaglio-mappa {
  height: 300px;
}
.page-attivita_dettaglio .btn-row,
.page-attivita_dettaglio .btn-column {
  --col-background: var(--col-grigio);
  position: relative;
}
.page-attivita_dettaglio .btn-row:before,
.page-attivita_dettaglio .btn-column:before {
  font-size: 28px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.page-attivita_dettaglio .controller-mappa-andamento .btn-row {
  --col-background: var(--col-grigio);
}
.page-attivita_dettaglio .controller-mappa-andamento .btn-row:before {
  font-family: "msp";
  content: var(--ico-colonne);
}
.page-attivita_dettaglio .controller-mappa-andamento .btn-column:before,
.page-attivita_dettaglio .controller-mappa-andamento .btn-column:active:before,
.page-attivita_dettaglio .controller-mappa-andamento .btn-column:focus:before {
  font-family: "msp";
  content: var(--ico-righe);
}
.page-attivita_dettaglio .controller-mappa-andamento.rows .btn-column,
.page-attivita_dettaglio .controller-mappa-andamento.rows .btn-column:active,
.page-attivita_dettaglio .controller-mappa-andamento.rows .btn-column:focus {
  --col-background: var(--col-msp);
  cursor: default;
}
.page-attivita_dettaglio .controller-mappa-andamento.one-row .btn-column {
  --col-background: var(--col-grigio);
}
.page-attivita_dettaglio .controller-mappa-andamento.one-row .btn-row,
.page-attivita_dettaglio .controller-mappa-andamento.one-row .btn-row:active,
.page-attivita_dettaglio .controller-mappa-andamento.one-row .btn-row:focus {
  --col-background: var(--col-msp);
  cursor: default;
}
.page-attivita_dettaglio .container-mappa-andamento.one-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  height: 300px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.page-attivita_dettaglio .container-mappa-andamento.one-row .dettaglio-mappa,
.page-attivita_dettaglio .container-mappa-andamento.one-row .grafico-andamento {
  height: auto;
}
.page-attivita_dettaglio .container-mappa-andamento.one-row .grafico-mappa {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-attivita_dettaglio .container-mappa-andamento.one-row .grafico-andamento {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.page-attivita_dettaglio .attivita_dettaglio_all .feedback-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-attivita_dettaglio .attivita_dettaglio_all label {
  padding-right: 0.5em;
  font-weight: 400;
}
.page-attivita_dettaglio .percentuale-commento {
  white-space: nowrap;
  background-color: var(--col);
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  padding: 10px;
}
.page-attivita_dettaglio .allenamento-descrizione {
  background-color: var(--col-msp-chiarissimo);
  padding: 0.5em 1em;
}
.page-attivita_dettaglio p.valCorrente,
.page-attivita_dettaglio p.valPercentuale,
.page-attivita_dettaglio p.valPrecedente {
  margin: 0;
}
.page-attivita_dettaglio .valCorrente {
  font-weight: bold;
}
.page-attivita_dettaglio .valPercentuale {
  color: var(--col-danger);
}
.page-attivita_dettaglio .valPrecedente {
  font-size: 0.9em;
}
.page-attivita_dettaglio .riepilogo-attivita table {
  font-size: 0.8em;
}

.attivita-percentuale {
  --col: var(--ui-grigio-chiaro);
  margin: var(--ui-space);
  padding: var(--ui-space);
  border: 1px solid var(--col-grigio-chiaro);
  border-radius: var(--ui-radius);
}
.attivita-percentuale .tacche {
  font-size: 12px;
  text-align: center;
  position: relative;
  height: 30px;
  /*max 120 = 100% fact. 0.83333
  70 = 58.3333%
  80 = 66.6666%
  90 = 74.9999%
  100 = 83.3333%
  110 = 91.6666%
  120 = 100%
  */
}
.attivita-percentuale .tacche span {
  position: absolute;
  bottom: 0;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  height: 13px;
}
.attivita-percentuale .tacche span:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  background: #ccc;
  top: -15px;
  right: 0;
}
.attivita-percentuale .tacche span.p70 {
  left: 58.3333%;
}
.attivita-percentuale .tacche span.p80 {
  left: 66.6666%;
}
.attivita-percentuale .tacche span.p90 {
  left: 74.9999%;
}
.attivita-percentuale .tacche span.p100 {
  left: 83.3333%;
  font-weight: bold;
}
.attivita-percentuale .tacche span.p100:before {
  height: 34px;
  width: 2px;
  background: #000;
  top: -39px;
}
.attivita-percentuale .tacche span.p110 {
  left: 91.6666%;
}
.attivita-percentuale .tacche span.p120 {
  left: 100%;
}

.associazione-allenamento-attivita .associazione-allenamento-attivita-allenamento__sport i {
  font-size: 2rem;
}
.associazione-allenamento-attivita__allenamento.deactive td {
  background: var(--col-grigio-chiarissimo);
  color: var(--col-grigio-medio);
  cursor: not-allowed;
}
.associazione-allenamento-attivita__allenamento.active td {
  background: var(--col-ui-evidenza);
  color: #fff;
}

.attivita-elenco-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 10px;
}

.input-filtri {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.attivita-elenco-filtro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--col-grigio-chiarissimo);
  padding: 5px;
}
.attivita-elenco-filtro h4 {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-area {
  padding: 0 20px 0 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.8em;
}
.input-area h4 {
  background: var(--col-grigio);
  color: #fff;
  padding: 2px 5px;
  white-space: nowrap;
}
.input-area .input-area-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.input-area .input-area-options label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  margin: 0;
  padding: 3px 0;
}
.input-area .input-area-options label:hover {
  background: var(--col-grigio-chiaro);
  cursor: pointer;
}
.input-area .input-area-options input {
  margin: 0 5px 0 0;
}

.attivita-elenco-periodo {
  -webkit-box-flex: 350px;
      -ms-flex: 350px 0 0px;
          flex: 350px 0 0;
}

.elenco-attivita table td {
  white-space: nowrap;
}
.elenco-attivita table .elenco-attivita-attivita {
  display: grid;
  grid-template-columns: 30px 1fr;
  white-space: normal;
}
.elenco-attivita table td:nth-child(2) {
  width: 25%;
  min-width: 200px;
}
.elenco-attivita table i {
  font-size: 20px;
  margin-right: 5px;
}
.elenco-attivita table .msp-icon-time {
  color: #C25719;
}
.elenco-attivita table .msp-icon-distance {
  color: var(--col-ui-primary);
}
.elenco-attivita table .msp-icon-passo {
  color: var(--col-msp);
}
.elenco-attivita table .msp-icon-battito {
  color: #cc0000;
}
.elenco-attivita table .msp-icon-calorie {
  color: #E78C0C;
}

.stato-elaborazione {
  --color-elaborato: #0c0;
  --color-non-elaborato: #fc0;
  --color-errore: #c00;
  --color: var(--color-elaborato);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.stato-elaborazione.stato-errore {
  --color: var(--color-errore);
}
.stato-elaborazione.stato-non-elaborato {
  --color: var(--color-non-elaborato);
}
.stato-elaborazione .stato-elaborazione-flag {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background-color: var(--color);
}
.stato-elaborazione .descrizione {
  font-size: 1em;
}
.stato-elaborazione .msp-tooltip-container {
  position: relative;
}
.stato-elaborazione .msp-tooltip-container:hover .msp-tooltip {
  -webkit-transform: translate(20px, -50%);
          transform: translate(20px, -50%);
  top: 0;
  left: auto;
  right: 100%;
  pointer-events: all;
  min-width: auto;
}

.allenamenti-giorno {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.allenamenti-giorno .allenamenti-gorno-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.allenamenti-giorno .allenamenti {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.allenamenti-giorno .test {
  display: grid;
  padding: 0.25em;
  grid-template-columns: auto 1fr;
  font-size: 1.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.allenamenti-giorno .test .msp-icon-test {
  font-size: 1.5em;
}
.allenamenti-giorno .gare p {
  margin: 0;
  padding: 0;
}
.allenamenti-giorno .gara-data .dettagli {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.allenamenti-giorno .gara-data .dettagli .giorno {
  font-size: 2em;
}
.allenamenti-giorno .gara-gara {
  background: var(--col-gara-opaque);
  padding: 5px;
  margin: 5px 0;
}
.allenamenti-giorno .gara-gara .dettagli {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-areas: "icona dati";
}
.allenamenti-giorno .gara-gara .gara-descrizione {
  font-weight: bold;
  font-size: 18px;
}
.allenamenti-giorno .gara-gara .gara-sport-icona {
  grid-column-start: icona-start;
  height: 40px;
  width: 40px;
  display: grid;
  font-size: 30px;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.allenamenti-giorno .gara-gara .gara-sport-icona:before {
  width: auto;
}
.allenamenti-giorno .gara-gara .gara-sport-specialita,
.allenamenti-giorno .gara-gara .gara-descrizione,
.allenamenti-giorno .gara-gara .gara-luogo {
  grid-column-start: dati-start;
}
.allenamenti-giorno .gara-gara .gara-importanza {
  grid-column-start: icona-start;
  grid-row-start: 2;
  height: 25px;
  width: 25px;
}
.allenamenti-giorno .gara-giorni {
  text-align: right;
}

.allenamento-riposo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  background: var(--col-riposo);
  background-image: url("/img/riposo-w-bottom.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  min-height: 250px;
}
.allenamento-riposo h3 {
  text-align: center;
  width: 300px;
  margin: auto;
  padding: 1em 0.3em;
}

.allenamento-giorno-grafico {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  padding: calc(2 * var(--ui-space));
  background: var(--col-grigio-chiarissimo);
}
.allenamento-giorno-grafico .msp-fusioncharts {
  position: sticky;
  top: 20px;
  width: 350px;
  height: 250px;
}

.allenamento-giorno {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  grid-template-columns: 40px 1fr auto;
  grid-template-areas: "icona dati buttons";
  grid-gap: var(--ui-space);
  padding: calc(2 * var(--ui-space));
  grid-column-start: giorni-start;
  border-bottom: 1px solid #000 !important;
}
.allenamento-giorno.active {
  background: var(--col-grigio-chiarissimo);
}
.allenamento-giorno.active .btn-zone {
  --col-background: var(--col-ui-evidenza);
}
.allenamento-giorno .allenamento-giorno-sport {
  font-size: 3rem;
}
.allenamento-giorno .zone-container {
  position: relative;
}
.allenamento-giorno .allenamento-giorno-column {
  margin-bottom: 20px;
}
.allenamento-giorno .allenamento-giorno-testata__icona {
  grid-area: icona;
}
.allenamento-giorno .allenamento-giorno-dati {
  grid-area: dati;
}
.allenamento-giorno .allenamento-giorno-dati h4 {
  margin: 0 0 3px 0;
}
.allenamento-giorno .allenamento-giorno-dati p {
  margin: 0 0 3px 0;
  padding: 0;
}
.allenamento-giorno .allenamento-giorno-dati p.trimp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
}
.allenamento-giorno .allenamento-giorno-dati p.trimp .msp-bar-value {
  font-size: 1em;
}

.allenamenti-giorno-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-column: buttons-start;
}
.allenamenti-giorno-buttons .btn {
  margin: 0 0 var(--ui-space) 0;
}
.allenamenti-giorno-buttons.buttons-giorno {
  padding: calc(2 * var(--ui-space));
}

.mood-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.mood {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.mood-percentage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1em;
}

.mood-item {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  padding: 0 4px;
}

.mood-date {
  font-size: 10px;
  text-align: center;
}

.mood-face {
  max-height: 100%;
  width: auto;
  height: auto;
  max-width: 100%;
}

.media-modal .modal-body {
  overflow-y: auto;
}

.media-items--grid {
  --padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.media-items--grid .media-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 150px;
  margin: 5px;
  padding: var(--padding);
  border: 1px solid var(--col-grigio-chiaro);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.media-items--grid .media-item figure {
  margin: 0;
}
.media-items--grid .media-item figcaption {
  padding: 0.2em;
  text-align: center;
}
.media-items--grid .media-item .media-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.media-items--grid .media-item .media-image-container img {
  display: block;
  max-width: 100%;
}
.media-items--grid .media-item .media-button {
  margin: calc(-1 * var(--padding));
  padding: var(--padding);
  background: var(--col-grigio-chiarissimo);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.media-items--grid .media-item .media-details {
  padding: var(--padding);
}
.media-items--grid .media-item .media-button {
  margin: 0 calc(-1 * var(--padding)) calc(-1 * var(--padding)) calc(-1 * var(--padding));
  background: var(--col-grigio-chiarissimo);
}
.media-items--grid .media-item input {
  display: block;
  width: 100%;
}
.media-items--grid .media-item .msp-confirm__options {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.add-attivita .attivita-distanza input,
.add-attivita .attivita-durata .input-select {
  width: 10em;
}
.add-attivita .attivita-commento textarea {
  width: 340px;
}

.page-dashboard-allenatore .modal-profilo .modal,
.page-dashboard-allenatore .modal-form-acquisto .modal {
  top: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-dashboard-allenatore .questionario {
  padding: 0px 20px;
}
.page-dashboard-allenatore .questionario h6 {
  padding: 5px;
}
.page-dashboard-allenatore .questionario .msp-risposte-acquisto {
  padding: 0 0 10px 0;
  border-bottom: 2px solid var(--col-grigio-chiaro);
}
.page-dashboard-allenatore .certificato-testo {
  font-size: 0.6em;
}
.page-dashboard-allenatore .certificato-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px;
}
.page-dashboard-allenatore .autovalutazione-icon {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-dashboard-allenatore .mood.vecchi {
  width: 100%;
}
.page-dashboard-allenatore .v-data-table .datepicker {
  width: 9em;
  margin-right: 0;
}
.page-dashboard-allenatore .danger {
  color: var(--col-danger);
}
.page-dashboard-allenatore .container-dialog-0 {
  position: relative;
}
.page-dashboard-allenatore .container-dialog-0 .v-small-dialog__content {
  padding: 0 !important;
  margin: 0;
}
.page-dashboard-allenatore .container-dialog-0 .dialog-0 .v-menu__content {
  top: 0 !important;
  left: 0 !important;
}
.page-dashboard-allenatore .header {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-dashboard-allenatore .header.header-tools {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--col-grigio-chiaro);
}
.page-dashboard-allenatore .header .btn-new {
  margin: 0;
}
.page-dashboard-allenatore .header .btn.btn-stato-atleti {
  --col-text: var(--col-grigio);
  --col-background: #fff;
}
.page-dashboard-allenatore .header .btn.btn-stato-atleti.active {
  --col-text: #fff;
  --col-background: var(--col-msp);
}
.page-dashboard-allenatore .header .header-block {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-dashboard-allenatore .header .header-block label {
  margin: 0;
}
.page-dashboard-allenatore .data {
  margin-right: 10px;
}
.page-dashboard-allenatore .ultimo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-dashboard-allenatore .prossima-gara .gara-sport-icona {
  font-size: 1.5em;
  grid-column: 1;
  height: 25px;
  width: 25px;
  display: grid;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-dashboard-allenatore .prossima-gara .gara-sport-icona:before {
  width: auto;
}
.page-dashboard-allenatore .prossima-gara .gara-importanza {
  grid-column: 3;
  height: 25px;
  width: 25px;
}
.page-dashboard-allenatore .watt-kg {
  font-size: 0.8em;
}
.page-dashboard-allenatore .v-data-table-header th {
  padding-top: 10px !important;
  vertical-align: top;
  line-height: 1.2;
}
.page-dashboard-allenatore .v-data-table-header th .v-icon.v-data-table-header__icon {
  display: inline-block;
}
.page-dashboard-allenatore .v-data-table-header th.desc .v-icon.v-data-table-header__icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.page-dashboard-allenatore .v-data-table-header th.desc .v-data-table-header__icon:before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.page-dashboard-allenatore .header.header-tools {
  margin-top: 5px;
  padding: 10px;
}
.page-dashboard-allenatore .report-block {
  background-color: #fff;
  padding: 2px 10px;
  border-radius: 5px;
}
.page-dashboard-allenatore .variazione {
  display: inline-block;
  --icon-color: var(--col-ui-grigio-chiaro);
}
.page-dashboard-allenatore .variazione .msp-icon {
  color: var(--color-icon);
}
.page-dashboard-allenatore .modal {
  text-align: left;
}
.page-dashboard-allenatore .modal h4 {
  text-align: center;
}
.page-dashboard-allenatore .modal p {
  padding: 10px 0px;
}
.page-dashboard-allenatore .modal hr {
  margin: 0 5px;
}
.page-dashboard-allenatore .buttons-atleta {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "atleta share dashboard calendario";
  gap: 3px;
}
.page-dashboard-allenatore .buttons-atleta .button-atleta {
  grid-area: atleta;
}
.page-dashboard-allenatore .buttons-atleta .button-calendario {
  grid-area: calendario;
}
.page-dashboard-allenatore .buttons-atleta .button-dashboard {
  grid-area: dashboard;
}
.page-dashboard-allenatore .buttons-atleta .button-share {
  --color: #000;
  color: var(--color);
  grid-area: share;
}
.page-dashboard-allenatore .buttons-atleta .button-share.active {
  --color: var(--col-msp);
}

.pms-steps-container {
  --background-color-step: var(--col-grigio-chiaro);
  --border-color-step: var(--col-grigio-chiaro);
  --size-step: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-top: var(---size-step);
  position: relative;
}
.pms-steps-container .pms-steps {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  counter-reset: mycounter;
  padding: 0;
  margin-top: 10px;
  padding-top: var(---size-step);
  border-top: 5px dotted var(--border-color-step);
}
.pms-steps-container .pms-steps li {
  position: relative;
  top: -25px;
  width: 200px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pms-steps-container .pms-steps li.done {
  --background-color-step: var(--col-msp);
}
.pms-steps-container .pms-steps li:before {
  content: counter(mycounter);
  counter-increment: mycounter;
  top: 0;
  color: #fff;
  text-align: center;
  display: grid;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--background-color-step);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pms-step {
  opacity: 0;
  pointer-event: none;
  position: relative;
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.pms-step.active {
  opacity: 1;
  pointer-event: all;
  max-height: none;
}

.page-condizione-atletica .testo-nota p {
  text-align: left;
  margin: 10px 0;
}
.page-condizione-atletica .msp-ui-card {
  margin: 20px 0;
}
.page-condizione-atletica .msp-ui-card-content {
  padding: 10px;
}
.page-condizione-atletica .testo-nota {
  border: none;
}
.page-condizione-atletica .carica {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-condizione-atletica .selezionaPeriodo {
  border: none;
}
.page-condizione-atletica .selezionaPeriodo .msp-ui-card-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-condizione-atletica .titoloSezione {
  background-color: #333 !important;
  color: #fff !important;
  padding: 5px 10px 5px 10px;
  font-size: 0.9em;
}
.page-condizione-atletica .titoloNota {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 0.8em;
  font-weight: bold;
  color: #333;
}
.page-condizione-atletica .testoNota {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.8em;
  color: #333;
}
.page-condizione-atletica .intestazione {
  font-size: 0.8em !important;
  color: #000 !important;
}
.page-condizione-atletica #tab_carico {
  table-layout: fixed;
}
.page-condizione-atletica #tab_carico tbody {
  font-size: 0.8em;
}
.page-condizione-atletica #tab_carico tbody .valEffettivo {
  font-size: 1.1em;
  font-weight: 500;
}
.page-condizione-atletica #tab_carico tbody .valAssegnato {
  font-size: 1em;
  color: #aaa;
}
.page-condizione-atletica #noteIndiceCoerenza {
  font-size: 1.2em;
  text-align: center;
}
.page-condizione-atletica #noteIndiceCoerenza .divTitoloSezione {
  margin-top: 15px;
  font-weight: bold;
}
.page-condizione-atletica .containerPerformance {
  display: grid;
  width: 100%;
  gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.page-condizione-atletica .containerPerformance .boxPerformance {
  grid-row: 1;
}
.page-condizione-atletica .containerPerformance .notePerformance {
  --col: initial;
  grid-row: 2;
  grid-column: var(--col);
}

[class*=slots-grid] {
  display: grid;
  grid-gap: var(--ui-space);
  --cols: 2;
  grid-template-columns: repeat(var(--cols), 1fr);
}

.slots-grid-2 {
  --cols: 2;
}

.grid-full {
  grid-column: 1/-1;
}

.slots-grid-3 {
  --cols: 3;
}

.slots-grid-4 {
  --cols:4;
}

.msp-settings {
  position: relative;
}

.msp-toolbox {
  --top: 100%;
  --left: 0;
  --right: auto;
  position: absolute;
  z-index: var(--z-top);
  top: var(--top);
  left: var(--left);
  right: var(--right);
  display: none;
}
.msp-toolbox__container {
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: calc(2 + var(--z-top));
}
.msp-toolbox__header {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msp-toolbox__header h4 {
  margin: 0;
}
.msp-toolbox__content {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.msp-toolbox.active {
  display: block;
}
.msp-toolbox__row {
  display: contents;
}
.msp-toolbox__row .inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}
.msp-toolbox__row .inline label {
  -ms-flex-item-align: center;
      align-self: center;
}
.msp-toolbox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: calc(1 + var(--z-top));
  background: transparent;
}
.msp-toolbox.right {
  --left: auto;
  --right: 0;
}

.msp-infobox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 20px;
}

.msp-infobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  padding: 10px;
  border: 1px solid var(--col-grigio-chiaro);
  border-width: 0 0 0 1px;
  white-space: nowrap;
}

.page-gare [class*=msp-icon-sport-] {
  font-size: 3em;
}
.page-gare .img-gara {
  height: 3em;
}
.page-gare .gare-filtro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.page-gare .gare-filtro-sport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-gare .gare-fitro-sport-item {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 300px;
}
.page-gare .gare-fitro-sport-item:first-child {
  margin-right: 1em;
}

.tabella-gare .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabella-gare th {
  white-space: nowrap;
  vertical-align: top;
}
.tabella-gare th span {
  white-space: normal;
}
.tabella-gare .msp-valutazione .msp-valutazione-item.selected {
  --bg-color: none;
  --border-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tabella-gare .msp-valutazione .msp-valutazione-item.selected .valutazione-testo {
  font-size: 0.6em;
}
.tabella-gare .msp-valutazione .msp-valutazione-item.selected .valutazione-icona {
  background: var(--color);
  font-size: 2em;
}

.prossime-gare p {
  margin: 0;
  padding: 0;
}

.prossime-gare-data .dettagli {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.prossime-gare-data .dettagli .giorno {
  font-size: 2em;
}

.prossime-gare-gara p {
  margin: 0;
}
.prossime-gare-gara .dettagli {
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-template-areas: "icona dati";
}
.prossime-gare-gara .gara-descrizione {
  font-weight: bold;
}
.prossime-gare-gara .gara-sport-icona {
  grid-column-start: icona-start;
  height: 25px;
  width: 25px;
  display: grid;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.prossime-gare-gara .gara-sport-icona:before {
  width: auto;
}
.prossime-gare-gara .gara-sport-specialita,
.prossime-gare-gara .gara-descrizione,
.prossime-gare-gara .gara-luogo {
  grid-column-start: dati-start;
}
.prossime-gare-gara .gara-importanza {
  grid-column-start: icona-start;
  grid-row-start: 2;
  height: 25px;
  width: 25px;
}

.prossime-gare-giorni {
  text-align: right;
}

:root {
  --col-licence: var(--col-msp);
}

.pagina-licenza {
  padding: 30px;
}

.prezzo-finale strong {
  font-size: 2em;
}

.pannelloIscrizione {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pannelloIscrizione .riepilogo-coupon {
  width: 100%;
  max-width: 400px;
  padding: 10px;
  background: var(--col-ui-evidenza-chiaro);
  margin: 10px auto;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.pannelloIscrizione .riepilogo-coupon .buttons {
  border-color: #fff;
}

.ecommerce-messaggio {
  --background-color: var(--col-success);
  text-align: center;
  background: var(--background-color);
  padding: 1em;
  color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
.ecommerce-messaggio.error {
  --background-color: var(--col-danger);
}
.ecommerce-messaggio.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.riepilogo {
  text-align: center;
  padding: 10px;
  margin: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

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

.page-shop .msp-lo-content__main {
  background: var(--col-msp) !important;
}
.page-shop .msp-lo-content__main .page-title {
  color: #fff;
}

.page-checkout .flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-checkout [v-cloak] {
  display: none !important;
}
.page-checkout .cart-free .btn {
  font-size: 2em;
}
.page-checkout .msp-stepper.pms-steps-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-checkout .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 70px;
  border: 1px dotted var(--col-grigio-chiaro);
  border-width: 3px 0;
  padding: 10px;
  margin-bottom: 20px;
  gap: 20px;
}
.page-checkout .buttons .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-checkout .step-title {
  text-align: center;
}
.page-checkout .pms-step {
  max-width: 1000px;
  margin: auto;
}
.page-checkout .pms-step.active {
  padding: 20px 0;
}

.prodotti {
  --col: var(--col-grigio);
  text-align: center;
  padding: 0 20px 20px 20px;
  position: relative;
}

.prodotti-coupon {
  --padding: 10px;
  text-align: left;
  max-width: 600px;
  font-size: 1em;
  padding: var(--padding);
  margin: 20px auto;
  border: 1px solid var(--col);
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  color: #000;
  background: var(--col-ui-evidenza-chiaro);
}
.prodotti-coupon h3 {
  font-size: 2em;
}
.prodotti-coupon .coupon-descrizione {
  margin-bottom: var(--padding);
}
.prodotti-coupon .coupon-finalprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 2em;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}
.prodotti-coupon .coupon-finalprice .euro {
  font-size: 0.5em;
}
.prodotti-coupon form {
  margin: 0;
  padding: var(--padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.prodotti-coupon form .coupon-input {
  padding: 5px;
  font-size: 2em;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: var(--padding);
}

.prodotto {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: left;
  max-width: 600px;
  font-size: 1em;
  margin: 20px auto;
  border: 1px solid var(--col);
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  color: #000;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  display: grid;
  grid-template-columns: 1fr 150px;
  grid-template-areas: "contenuto acquista";
}
.prodotto .prodotto-opzioni {
  grid-area: opzioni;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.prodotto .prodotto-opzione {
  background: var(--col-grigio-chiaro);
  padding: 0.5em;
  font-size: 0.8em;
  margin: 0 5px 0 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-bottom: 10px;
}
.prodotto .prodotto-contenuto {
  grid-area: contenuto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.prodotto .prodotto-nome {
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 2em;
}
.prodotto .prodotto-descrizione {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 0 10px 10px;
}
.prodotto .prodotto-prezzo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}
.prodotto .prodotto-prezzo .euro {
  font-size: 0.5em;
}
.prodotto .prodotto-prezzo .prodotto-iva {
  font-size: 0.5em;
  display: block;
}
.prodotto .prodotto-btn-acquista {
  position: relative;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  opacity: 0;
}
.prodotto .prodotto-acquista {
  grid-area: acquista;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: var(--col-grigio-chiarissimo);
  padding: 10px;
}
.prodotto.has-coupon .prodotto-acquista {
  text-decoration: line-through;
  color: rgba(60, 60, 60, 0.3);
}
.prodotto.has-coupon .prodotto-prezzo {
  font-weight: normal;
  color: var(--col-grigio);
}

a.prodotto:hover {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
a.prodotto:hover .prodotto-btn-acquista {
  opacity: 1;
}

.top-licence {
  display: none;
  background: var(--col-licence);
  color: #fff;
  padding: 5px;
  position: fixed;
  top: 0;
  left: 0;
}
.top-licence.active {
  display: block;
}
.top-licence.licence-alert {
  --col-licence: var(--col-danger);
}

.menu-licence {
  margin: 0 10px;
  background: var(--col-licence);
  color: #fff;
  padding: 5px;
}
.menu-licence.licence-alert {
  --col-licence: var(--col-danger);
}
.menu-licence a {
  color: #fff !important;
  text-decoration: none;
}

.msp-stepper {
  --background-color-step: var(--col-grigio-chiaro);
  --border-color-step: var(--col-grigio-chiaro);
  --size-step: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-top: var(---size-step);
  position: relative;
}
.msp-stepper .msp-stepper-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  counter-reset: mycounter;
  padding: 0;
  margin-top: 10px;
  padding-top: var(---size-step);
  border-top: 5px dotted var(--border-color-step);
}
.msp-stepper .msp-stepper-step {
  position: relative;
  top: -25px;
  width: 200px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msp-stepper .msp-stepper-step.done {
  --background-color-step: var(--col-msp);
}
.msp-stepper .msp-stepper-step.active {
  --background-color-step: var(--col-grigio-scuro);
}
.msp-stepper .msp-stepper-step:before {
  content: counter(mycounter);
  counter-increment: mycounter;
  top: 0;
  color: #fff;
  text-align: center;
  display: grid;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--background-color-step);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msp-stepper .msp-stepper-item {
  opacity: 0;
  pointer-event: none;
  position: relative;
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.msp-stepper .msp-stepper-item.active {
  opacity: 1;
  pointer-event: all;
  max-height: none;
}

.msp-form-group {
  display: block;
  text-align: left;
}
.msp-form-group label {
  display: block;
  text-align: left;
  padding: 0 0 0 5px;
  margin: 0;
  width: 100%;
}

.msp-input,
.msp-select {
  -webkit-appearance: auto !important;
     -moz-appearance: auto !important;
          appearance: auto !important;
  border: 1px solid var(--col-grigio-chiaro);
  border-radius: 5px;
  padding: 5px 10px;
}

.grid-test {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.grid-zone-attive {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "header header header" "dettagli zone grafico";
}
.grid-zone-attive .grid-test-dettagli {
  grid-area: dettagli;
}
.grid-zone-attive .grid-test-zone {
  grid-area: zone;
}

.grid-calcolatore {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 720px) {
  .grid-calcolatore {
    grid-template-columns: 1fr;
  }
}

.grid-storico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grid-storico .col1,
.grid-storico .col2 {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
}

.grid-test-tools {
  grid-column: 1/-1;
}

.slot-valore .input-select {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.slot-valore .msp-ui-pane-input {
  background: var(--col-ui-evidenza);
}

.table-rpe tr:nth-child(1) td {
  border-bottom: #f00 2px solid;
}
.table-rpe tr:nth-child(1) .rpe-index {
  background-color: #f00;
}
.table-rpe tr:nth-child(1) .rpe-text {
  background-color: #ff9999;
}
.table-rpe tr:nth-child(1) .rpe-zone {
  background-color: #ff9999;
}

.table-rpe tr:nth-child(2) td {
  border-bottom: #f20 2px solid;
}
.table-rpe tr:nth-child(2) .rpe-index {
  background-color: #f20;
}
.table-rpe tr:nth-child(2) .rpe-text {
  background-color: #ffa799;
}
.table-rpe tr:nth-child(2) .rpe-zone {
  background-color: #ffa799;
}

.table-rpe tr:nth-child(3) td {
  border-bottom: #f40 2px solid;
}
.table-rpe tr:nth-child(3) .rpe-index {
  background-color: #f40;
}
.table-rpe tr:nth-child(3) .rpe-text {
  background-color: #ffb499;
}
.table-rpe tr:nth-child(3) .rpe-zone {
  background-color: #ffb499;
}

.table-rpe tr:nth-child(4) td {
  border-bottom: #f80 2px solid;
}
.table-rpe tr:nth-child(4) .rpe-index {
  background-color: #f80;
}
.table-rpe tr:nth-child(4) .rpe-text {
  background-color: #ffcf99;
}
.table-rpe tr:nth-child(4) .rpe-zone {
  background-color: #ffcf99;
}

.table-rpe tr:nth-child(5) td {
  border-bottom: #fa0 2px solid;
}
.table-rpe tr:nth-child(5) .rpe-index {
  background-color: #fa0;
}
.table-rpe tr:nth-child(5) .rpe-text {
  background-color: #ffdd99;
}
.table-rpe tr:nth-child(5) .rpe-zone {
  background-color: #ffdd99;
}

.table-rpe tr:nth-child(6) td {
  border-bottom: #ff0 2px solid;
}
.table-rpe tr:nth-child(6) .rpe-index {
  background-color: #ff0;
}
.table-rpe tr:nth-child(6) .rpe-text {
  background-color: #ffff99;
}
.table-rpe tr:nth-child(6) .rpe-zone {
  background-color: #ffff99;
}

.table-rpe tr:nth-child(7) td {
  border-bottom: #df0 2px solid;
}
.table-rpe tr:nth-child(7) .rpe-index {
  background-color: #df0;
}
.table-rpe tr:nth-child(7) .rpe-text {
  background-color: #f1ff99;
}
.table-rpe tr:nth-child(7) .rpe-zone {
  background-color: #f1ff99;
}

.table-rpe tr:nth-child(8) td {
  border-bottom: #af0 2px solid;
}
.table-rpe tr:nth-child(8) .rpe-index {
  background-color: #af0;
}
.table-rpe tr:nth-child(8) .rpe-text {
  background-color: #ddff99;
}
.table-rpe tr:nth-child(8) .rpe-zone {
  background-color: #ddff99;
}

.table-rpe tr:nth-child(9) td {
  border-bottom: #8f0 2px solid;
}
.table-rpe tr:nth-child(9) .rpe-index {
  background-color: #8f0;
}
.table-rpe tr:nth-child(9) .rpe-text {
  background-color: #cfff99;
}
.table-rpe tr:nth-child(9) .rpe-zone {
  background-color: #cfff99;
}

.table-rpe tr:nth-child(10) td {
  border-bottom: #0f0 2px solid;
}
.table-rpe tr:nth-child(10) .rpe-index {
  background-color: #0f0;
}
.table-rpe tr:nth-child(10) .rpe-text {
  background-color: #99ff99;
}
.table-rpe tr:nth-child(10) .rpe-zone {
  background-color: #99ff99;
}

.table-rpe {
  width: 100%;
}
.table-rpe .rpe-index {
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 0.1em;
}
.table-rpe .rpe-zone {
  color: #000;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 0.1em 1em;
}
.table-rpe .rpe-text {
  color: #000;
  vertical-align: middle;
  padding: 0.1em 1em;
}

.test-dettaglio {
  margin: 0;
}
.test-dettaglio .test-dettaglio__header {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.test-dettaglio .test-dettaglio__header h3 {
  font-size: 1.5em;
  margin: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.test-dettaglio .test-dettaglio__header h3 i {
  font-size: 1.2em;
}
.test-dettaglio .test-data {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--col-grigio-medio);
  text-align: right;
}
.test-dettaglio .test-risultato {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold;
  font-size: 1.2em;
}
.test-dettaglio .test-note {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: var(--ui-cellspacing);
  white-space: pre-wrap;
}
.test-dettaglio .table-label {
  width: 30%;
}

.loading-container .loading-pending {
  display: none;
  padding: 1em;
  background: var(--col-grigio-chiaro);
  text-align: center;
}
.loading-container .loading-complete {
  display: block;
}
.loading-container.loading .loading-complete {
  display: none;
}
.loading-container.loading .loading-pending {
  display: block;
}

@media (min-width: 721px) {
  .only-mobile {
    display: none !important;
  }
}

@media (max-width: 720px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (max-width: 720px) {
  body.scheda_allenamento .calendar-head {
    display: none;
  }
  body.scheda_allenamento .calendar-cells {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.scheda_allenamento .evento-allenamento {
    min-height: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body.scheda_allenamento .day-number {
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
  }
  body.scheda_allenamento .cal-type {
    display: none !important;
  }
  body.scheda_allenamento .week-totali {
    margin: 10px 10px 30px 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    width: auto;
  }
  body.scheda_allenamento .week-totali-title .week-number {
    padding: 5px;
    height: auto;
    text-align: center;
  }
}
@media only print {
  @page {
    size: 297mm 210mm !important;
    margin: 10mm !important;
  }
  body {
    margin: 0;
  }

  *,
body.scheda_allenamento .impegno .day-number,
body.scheda_allenamento .impegno.oggi .day-number,
body.scheda_allenamento .oggi .day-number,
i {
    background-color: transparent !important;
  }

  .sheet {
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    page-break-after: always !important;
  }

  table {
    page-break-inside: avoid !important;
  }

  a {
    text-decoration: none !important;
  }

  a:link,
a:visited {
    color: #000 !important;
    background: transparent !important;
  }

  .menu-top,
.nav_menu,
.sidebar,
.cal-nav,
.cal-type,
th.hide-mobile,
td.week-totali.hide-mobile,
.ev-all__feedback {
    display: none !important;
  }

  body.msp .msp-lo-top {
    height: 70px;
  }

  body.msp .msp-lo-top,
body.msp .msp-lo-center {
    position: relative !important;
  }

  body.msp .msp-lo-center {
    top: 0;
    bottom: auto;
  }

  body.msp .msp-lo-content,
body.scheda_allenamento .msp-lo-content__main,
body.scheda_allenamento .table-scroll {
    overflow: visible !important;
    height: 100%;
  }

  body.scheda_allenamento .cal-testata {
    margin: 20px 0 !important;
  }
  body.scheda_allenamento .cal-testata .cal_meseCorrente {
    font-size: 25px !important;
    font-weight: 400 !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .nav_title {
    width: 100%;
  }
  .nav_title a.site_title {
    display: none !important;
  }
  .nav_title .logo-print {
    display: block;
    margin: 10px auto;
    width: 200px;
  }

  body.scheda_allenamento .day-name,
body.scheda_allenamento .day-number {
    border-bottom: 1px solid var(--col-grigio-chiarissimo);
  }

  body.scheda_allenamento .weeks-container td {
    border-left: 1px solid var(--col-grigio-chiarissimo);
    border-right: 1px solid var(--col-grigio-chiarissimo);
  }

  .gare > div:before {
    font-family: "msp";
    content: var(--ico-gara);
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 20px;
  }

  body.scheda_allenamento [class^=evento-] [class*=msp-icon-sport-] {
    background-color: transparent !important;
    border: 1px solid var(--col-grigio-chiaro) !important;
  }

  div {
    border: 0px solid #fcfcfc !important;
  }

  #div_allenamentoAssegnato .titolo {
    font-size: 16px;
    font-weight: 600;
  }

  #div_allenamentoAssegnato .sottotitolo {
    font-size: 12px;
    font-weight: 600;
  }

  #div_titolo .icoSport {
    min-width: 15%;
    min-height: 75px;
    background-color: #fff;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #div_titolo p {
    font-size: 0.8em;
    padding: 2px 10px 2px 10px;
    margin: 0px;
  }

  #div_titolo #div_mostraTitolo {
    width: 100%;
  }

  #div_titolo .titolo {
    font-size: 20px;
    font-weight: 600;
    padding: 14px 0px 0px 0px;
  }

  #div_titolo .sottotitolo {
    font-size: 12px;
    font-weight: 600;
  }

  #div_titolo .input_titolo {
    width: 100%;
    background-color: #fcfcfc;
  }

  #div_titolo .input_titolo:focus {
    outline: none;
    border-bottom: 2px solid #000;
  }

  #div_riepilogo {
    background-color: #f9f9f9;
    padding: 10px;
  }

  #div_riepilogo .nomeParametroBold {
    border: 0px;
    font-size: 0.8em;
    margin: 0px;
    color: #666;
    display: inline-block;
    width: 130px;
    font-weight: bold;
  }

  #div_riepilogo .nomeParametroLight {
    border: 0px;
    font-size: 0.8em;
    margin: 0px;
    color: #666;
    display: inline-block;
    width: 130px;
    font-weight: normal;
  }

  #div_riepilogo .valParametroBold {
    border: 0px;
    font-size: 1em;
    font-weight: bold;
    color: #333;
    display: inline-block;
    width: 100px;
  }

  #div_riepilogo .valParametroBoldSmall {
    border: 0px;
    font-size: 0.8em;
    font-weight: normal;
    color: #333;
    display: inline-block;
    width: 80px;
    line-height: 20px;
  }

  #div_riepilogo .valParametroLight {
    border: 0px;
    font-size: 0.8em;
    font-weight: normal;
    color: #666;
    display: inline-block;
    width: 100px;
  }

  #div_riepilogo .valParametroLightSmall {
    border: 0px;
    font-size: 0.7em;
    font-weight: normal;
    color: #666;
    display: inline-block;
    width: 80px;
  }

  #div_riepilogoZone {
    background-color: #f9f9f9;
    padding: 10px;
  }

  #div_riepilogoDislivello {
    padding: 0 12px 0 12px;
    border-top: 2px solid #666 !important;
  }

  #div_riepilogoDislivello .div_interno {
    text-align: center;
  }

  #div_riepilogoDislivello .desTipoTerreno {
    font-size: 0.8em;
    font-weight: bold;
  }

  #div_riepilogoDislivello .val {
    font-size: 1.1em;
    font-weight: bold;
  }

  #div_riepilogoDislivello .valPercentuale {
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
  }

  #valoriCursore {
    margin-bottom: 20px;
    margin-top: -10px;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    color: #000;
    padding: 5px;
    text-align: center;
  }

  #valoriCursore .div_label {
    display: inline-block;
    font-size: 0.8em;
    width: 140px;
  }

  #valoriCursore .span_value {
    font-size: 1.1em;
    width: 60px;
    font-weight: 600;
  }

  #tab_lap {
    font-size: 0.8em;
  }

  #tab_lap thead {
    font-weight: bold;
  }

  #tab_lap tbody tr:hover {
    background-color: #d2ffbd;
  }

  #div_tabellaLap .btn_misuraGraficoLap {
    border: 1px solid #000000 !important;
    width: 90px;
    font-size: 0.8em;
    text-align: center;
  }

  #div_tabellaLap .btn_misuraTabellaLap {
    border: 1px solid #000000 !important;
    width: 90px;
    font-size: 0.8em;
    text-align: center;
  }

  #div_tabellaLap .abilitato {
    cursor: pointer;
    background-color: #c9c9c9;
    color: #000 !important;
  }

  #div_tabellaLap .disabilitato {
    background-color: #999;
    color: #666 !important;
    font-style: italic;
  }

  #div_tabellaLap .attivo {
    cursor: pointer;
    background-color: #fff;
    color: #000 !important;
    font-weight: bold;
    border-bottom: 1px solid #fff !important;
  }

  .titoloSezione {
    background-color: #333 !important;
    color: #fff !important;
    padding: 2px 10px 2px 10px;
    font-size: 0.9em;
  }

  .titoloSezioneLight {
    color: #666 !important;
    padding: 2px 0px 2px 0px;
    font-size: 0.8em;
    font-weight: bold;
  }

  .linkChartRiepilogo {
    color: #939393;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
  }

  .rating-area .titolo {
    font-size: 0.9em;
  }

  .rating-area .btn_rating_label {
    font-size: 0.7em;
  }

  .rating-area .btn_rating {
    padding: 0px;
    line-height: 40px;
    border-radius: 15px;
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 1px solid #666 !important;
    margin: 1px;
    cursor: pointer;
    opacity: 0.3;
  }

  .rating-area .btn_rating:hover {
    opacity: 0.8;
  }

  .rating-area .btn_rating_selected {
    opacity: 1 !important;
    width: 55px !important;
    height: 55px !important;
    line-height: 50px;
    font-size: 1.2em;
  }

  .area-potenzaCritica .divCP {
    width: 100%;
    font-size: 0.9em;
    border: 1px solid #ccc !important;
    text-align: center;
    padding: 5px;
    background-color: #f6f6f6;
  }

  .area-potenzaCritica .CPLabel {
    font-size: 0.9em;
  }

  .area-potenzaCritica .CPValue {
    font-size: 1.2em;
    font-weight: bold;
  }

  /* Tooltip container */
  .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
  }

  .tooltip_underline {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    -webkit-text-decoration-style: dotted;
            text-decoration-style: dotted;
    -webkit-text-decoration-color: #cc0000;
            text-decoration-color: #cc0000;
  }

  /* Styles for custom tooltip template */
  .tooltip-head {
    color: #fff;
    background: #fcfcfc;
    padding: 10px 10px 5px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    margin-bottom: -2px;
    /* Hide default tooltip rounded corner from top */
  }

  .tooltip-head .glyphicon {
    font-size: 22px;
    vertical-align: bottom;
  }

  .tooltip-head h3 {
    margin: 0;
    font-size: 18px;
  }

  #btn_elimina {
    width: 250px;
    text-align: center;
    border: 2px solid #990000 !important;
    background-color: #cc0000;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 10px;
    cursor: pointer;
  }

  #tab_gare {
    font-size: 0.8em;
  }

  #tab_allenamenti {
    font-size: 0.8em;
  }

  #tab_gare thead {
    font-weight: bold;
  }

  #tab_allenamenti thead {
    font-weight: bold;
  }

  #tab_allenamenti tbody tr:hover {
    background-color: #d2ffbd;
    cursor: pointer;
  }

  .div-totaliPeriodo {
    text-align: center !important;
    width: 100%;
    margin: 0 auto;
    padding: 5px 2px 5px 2px;
    border-bottom: 1px solid #ccc !important;
  }

  .div-totaliPeriodo .valoreAssoluto {
    height: 50px;
    font-size: 1em;
    font-weight: 600;
  }

  .div-totaliPeriodo .valPercentuale {
    font-size: 0.8em;
    font-weight: 400;
  }

  #div_totaliPeriodo .btn_totaliPeriodo {
    border: 1px solid #000000 !important;
    width: 120px;
    font-size: 0.8em;
    text-align: center;
  }

  #div_totaliPeriodo .abilitato {
    cursor: pointer;
    background-color: #c9c9c9;
    color: #000 !important;
  }

  #div_totaliPeriodo .disabilitato {
    background-color: #999;
    color: #666 !important;
    font-style: italic;
  }

  #div_totaliPeriodo .attivo {
    cursor: pointer;
    background-color: #fff;
    color: #000 !important;
    font-weight: bold;
    border-bottom: 1px solid #fff !important;
  }

  .nota {
    font-size: 0.8em;
    color: #999;
  }

  .btn_allenamento {
    cursor: pointer;
    border: 0px !important;
  }

  .icoSport {
    width: 40px;
    height: 40px;
    background-color: #fff;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #areaStampa .titolo {
    width: 500px;
    font-size: 1.3em;
    font-weight: bold;
    padding: 2px;
    border-bottom: 1px solid #666 !important;
  }

  #areaStampa .titoloSport {
    width: 500px;
    font-size: 0.8em;
    font-weight: bold;
    padding: 2px;
    font-variant: small-caps;
    line-height: 10px;
  }

  #areaStampa .titoloFase {
    width: 500px;
    font-size: 1em;
    font-weight: bold;
    padding: 2px;
    margin-top: 10px;
  }

  #areaStampa .dettagliFase {
    width: 500px;
    display: inline-block;
    font-size: 0.8em;
    font-weight: normal;
    padding: 2px;
  }

  #areaStampa .piePagina {
    width: 500px;
    font-size: 0.6em;
    font-weight: 300;
    padding: 2px;
    text-align: right;
    border-top: 1px solid #ccc !important;
    margin-top: 5px;
  }

  #areaStampa .totali {
    width: 500px;
    background-color: #f0f0f0 !important;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .tab_statistiche {
    font-size: 0.8em;
  }

  #div_riepiloghiSport .btn_sport {
    border: 1px solid #000000 !important;
    width: 120px;
    font-size: 0.8em;
    text-align: center;
  }

  #div_riepiloghiSport .abilitato {
    cursor: pointer;
    background-color: #c9c9c9;
    color: #000 !important;
  }

  #div_riepiloghiSport .disabilitato {
    background-color: #999;
    color: #666 !important;
    font-style: italic;
  }

  #div_riepiloghiSport .attivo {
    cursor: pointer;
    background-color: #fff;
    color: #000 !important;
    font-weight: bold;
    border-bottom: 1px solid #fff !important;
  }

  .boxRicerca {
    width: 100%;
    background-color: #f9f9f9;
    padding: 10px 2px 10px 2px;
    font-size: 0.8em;
  }

  .inputArea {
    padding: 3px 0px 3px 0px;
  }

  #tab_elencoAtleti {
    font-size: 0.8em;
  }
}
/* end print */
@-webkit-keyframes todo-pulse {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #fcc;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes todo-pulse {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #fcc;
  }
  100% {
    background-color: #fff;
  }
}
.todo {
  color: red !important;
  -webkit-animation: todo-pulse 1s infinite;
          animation: todo-pulse 1s infinite;
}
/*# sourceMappingURL=maps/msp.css.map */