/*
    Configurazioni specifiche
*/
/* #logo img {
    width: 300px !important;
} */
#logo {
    margin-top: 3px !important;
}

#extr-page #header #logo img {
    width: 262px !important;
}

#extr-page #header {
    margin: 0;
    height: 71px !important;
    border-bottom: 1px solid #eee !important;
    overflow: hidden;
    padding: 0 30px;
    border-width: 0;
    border-bottom-width: 0px;
    min-height: 28px;
    background: #f4f4f4 !important;
}

/********   SMART FORM    *******/
/* Label nelle form: le ho evidenziate un pochino */
.smart-form .label {
    color: #242323;
}

/* 23.11.2018  Pulsanti in cima alle pagine (inserisci nuovo, esporta, etc...) */
.smart-form .btn-toolbar {
    padding: 6px 12px !important;
}


/********   JQGRID    *******/

/* jqgrid - caratteri troppo piccoli */
/* Campi di input in edit delle righe */
.ui-jqgrid td input,
.ui-jqgrid td select .ui-jqgrid td textarea {
    font-size: 13px !important;
}

.ui-jqgrid tr.jqgrow td {
    font-size: 13px !important;
}

.ui-jqgrid .ui-jqgrid-sortable {
    font-size: 13px !important;
}

/* Header delle colonne, per impostare l'altezza su più righe se ci sono dei <br> */
.ui-jqgrid .ui-jqgrid-htable th div {
    height: auto;
    overflow: hidden;
    padding: 1px 4px 1px 0px;
    position: relative;
    vertical-align: text-top;
    white-space: normal !important;
}

/* Altezza degli input nella riga in editing e dimensioni del carattere visualizzato*/
.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea,
.ui-jqgrid .ui-jqgrid-view button {
    height: inherit !important;
    font-size: 13px;
}

/* JQGRID con righe ed header grandi , per quando sono composte da poche righe */
.ui-jqgrid thead tr {
    height: 30px !important;
}

/* Altezza delle righe 
   11.01.2023: su mobile è necessario aumentare l'altezza delle righe da 30 a 50
*/
.ui-jqgrid tr.jqgrow td {
    height: 60px !important;
}

/* Extra small devices (phones, 600px and down) */
/*@media only screen and (max-width: 600px) {
    .ui-jqgrid tr.jqgrow td {
        height: 60px !important;
    }
}

@media only screen and (min-width: 601px) {
    .ui-jqgrid tr.jqgrow td {
        height: 30px !important;
    }
}*/


.ui-search-toolbar .ui-th-column div {
    padding-bottom: 5px !important;
}

.ui-jqgrid tr.jqgrow.success {
    background: #DFF0D8 !important;
}

.ui-jqgrid tr.jqgrow.danger {
    background: #F2DEDE !important;
}

.ui-jqgrid tr.jqgrow.warning {
    background: #FCF8E3 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #ffe45c url("../plugins/jquery-ui-1.11.2.custom/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") repeat-x scroll 50% top !important;
    border: 1px solid #fed22f !important;
    color: #363636 !important;
}

/*Colori rispresi da quelli utilizzati nel file RisultatiProfili.xls 
  per l'analisi dei risultati del questionario fatto dai volontari*/
.bg-color-greeNaturalista {
    background-color: #C5E0B3 !important;
}

.bg-color-blueVolontario {
    background-color: #BDD6EE !important;
}

.bg-color-pinkComunicatore {
    background-color: #FBD9F0 !important;
}

/*
Profilo Utente
*/
/*.img_avatar:hover {
    image: url("../img/avatars/EditImage.png");     
    width: 120px;     
    height: 120px;     
};*/

.ui-autocomplete {
    z-index: 10000 !important;
}

.rilfito_n_col {
    background-color: #FFFFFF;
}

.txt-blue-info {
    color:
        #306FAC !important;
}

/* 21.11.2022: per videnziare di rosso il testo dei messaggi di errore - vedi check stato*/
.invalid {
    color: red !important;
}

/* 13.01.2022 - distanziare molto il testo "visualizza" ed "elimina" delle immagini allegate - altrimenti cliccano più tasti*/
.dropzone .dz-preview .dz-remove {
    margin-top: 20px !important;
}