/* bootstrapPdg-{version}.css css library
// Author:   Paolo Da Giau
// Date:     05/11/20  
// Version:  3.3.7
// Bootstrap Version: 3.3.1
// version file: 3.3
*/

/* Update **versione file cambiare solo maior-minor- la modifica revision non deve fare modifiche di rottura
** 3.3.7 05/11/20 input=search ripristino bottone x per crome
** 3.3.6 20/05/17 aggiunto row-modal x per div contenitore modal evita barra scorrimento orrizzontale 
** 3.3.5 12/05/16 modificato altezza col1 e col 2 special da 30 a 28px
** 3.3.4 10/04/15 aggiunto valori .search-.. validi globalmente
** 3.3.3 09/02/2015 rinominato search-column => search-group
** 3.3.2 07/02/15 autocomplete rimpicciolisce il testo in modo che non vada a capo
** 3.3.1 18/12/14 modificato table-responsive per problema overflow con versione 3.3.1
** 3.3.0 16/09/14 aggiunto colorazione per campi errore non più presente in Site.css
** 3.2.0 16/09/14 modificato div su cui applicare z-index per modal; precedente non funzionava correttamente dopo aggiornamento package a 3.2.0
** 2.0.1 08/07/14 aggiustamenti searcg e webgrid
** 2.0.0 01/05/14 spostato colori su bootstrapPdgColor
** 15/02/14 correzione per gelinas timepicker, larghezza cella da 1.2 a 2.2em ??bootstrap?? 
*/
/*
/// <summary>
/// css che aggiunge o modifica gli stili per applicazione bootstrap
/// </summary>
*/


/*#region footer fisso fondo pagina*/


html, body {
    height: 100%;
    padding-bottom: 0;
}

.body-content {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px;
}

footer, .push {
    height: 40px;
}

    footer p {
        margin-bottom: 0;
    }
/*come legend*/
h3, .h3 {
    font-size: 21px;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .body-content {
        margin: 0 auto -30px;
    }

    footer, .push {
        height: 30px;
    }
}
/*#endregion*/

/*#region styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
    text-align: left;
}

.validation-summary-valid {
    display: none;
}

/*utilizzato con ajax-result-base*/
.field-validation-errors li {
    color: red;
}


/*#endregion*/

/*utilizzato perchè è più facile da cercare jQuery selector che non un attributo css*/
.display-none .hidden {
    display: none;
}

.modalFieldset {
    width: 95%;
    font-size: 0.9em;
}

    .modalFieldset .form-group {
        margin-bottom: 5px;
    }

/*#region search panel*/
#search-panel {
    margin-bottom: 4px;
}

    #search-panel .panel-heading {
        padding: 0;
    }

        #search-panel .panel-heading h3 {
            margin-bottom: 3px;
            margin-top: 3px;
            padding-bottom: 0;
        }

    #search-panel input[type="date"] {
        line-height: inherit;
    }

    /*input=search ripristino x per crome*/
    input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: button !important;
    }

    #search-panel .search-group {
        border: solid 1px #ffffff;
        text-align: left;
        padding-top: 10px;
        margin-bottom: 10px;
        min-width: 240px;
        float: left;
        position: relative;
    }

        #search-panel .search-group .col1 {
            float: left;
            clear: both;
            margin-right: 10px;
            width: 45%;
        }

        #search-panel .search-group .col2 {
            float: left;
            width: 45%;
        }

        #search-panel .search-group select {
            width: 95%;
        }

    #search-panel .search-special .col1, #search-panel .search-special .col2 {
        height: 28px; /*12/05/16*/
    }

    #search-panel .search-special div {
        margin-bottom: 5px;
    }




.search-group-title {
    left: 10px;
    top: -10px;
    position: absolute;
}

#search-date-container input {
    width: 100%;
}
/*tabelle interne .. fulltext .. status*/

.search-internal-panel {
    font-size: 0.85em;
    width: 100%;
    max-width: 400px;
}

    .search-internal-panel th {
        padding-bottom: 0;
        padding-top: 0;
    }


    .search-internal-panel select, .search-internal-panel input[type=search], .search-internal-panel input[type=date] {
        font-size: 1.2em;
        width: 100% !important;
        max-width: 180px !important;
    }

#search-fulltext-container select, #search-fulltext-container input[type=search] {
    min-width: 100px !important;
}

#search-panel .search-internal-panel, .search-internal-panel td, .search-internal-panel th {
    border: none !important;
}

/****autocomplete*** 07/02/2015 rimpicciolisce il testo in modo che non vada a capo*/
.ui-autocomplete .ui-state-focus {
    font-size: smaller;
}


/*#endregion*/

/*div per ritorno alla pagina precedente - inserire prima del titolo*/
.back-to-list {
    text-align: right;
    float: right;
    right: 10px; /*per screen grande 50 dopo*/
    margin-top: 10px; /*-40px;*/
    z-index: 1000;
    position: relative; /*z-index + position altrimenti rimane sotto fieldset*/
}


/*#region web-grid*/

.width30px {
    width: 30px;
}

.web-grid {
    width: 100%; /* test 18/12/2014 99%; */
    font-size: 0.9em;
}

    .web-grid caption {
        font-weight: bold;
    }

    .web-grid tfoot td {
        font-size: 1.4em;
    }

    .web-grid tfoot a {
        display: inline-block;
        padding: 4px 8px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid #bebfbf;
        border-radius: 4px;
        font-size: 0.8em;
    }

    .web-grid th {
        text-align: center;
    }

        .web-grid th a, .web-grid tfoot a {
            font-weight: normal;
        }

            .web-grid th a:hover, .web-grid tfoot a:hover {
                text-decoration: none;
            }

    /*class per link con carattere flagSi flagNo per header selected della griglia*/
    .web-grid .header-flag {
        font-size: 18px;
        line-height: 1; /*normal;*/
        border-collapse: separate;
    }


/*#endregion*/

/*#region modifiche al comportamento standard bootstrap + site */

/*evita la barra scorrimento orrizzontale*/
.row-modal {
    margin-right: 0;
}
/* site aggiunge max-width: 280px a input ... in contrasto con bootstrap che ha sempre 100%;
		** utilizzando input-group con input-group-addon il campo diventa più lungo degli input senza addon;
		** questo corregge 
		** in alternativa sovrascrivere input, .. max-width => 100% */
.input-group {
    max-width: 280px;
}

/*01/02/14 sostituisce modifica in release 3.1.0, sposta erroneamente in basso la data, fatta per IOS*/
input[type="date"] {
    line-height: inherit;
}

/*18/12/14 3.3.1 ha modificato  overflow-x=auto che visualizza sempre scroll ??*/
.table-responsive {
    overflow-x: visible;
}

/*#region ui.dialog modal ui.datepicker*/
/* il menu bootstrap ha z-index 1030; il dialog deve essere maggiore altrimenti rimane sotto*/
/*08/09/2014 modificato pannello con z-index ui-front blocca il form dopo aggiornamenti 5/09 */
/*.ui-front { z-index:1035 !important;}*/
.ui-dialog {
    z-index: 1031 !important;
}

.ui-front legend {
    display: none;
}
/*nasconde legend; dati visualizzati nel titolo */

/*aggiunge una riga sotto i gruppi nelle modal per bulkCommand*/
.modal-bulk .form-group {
    margin-bottom: 0;
    border-bottom: 1px solid #eeeeee;
    padding: 5px 0;
}

/*visualizza i singoli item su righe diverse*/
#group-validation-error span {
    display: block;
}
/* in mobile può essere visualizzato al top; deve stare sopra la barra menu*/
#ui-datepicker-div {
    z-index: 1040 !important;
}

/*#endregion*/


/*Gelinas timepicker sovrascrive with 1.2em ?? con bootstrap visualizza errato*/
.ui-timepicker-table td a, .ui-timepicker-table td span {
    width: 2.2em !important;
}
/*legend per utilizzo senza titolo*/
legend {
    margin-top: 10px;
    text-align: left;
}
/* per display grande visualizza il pulsante submit a destra fisso */
@media only screen and (min-width: 800px) {
    .submit-form {
        position: fixed;
        /*left:800px;*/
        right: 20%;
        bottom: 100px;
    }

    .back-to-list {
        right: 50px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 991px) {

    fieldset .col-md-2 {
        float: left;
        width: 25%;
    }

    fieldset .col-md-4 {
        float: left;
        width: 50%;
    }
    /*altrimenti si sovrappone alla casella*/
    fieldset .col-md-6 {
        clear: both;
        z-index: -1;
    }
}

/*#endregion*/