.align-items-center {
    align-items: center;
}
.align-items-baseline {
    align-items: baseline;
}

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

.t-center {
    text-align: center;
}

.t-right {
    text-align: right;
}

.t-left {
    text-align: left;
}

.t-crossed {
    text-decoration: line-through;
}

.f-very-small {
    font-size: 0.7rem !important;
}

.f-small {
    font-size: 0.9rem !important;
}

.f-normal {
    font-size: 1rem !important;
}

.f-medium {
    font-size: 1.1rem !important;
}

.f-big {
    font-size: 1.2rem !important;
}

.f-very-big {
    font-size: 1.3rem !important;
}

.f-4 {
    font-size:4px !important;
}
.f-8 {
    font-size:8px !important;
}
.f-16 {
    font-size:16px !important;
}
.f-24 {
    font-size:24px !important;
}
.f-32 {
    font-size:32px !important;
}

.m-auto {
    margin: 0 auto;
}

.m-0 {
    margin: 0px !important;
}
.m-4 {
    margin: 4px !important;
}
.m-8 {
    margin: 8px !important;
}
.m-16 {
    margin: 16px !important;
}
.m-24 {
    margin: 24px !important;
}
.m-32 {
    margin: 32px !important;
}
.m-64 {
    margin: 64px !important;
}

.mt-0 {
    margin-top: 0px !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-32 {
    margin-top: 32px !important;
}
.mt-64 {
    margin-top: 64px !important;
}

.mt-0 {
    margin-bottom: 0px !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}
.mb-8 {
    margin-bottom: 8px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-32 {
    margin-bottom: 32px !important;
}
.mb-64 {
    margin-bottom: 64px !important;
}

.ml-0 {
    margin-left: 0px !important;
}
.ml-4 {
    margin-left: 4px !important;
}
.ml-8 {
    margin-left: 8px !important;
}
.ml-16 {
    margin-left: 16px !important;
}
.ml-24 {
    margin-left: 24px !important;
}
.ml-32 {
    margin-left: 32px !important;
}
.ml-64 {
    margin-left: 64px !important;
}

.mr-4 {
    margin-right: 4px !important;
}
.mr-8 {
    margin-right: 8px !important;
}
.mr-16 {
    margin-right: 16px !important;
}
.mr-24 {
    margin-right: 24px !important;
}
.mr-32 {
    margin-right: 32px !important;
}
.mr-64 {
    margin-right: 64px !important;
}

.p-0 {
    padding:0px !important;
}
.p-2px {
    /*p-2 va in conflitto con quello di boostrap*/
    padding: 2px !important;
}
.p-4 {
    padding: 4px !important;
}
.p-8 {
    padding: 8px !important;
}
.p-16 {
    padding: 16px !important;
}
.p-24 {
    padding: 24px !important;
}
.p-32 {
    padding: 32px !important;
}
.p-64 {
    padding: 64px !important;
}

.pt-2 {
    padding-top: 2px !important;
}
.pt-4 {
    padding-top: 4px !important;
}
.pt-8 {
    padding-top: 8px !important;
}
.pt-16 {
    padding-top: 16px !important;
}
.pt-24 {
    padding-top: 24px !important;
}
.pt-32 {
    padding-top: 32px !important;
}
.pt-64 {
    padding-top: 64px !important;
}

.pb-2 {
    padding-bottom: 2px !important;
}
.pb-4 {
    padding-bottom: 4px !important;
}
.pb-8 {
    padding-bottom: 8px !important;
}
.pb-16 {
    padding-bottom: 16px !important;
}
.pb-24 {
    padding-bottom: 24px !important;
}
.pb-32 {
    padding-bottom: 32px !important;
}
.pb-64 {
    padding-bottom: 64px !important;
}

.pl-2 {
    padding-left: 2px !important;
}
.pl-4 {
    padding-left: 4px !important;
}
.pl-8 {
    padding-left: 8px !important;
}
.pl-16 {
    padding-left: 16px !important;
}
.pl-24 {
    padding-left: 24px !important;
}
.pl-32 {
    padding-left: 32px !important;
}
.pl-64 {
    padding-left: 64px !important;
}

.pr-2 {
    padding-right: 2px !important;
}
.pr-4 {
    padding-right: 4px !important;
}
.pr-8 {
    padding-right: 8px !important;
}
.pr-16 {
    padding-right: 16px !important;
}
.pr-24 {
    padding-right: 24px !important;
}
.pr-32 {
    padding-right: 32px !important;
}
.pr-64 {
    padding-right: 64px !important;
}

.w-fit {
    width: fit-content;
}

.w-min {
    width: min-content;
}

.w-max {
    width: max-content;
}

.w-auto {
    width: auto !important;
}

.w-1 {
    width:1% !important;
}
.w-10 {
    width:10% !important;
}
.w-15 {
    width:15% !important;
}
.w-20 {
    width:20% !important;
}
.w-30 {
    width:30% !important;
}
.w-40 {
    width:40% !important;
}
.w-50 {
    width:50% !important;
}
.w-60 {
    width:60% !important;
}
.w-70 {
    width:70% !important;
}
.w-75 {
    width:75% !important;
}
.w-80 {
    width:80% !important;
}
.w-90 {
    width:90% !important;
}
.w-100 {
    width:100% !important;
}
.mw-100 {
    max-width:100%;
}
.miw-100 {
    min-width:100%;
}

.h-100 {
    height:100% !important;
}

.h-0 {
    height: 0px !important;
}

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

.div-inline {
    display:inline;
}

.div-none {
    display:none !important;
}

.div-none-noimp {
    display:none ;
}

.div-flex {
    display: flex;
}

.div-collapse {
    visibility: collapse;
}

.div-hidden {
    visibility:hidden;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.v-align-text-top {
    vertical-align: text-top;
}

.v-align-middle {
    vertical-align: middle !important;
}

.cursor-help {
    cursor: help;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default !important;
}

.border-collapse {
    border-collapse: collapse;
}

.no-border {
    border:0 !important;
}

.close:after{
  content: "\00d7";
  font-size: 18px;
  color: #184589;
}

template {
    display:none !important;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) !important;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.camelcase {
    text-transform:capitalize;
}

.pos-relative {
    position: relative;
}
.pos-fixed {
    position: fixed;
}
.pos-absolute {
    position: absolute;
}

.f-bold {
    font-weight: bold;
}

.f-normal {
    font-weight: normal;
}

.f-light {
    font-weight: lighter;
}

.f-monospace {
    font-family: 'Courier New', Courier, monospace
}

.no-wrap {
    white-space: nowrap;
}

.back-white {
    background-color: white !important;
}

.z-9999 {
    z-index: 9999;
}
.z-110 {
    z-index: 110;
}
.z-100 {
    z-index: 100;
}
.z-90 {
    z-index: 90;
}
.z-80 {
    z-index: 80;
}
.z-70 {
    z-index: 70;
}
.z-60 {
    z-index: 60;
}
.z-50 {
    z-index: 50;
}
.z-40 {
    z-index: 40;
}
.z-30 {
    z-index: 30;
}
.z-20 {
    z-index: 20;
}
.z-10 {
    z-index: 10;
}
.z-1 {
    z-index: 1;
}
.event-disabled {
    pointer-events: none;
    cursor: not-allowed;
}