/* ABBREVIAZIONI */

.relative { position: relative; }
.absolute { position: absolute; }
.none { display: none; }
.block { display: block; }
.flex { display: flex; }
.flex-1 { flex: 1; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-row { flex-direction: row; }
.flex-none { flex: none; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.flex-center { align-items: center; }
.flex-column { flex-direction: column; }
.items-center { align-items: center; }
.items-start { align-items: start; }
.items-end { align-items: end; }
.medium { font-weight: 500; }
.bold { font-weight: 600 !important; }
.bolder { font-weight: 900 !important; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.uppercase { text-transform: uppercase!important; }
.underline { text-decoration: underline!important; }
.no-wrap { white-space: nowrap; }

.h-full { height: 100%; }
.w-full { width: 100%; }
.w-1_10 { width: 10%; }
.w-2_10 { width: 20%; }
.w-3_10 { width: 30%; }
.w-4_10 { width: 40%; }
.w-5_10 { width: 50%; }
.w-6_10 { width: 60%; }
.w-7_10 { width: 70%; }
.w-8_10 { width: 80%; }
.w-9_10 { width: 90%; }
.w-1_3 { width: 33.3%; }
.w-2_3 { width: 66.6%; }
.w-1_2 { width: 50%; }
.w-auto { width: auto; }

.mt-64 { margin-top: 64px; }
.mt-40 { margin-top: 40px; }
.mt-32 { margin-top: 32px; }
.mt-24 { margin-top: 24px; }
.mt-16 { margin-top: 16px; }
.mt-8 { margin-top: 8px; }

.mb-64 { margin-bottom: 64px; }
.mb-32 { margin-bottom: 32px; }
.mb-24 { margin-bottom: 24px; }
.mb-16 { margin-bottom: 16px; }

.mr-16 { margin-right: 16px; }
.mr-8 { margin-right: 8px; }

.ml-32 { margin-left: 32px; }
.ml-24 { margin-left: 24px; }
.ml-16 { margin-left: 16px; }
.ml-8 { margin-left: 8px; }
.ml-4 { margin-left: 4px; }

.pr-32 { padding-right: 32px; }
.pl-32 { padding-left: 32px; }
.pb-32 { padding-bottom: 32px; }
.pb-64 { padding-bottom: 64px; }
.pt-64 { padding-top: 64px; }

.bianco-bg { background-color: white; }

.cursor-pointer{ cursor: pointer; }
.cursor-default{ cursor: default; } 

.sfondo-hover:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  border-radius: 3px;
}

.animato {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}