:root {
    /*Variabili globali*/
    --primary-color: blue;
    --valBorderRadius: 30px;
    --primary-bgColor-btn: var(--blue-500);
    --primary-color-btn: white;
    --primary-color-text : white;

}

body .ui-toolbar{
    background-color: var(--teal-300) !important;
    padding: 4px !important;
    color:black;
}


.toolbarOpFP{
    background-color: var(--teal-200);
    padding: 1px !important;
    border-radius: var(--valBorderRadius);
    color:white;
    margin-left: 20px !important;
    margin-right:20px !important;
}

.toolbarOpDettagli{
    background-color: var(--teal-200);
    color: var(--teal-600);
}
.toolbarOpDettagli:hover{
    background-color: var(--teal-400);
    color: var(--teal-600);
}
.toolbarOpDettagli_FP{
    background-color: var(--indigo-500);
    border-radius: var(--valBorderRadius);
    color:white;
}



body .ui-dialog .ui-dialog-titlebar{
    padding: 5px !important;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title{
    float: left !important;
}
.bottoni{
    background-color: var(--primary-bgColor-btn) ;
    /*    border-radius: var(--valBorderRadius)!important;
        background-color: var(--primary-bgColor-btn)!important;
        color:white !important;
        border-color: var(--primary-bgColor-btn)!important;*/
}
.bottoneSalva{
    background-color: var(--green-500) !important;
    border-color: var(--green-500) !important;
}
.bottoneElimina{
    background-color: var(--pink-500) !important;
    border-color: var(--pink-500) !important;
}
.bottoni_FP{
    border-radius: var(--valBorderRadius)!important;
    background-color: var(--primary-bgColor-btn)!important;
    color:white !important;
    border-color: var(--primary-bgColor-btn)!important;
}
.bottoneXX{
    /*border-radius: 50px;*/
}
.footerBottoni{

}
.bottone{

}
.stileLabel{
    font-weight: bold !important;
}



.stileDD{
    border-radius: 30px !important;
    padding:  2px 10px 2px 10px !important;
}

.BTonboarding {
    border-radius: 20px !important;
    background-color:rgba(153,0,153,.1) !important;
    border-color: rgba(153,0,153,.5) !important;
    color: #990099 !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

.BTonboarding:hover {
    background-color:  #990099 !important;
    color: white !important;
}

/*classe per lo stile del pannello upload files*/
.upload-box {
    border-radius: 15px;
    border: 1px solid #e5e7eb;         /* border-gray-200 */
    background-color: #f3f4f6;         /* bg-gray-100 */
    padding: 1rem;                     /* p-4 = 16px */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1),
        0 1px 2px rgba(0,0,0,0.06);  /* shadow-1 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color 0.5s;
}

.upload-box:hover {
    background-color: #dbeafe;         /* hover:bg-blue-100 */
}
.full-width-centered {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.curvatura{
    border-radius: 10px;
}
/*fine classe per lo stile del pannello upload files*/