/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.w-sm-100 {
width:100%!important;
}
.w-sm-75 {
width:75%!important;
}
.w-sm-50 {
width:50%!important;
}
.w-sm-25 {
width:25%!important;
}
.h-sm-100 {
height:100%!important;
}
.h-sm-75 {
height:75%!important;
}
.h-sm-50 {
height:50%!important;
}
.h-sm-25 {
height:25%!important;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.w-md-100 {
width:100%!important;
}
.w-md-75 {
width:75%!important;
}
.w-md-50 {
width:50%!important;
}
.w-md-25 {
width:25%!important;
}
.h-md-100 {
height:100%!important;
}
.h-md-75 {
height:75%!important;
}
.h-md-50 {
height:50%!important;
}
.h-md-25 {
height:25%!important;
}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.w-lg-100 {
width:100%!important;
}
.w-lg-75 {
width:75%!important;
}
.w-lg-50 {
width:50%!important;
}
.w-lg-25 {
width:25%!important;
}
.h-lg-100 {
height:100%!important;
}
.h-lg-75 {
height:75%!important;
}
.h-lg-50 {
height:50%!important;
}
.h-lg-25 {
height:25%!important;
}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.w-xl-100 {
width:100%!important;
}
.w-xl-75 {
width:75%!important;
}
.w-xl-50 {
width:50%!important;
}
.w-xl-25 {
width:25%!important;
}
.h-xl-100 {
height:100%!important;
}
.h-xl-75 {
height:75%!important;
}
.h-xl-50 {
height:50%!important;
}
.h-xl-25 {
height:25%!important;
}
}


/* classi eliminate in bootstrap 5, le ricreo per mantenere compatibilita' */

.ml-auto {margin-left: auto!important;}
.mr-auto {margin-right: auto!important;}

.ml-0{margin-left: 0rem !important;}
.mr-0{margin-right: 0rem !important;}

.ml-1{margin-left: .25rem !important;}
.mr-1{margin-right: .25rem !important;}

.ml-2{margin-left: .5rem !important;}
.mr-2{margin-right: .5rem !important;}

.ml-3{margin-left: 1rem !important;}
.mr-3{margin-right: 1rem !important;}

.ml-4{margin-left: 1.5rem !important;}
.mr-4{margin-right: 1.5rem !important;}

.ml-5{margin-left: 3rem !important;}
.mr-5{margin-right: 3rem !important;}


.pl-0{padding-left: 0rem !important;}
.pr-0{padding-right: 0rem !important;}

.pl-1{padding-left: .25rem !important;}
.pr-1{padding-right: .25rem !important;}

.pl-2{padding-left: .5rem !important;}
.pr-2{padding-right: .5rem !important;}

.pl-3{padding-left: 1rem !important;}
.pr-3{padding-right: 1rem !important;}

.pl-4{padding-left: 1.5rem !important;}
.pr-4{padding-right: 1.5rem !important;}

.pl-5{padding-left: 3rem !important;}
.pr-5{padding-right: 3rem !important;}


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

.float-right {float: right!important;}
.float-left  {float: left!important;}

/* ./classi eliminate in bootstrap 5 -------------------------------------- */