/*
  You can add custom CSS rules or import files here.
*/



/* Import the Radzen CSS files */
@import './styles-generated.css';


body {
    --dimensionefont: 40px;
    --paddingdatagridcorte: 0px; /*altezza delle righe delle griglie visita medica*/
    --fontgriglia: 15px;
    --altezza_griglia1: 400px;
     /*background:#595a38*/
     
    
    /*  prova altezza griglia con mediaquery */
    --altezzamax1: 800px;
    --altezza_griglia_media:600px;
    --altezza_griglia_corta:400px;
    --fontlabels:20px;
    --fontgriglia_mediaquery:16px;
    --altezza_griglia_righe_eog:600px;
}


/* colori del menu a sinistra */
.rz-panel-menu  {
    background-color: #0c2aa0;
}
   .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
        background-color:#0f3374;
        
    }

    .rz-navigation-item-text 
    {
        color:white!important;
    }

.rz-navigation-sidebar {
    background-color: #0c2aa0;
}


/* rimuove il padding dai bottoni file upload .  sul bottone negli attributes va messa la class*/
.custom-upload .rz-fileupload-buttonbar {
    padding: 1;
}



/* fine colori del menu a sinistra */
/* personalizzazione altezza righe delle datagrid   */
.rz-datatable tr td,
.rz-datatable tr th {
    padding: 5px;
    color: white !important;
    /*color: black !important;  */
}

/* imposta il padding dei pannelli nel componente TABS*/
.rz-tabview-panel {
    
    padding-top: 5px !important;
    padding-bottom:1px !important;
}

/* imposta la altezza delle righe delle griglie*/
.classe_griglia_stretta tr td {
    padding:var(--paddingdatagridcorte) !important; /*0px !important; */
}


/* altezza della griglia impostata usando l'attributo class sulle griglie */
.class_altezza_griglia1
{
    height:var(--altezza_griglia1);
}





    /*  usa javascript */
.classe_font_griglia {
    font-size: var(--fontgriglia);
}

    .rz-grid-table td .rz-cell-data {
        font-size: var(--dimensionefont);
        color: white !important;
        /*font-kerning:none; */
        /*color: black !important;  USARE PER TEMA CHIARO  */
    }


    /* ---------------------------------------*/
    /* IMPOSTAZIONI PER TEMA SCURO            */
    /* ---------------------------------------*/
    .rz-dialog {
        border-block-style: solid;
        border-left: solid;
        border-right: solid;
        border-color: lightgray;
    }

    .rz-html-editor-content {
        background-color: #ffffff;
        color: black;
    }


    /* TITOLO DELLE COLONNE DATAGRID  */
    .rz-column-title {
        color: white !important;
    }

    .rz-textbox:focus {
        border-style: solid;
        border-color: #989a9a;
    }

    .rz-textbox {
        border-style: solid;
        border-color: #989a9a;
    }

/* ++++++++++++++++++++++++++++++++++++++++++   */
/* personalizzazione campi disabilitati */
/* ++++++++++++++++++++++++++++++++++++++++++   */

 /* COLORE DEL TEST DEI TEXT BOX DISABILITATI */
 .rz-textbox:disabled { color: white !important; }

/* sfondo dei datepicker disabilitati*/
.rz-calendar {  }

/* font dei datepicker disabilitati */
.rz-inputtext:disabled { color:white !important; }

.rz-radio-button-list-vertical {  }
.rz-radio-btn { }




/* ALTEZZA e FONT GRIGLIA USANDO MEDIQUERY -
   nel body e' definita una altezza predefinita nella variabile altezzamax1 etc....
   se lo schermo e' piccolo per esempio perche'  windows ha impostato i caratteri grandi.
   l'altezza viene ridotta dalla media query.
*/

/* font dei campi label all interno delle griglia della visita medica*/
/* bisogna creare un campo template con dentro una label */
.classe_fontgriglia_mediaquery {
    font-size: var(--fontgriglia_mediaquery);
}


/* altezza delle griglie nelle maschere dei dettagli riga eog*/
.class_altezza_griglia_righe_eog {
    height: var(--altezza_griglia_righe_eog);
}

.class_altezza_griglia_alta_query {
    height: var(--altezzamax1);
}

.class_altezza_griglia_media {
    height: var(--altezza_griglia_media);
}

.class_altezza_griglia_corta {
    height: var(--altezza_griglia_corta);
}

.class_font_label {
    font-size: var(--fontlabels);
    
}

@media screen and (max-height: 800px) {

    .class_altezza_griglia_righe_eog {
        --altezza_griglia_righe_eog:400px;
    }


    .class_altezza_griglia_alta_query {
        --altezzamax1: 550px;
    }

    .class_altezza_griglia_media {
        --altezza_griglia_media:400px;
    }

    .class_altezza_griglia_corta {
        --altezza_griglia_media: 350px;
    }

    .class_font_label {
        --fontlabels: 18px;
    }
}


.class pannellotop
{

}

.class pannellodown
{

}


/* FINE GRIGLIA USANDO MEDIQUERY */