.r,.relative{
    position:relative
}

.text {
    line-height: 2;
    font-size: 1.5rem;
}

.text-b  {
    font-weight: bold !important
}

.text-i {
    font-style: italic;
}

.text-xs  {
    font-size: .775rem;
}

.text-s  {
    font-size: 1.2rem ;
}

.text-m {
    font-size: 1.4rem;
    font-weight: 300 ;
    letter-spacing: 1px
}

.text-l {
    font-size: 1.8rem;
    font-weight: 300 ;
    letter-spacing: 1px
}

.text-xxl {
    font-size: 5rem;
    font-weight: 300 ;
    letter-spacing: 1px
}


.maiuscolo{
    text-transform: uppercase
}

.minuscolo{
    text-transform: lowercase
}

.capitalize{
    text-transform: capitalize
}


.esito{
    font-size: 14px;
    text-align: justify;
}

.esito{
    font-size: 14px;
    text-align: justify;
}

.esito div.alert{
    margin: 0px;
    border:none;
}

.esito div.alert-danger{
    background-color: var(--error-background-color);
   
}

.esito.dinamic {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 9999;
    min-width: 350px;
    width: auto;
    transform: translateX(-120%);
    opacity: 0;
    transition: all 0.4s ease;
/*    margin-bottom: 10px;
    border-radius: 8px;*/
    box-shadow: 1px 1px 11px black;
}

.esito.dinamic.show {
    transform: translateX(0);
    opacity: 1;
}

.esito.dinamic.hide {
    transform: translateX(-120%);
    opacity: 0;
}