/*@import "custom-theme/jquery-ui-1.10.3.custom.css";*/
@import "ui.jqgrid.css";
@import "jquery.checkbox.css";
@import "jquery.notific8.min.css";
@import "jquery.datetimepicker.css";

body {
    font: 10px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #676767;
    padding: 0px;
    margin: 0px;
}

h1 {
    color: #3B83F5;
    font-weight: bold;
    padding: 3px;
    margin: 0px;
    letter-spacing: 2px;
    display: block;
    font-size: 1.5em;
}

    h1 span {
        width: auto;
    }

h2 {
    color: #3B83F5;
    font-weight: bold;
    padding: 3px;
    margin: 0px;
    letter-spacing: 2px;
    display: inline-block;
    font-size: 1.3em;
}

h4 {
    margin: 0px;
}

#UserName {
    padding-right: 10px;
}

.spacer0px {
    display: block;
    height: 0px;
    margin: 0px;
    padding: 0px;
}

.spacer5px {
    display: block;
    height: 5px;
    margin: 0px;
    padding: 0px;
}

.spacer10px {
    height: 10px;
}

.spacer15px {
    height: 15px;
}

.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.ombra {
    border: 1px solid #BEBEBE;
    background: white;
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.buttonBar {
    background-color: whiteSmoke;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    background-image: url('/Style/Images/gui/buttonBarTop.png');
    background-position: top;
    background-repeat: repeat-x;
}

/*
FORM
----------------------------------------------------*/
.form {
    padding: 0px;
    display: block;
}

    .form div.formCell {
        margin: 0px;
        padding: 0px;
        display: inline-block;
        width: auto;
        min-height: 25px;
    }

    .form label, .form input.text, .form select, .form textarea.text {
        display: inline-block;
    }

    .form label {
        font-size: 1.1em;
        vertical-align: top;
        margin: 0px;
        padding: 0px;
        width: 85px;
        border: 0px;
    }

    .form div.formCell span {
        font-size: 1.1em;
        font-weight: bold;
        letter-spacing: 0.1em;
        width: 85px;
        margin: 0px;
        padding: 0px;
        display: inline-block;
        height: 1.3em;
        vertical-align: top;
        overflow: hidden;
    }

    .form input.text, .form textarea.text {
        padding: 2px 0px 2px 0px;
        margin-bottom: 10px;
        width: 73%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }

    .form select {
        margin-bottom: 10px;
        width: 68%;
    }

    .form .checkBox label {
        display: inline;
    }

    .form div.formCell span.checkBox {
        height: auto;
        width: auto;
    }

    .form fieldset {
        padding: 5px;
        padding-bottom: 0px;
        border: 1px solid #BEBEBE;
        margin: 0px;
        margin-bottom: 5px;
    }

        .form fieldset legend {
            border: 1px solid #BEBEBE;
            font-size: 1.1em;
            font-weight: bold;
            margin-left: 10px;
        }

.captionOver label {
    display: block;
    clear: both;
    margin-bottom: 2px;
    width: 98%;
}

.captionOver input.text, .captionOver select, .captionOver textarea.text {
    display: block;
    clear: both;
    width: 98%;
    width: fill-available;
}

.formHeader {
    background-color: #128747;
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    height: 40px;
}

    .formHeader h3 {
        padding-left: 15px;
        color: white;
        font-size: 1.3em;
        letter-spacing: 0.4em;
    }

.formBody {
    padding-left: 15px;
    padding-right: 15px;
}

.form input.numeric, .form input.euro {
    text-align: right;
    padding-right: 5px;
}

.telefono {
}

.form input.date, .form input.time {
    text-align: center;
}

ul.checkBoxList {
    margin-left: 0px;
    padding-left: 0px;
}

    ul.checkBoxList li {
        list-style: none;
    }

ul.singleLine li {
    display: inline-block;
    margin-right: 15px;
}

.tooltip {
    display: none;
}

/*
    Cambi editabili
----------------------------------------------------*/
.edit /*Solo per dire che esiste*/ {
}

.edit_area {
}

input.required, textarea.required {
    border: 1px solid #e68a25;
}

select.required {
    border: 1px solid #e68a25;
}

.inlineEditor {
    display: inline;
    position: absolute;
    z-index: 999;
    background-color: whiteSmoke;
}

    .inlineEditor input[type="text"] {
        width: 300px;
    }

.GiornoVerde {
    background-color: darkgreen;
    border-color: darkgreen;
    color: white;
    font-weight: bold;
}

.GiornoGiallo {
    background-color: darkorange;
    border-color: darkorange;
    color: white;
    font-weight: bold;
}

.GiornoRosso {
    background-color: red;
    border-color: red;
    color: white;
    font-weight: bold;
}

.GiornoBlu {
    background-color: blue;
    border-color: blue;
    color: white;
    font-weight: bold;
}

#attivita img {
    cursor: pointer;
}

#attivitaIncarico img {
    cursor: pointer;
}


#rimuoviZona {
    cursor: pointer;
}

#rimuoviIndirizzo {
    cursor: pointer;
}

#descrizioneZona {
    cursor: pointer;
}

.tastoApriQualcosa {
    cursor: pointer;
}

/*------------------------------------------ BOX INDIRIZZO--------------    */
.boxIndirizzo {
    display: block;
    width: 100%;
    height: 25px;
    clear: both;
}

    .boxIndirizzo div.titoloIndirizzo {
        display: inline-block;
        float: left;
    }

        .boxIndirizzo div.titoloIndirizzo a, .boxIndirizzo div.titoloIndirizzo a:visited, .boxIndirizzo div.titoloIndirizzo a:hover {
            color: #3B83F5;
            font-weight: bold;
            margin: 0px;
            letter-spacing: 2px;
            font-size: 1.3em;
        }

    .boxIndirizzo div.iconeSceltaIndirizzo {
        display: inline-block;
        float: right;
        width: 36px;
        height: 18px;
    }

        .boxIndirizzo div.iconeSceltaIndirizzo img {
            float: right;
        }

/*calendario ad una riga per elenco incarichi*/
.calendario {
    display: block;
    font-size: 12px;
    width: 900px;
    margin-top: 4px;
    border: 1px #0e8745;
}

.casellaCalendario {
    display: inline-block;
    width: 25px;
    text-align: center;
    margin-left: 4px;
}

    .casellaCalendario:hover {
        color: rgb(14, 135, 69);
    }

.casellaCalendarioRossa {
    display: inline-block;
    width: 25px;
    text-align: center;
    margin-left: 4px;
    color: red;
}

.nomeMese {
    text-align: center;
    background-color: #247ebc;
    border: 1px solid #247ebc;
    color: white;
    font-weight: bold;
    height: 18px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.grid_4 .grid-input, .grid_12 .grid-input {
    max-width: 95%;
}

.grid_5 .grid-input, .grid_12 .grid-input {
    max-width: 95%;
}

.grid_6 .grid-input, .grid_12 .grid-input {
    max-width: 95%;
}

.grid_10 .grid-input {
    width: 99%;
}

.push_10px {
    margin-bottom: 10px;
}

.cellBgRed {
    background-color: red;
    border-color: red;
    color: white;
}

.cellBgGreen {
    background-color: green;
    border-color: green;
    color: white;
}

.cellBgYellow {
    background-color: yellow;
    border-color: yellow;
    color: black;
}

.cellColorGreen {
    color: green;
}

.cellColorRed {
    color: red;
}

.rigaRossa td {
    background-color: #FF5459;
}

.rigaRossa:hover td {
    background-color: #047710;
}

.rigaBlu td {
    background-color: #0053D6;
    color: white;
}

.rigaBlu:hover td {
    background-color: #047710;
}