.homeImage {
    width: 300px;
    height: 250px;
    object-fit: contain;
}

.inputtext-align-center input {
    text-align: center;
}

.inputtext-align-left input {
    text-align: left;
}

.inputtext-align-right input {
    text-align: right;
}

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

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

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

.input-color-error-text input {
    color: var(--mud-palette-error-text);
}

.input-color-info-text input {
    color: var(--mud-palette-info-text);
}

.input-color-primary-text input {
    color: var(--mud-palette-primary-text);
}

.p-0 {
    padding: 0px !important;
}

.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.m-0 {
    margin: 0px !important;
}

.mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.height-100 {
    height: 100px;
}

.height-120 {
    height: 120px;
}

.height-140 {
    height: 140px;
}

.height-160 {
    height: 160px;
}

.height-180 {
    height: 180px;
}

.height-200 {
    height: 200px;
}

.height-250 {
    height: 250px;
}

.height-300 {
    height: 300px;
}

.height-370 {
    height: 370px;
}

.height-400 {
    height: 400px;
}

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

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

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

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

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

.font-family-monospace {
    font-family: Consolas, monospace, monospace;
}

.width-020 {
    width: 020px;
    min-width: 020px;
    max-width: 020px;
}

.width-030 {
    width: 030px;
    min-width: 030px;
    max-width: 030px;
}

.width-040 {
    width: 040px;
    min-width: 040px;
    max-width: 040px;
}

.width-050 {
    width: 050px;
    min-width: 050px;
    max-width: 050px;
}

.width-060 {
    width: 060px;
    min-width: 060px;
    max-width: 060px;
}

.width-070 {
    width: 070px;
    min-width: 070px;
    max-width: 070px;
}

.width-080 {
    width: 080px;
    min-width: 080px;
    max-width: 080px;
}

.width-090 {
    width: 090px;
    min-width: 090px;
    max-width: 090px;
}

.width-100 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.width-110 {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

.width-120 {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.width-130 {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
}

.width-140 {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

.width-150 {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.width-160 {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}

.width-170 {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
}

.width-180 {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
}

.width-190 {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
}

.width-200 {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.width-210 {
    width: 210px;
    min-width: 210px;
    max-width: 210px;
}

.width-220 {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
}

.width-230 {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
}

.width-240 {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}

.width-250 {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.width-260 {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
}

.width-270 {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
}

.width-280 {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
}

.width-290 {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
}

.width-300 {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.width-310 {
    width: 310px;
    min-width: 310px;
    max-width: 310px;
}

.width-320 {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}

.width-330 {
    width: 330px;
    min-width: 330px;
    max-width: 330px;
}

.width-340 {
    width: 340px;
    min-width: 340px;
    max-width: 340px;
}

.width-350 {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
}

.width-360 {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}

.width-370 {
    width: 370px;
    min-width: 370px;
    max-width: 370px;
}

.width-380 {
    width: 380px;
    min-width: 380px;
    max-width: 380px;
}

.width-390 {
    width: 390px;
    min-width: 390px;
    max-width: 390px;
}

.width-400 {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.width-410 {
    width: 410px;
    min-width: 410px;
    max-width: 410px;
}

.width-420 {
    width: 420px;
    min-width: 420px;
    max-width: 420px;
}

.width-430 {
    width: 430px;
    min-width: 430px;
    max-width: 430px;
}

.width-440 {
    width: 440px;
    min-width: 440px;
    max-width: 440px;
}

.width-450 {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}

.width-500 {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}

.width-550 {
    width: 550px;
    min-width: 550px;
    max-width: 550px;
}

.width-600 {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
}

.width-700 {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
}

.width-800 {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

.width-900 {
    width: 900px;
    min-width: 900px;
    max-width: 900px;
}

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

.mud-info-lighten-text {
    color: var(--mud-palette-info-lighten) !important;
}

.z-index-5000 {
    z-index: 5000 !important;
}

/* Automto lo z-index del pulsante 'unsort' dei datagrid cosė da renderlo visibile anceh nell'overlay */
.mud-popover-cascading-value {
    z-index: 5000;
}