/*
 *  Copyright (C) 2016 Daniele Meucci - www.diemme.it 
 *   
 *  This file is part of MANO.
 *
 *  MANO is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  MANO is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with Foobar.  If not, see <http://www.gnu.org/licenses/>.
 * 
 *  See COPYING file for more information.
*/

html form { height: 100%;
       font-family: "Lucida Sans", sans-serif;
}


body {
    font-family: Verdana, Arial, sans-serif;    
   /* color: #555;*/
    background-color: #0972a5;
    height: 100%;
    margin: 0;
   /* background: -webkit-linear-gradient(bottom,DodgerBlue 0%,AliceBlue 100%); /* For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(top,DodgerBlue 0%,AliceBlue 100%); /* For Opera 11.1 to 12.0 */
   /* background: -moz-linear-gradient(top,DodgerBlue 0%,AliceBlue 100%); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(top,DodgerBlue 0%,AliceBlue 100%); /* Standard syntax */    
}
    
    

.sfondo_mano {
    background-color: transparent;
    background: url("../img/mano2.png") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}
.row{
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}

[class*="col-"] {
    float: left;
    padding: 1px;
}
.header {
    background-color: white;
    color: blue;
    padding: 2px;
    /*max-height: 30%;*/
    width: 95%;
    margin-left: 1%;
    height: auto;
}

.header a:link {
   padding: 8px;
   color: whitesmoke;
   font-weight: normal;
   background-color :#33b5e5;
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.header a:visited {
    padding: 8px;
    color: whitesmoke;
    font-weight: normal;
    background-color :#33b5e5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.header a:hover {
    background-color: darkblue /*#0099cc;*/
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}
.aside {
    background-color: #33b5e5;
    padding: 5px;
    color: #ffffff;
    text-align: center;
    /*font-size: larger;*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    height: 280px;
}
.asideCLIENTE {
    background-color: #33b5e5;
    color: #ffffff;
    padding: 5px;
    /*font-size: larger;*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    height: auto;
}

.aside2 {
    background-color: #33b5e5;
    padding: 5px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    /*height: 100%;*/
}

.aside_offerta {
    background-color: #33b5e5;
    padding: 5px;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    height: auto;
}

.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 3px;
    width: 95%;
    margin-left: 1%;
}

table {
    width: 100%;
    padding: 0;
    font-size: small;
    border-collapse: collapse;
    color: black;
    font-family: sans-serif;
}

td, th {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: left;
}

th {
background: #333;
color: white;
font-weight: bold;
}

tr:nth-of-type(odd) {
background:#eee;
}

tr:nth-of-type(even) {
background:#c7dfdf;
}

/* For mobile phones: */
@media only screen and (min-width: 250px) and (max-width: 668px) {
    /* For tablets: */
    [class*="col-"] {
    width: 100%;
    }
    
    .footer {
        width: 98%;
    }
    .header {
        width: 98%;
    }
    
    
    #ricercattivita  table, #richiesteattese table, #schedaimpianto table {
        display: block;
    }
    
    #ricercattivita thead, #richiesteattese thead, #schedaimpianto thead {
        display: block;
    }
    
    #ricercattivita  tbody, #richiesteattese tbody, #schedaimpianto tbody {
        display: block;
    }
    #ricercattivita  th, #richiesteattese th, #schedaimpianto th {
        display: block;
    } 
    #ricercattivita  td, #richiesteattese td, #schedaimpianto td {
        display: block;
    } 
    #ricercattivita  tr, #richiesteattese tr, #schedaimpianto tr {
        display: block;
    }
    
    #ricercattivita tr:nth-of-type(odd), #richiesteattese tr:nth-of-type(odd) , #schedaimpianto tr:nth-of-type(odd) {
        background:#eee;
    }

    #ricercattivita tr:nth-of-type(even), #richiesteattese tr:nth-of-type(even), #schedaimpianto tr:nth-of-type(even) {
        background:#c7dfdf;
    }
    
    #ricercattivita  thead tr, #richiesteattese thead tr, #schedaimpianto thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    #ricercattivita td, #richiesteattese td , #schedaimpianto td {
        /* Per comportarsi come una "riga" della tabella */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        font-size: smaller;
     }

    #ricercattivita td:before, #richiesteattese td:before, #schedaimpianto td:before {
        /* Per inserire una descrizione ad ogni tabella */
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 5px;
        /*white-space: nowrap;*/
    }
    
    #ricercattivita td:nth-of-type(1):before { content: "Data"; }
    #ricercattivita td:nth-of-type(2):before { content: "Cliente"; }
    #ricercattivita td:nth-of-type(3):before { content: "Cantiere"; }
    #ricercattivita td:nth-of-type(4):before { content: "Rif - Attività"; }
    #ricercattivita td:nth-of-type(5):before { content: "Download"; }
    #ricercattivita td:nth-of-type(6):before { content: "Gestione"; }
    
    #richiesteattese td:nth-of-type(1):before { content: "Data"; }
    #richiesteattese td:nth-of-type(2):before { content: "Cantiere"; }
    #richiesteattese td:nth-of-type(3):before { content: "Descr. Richiesta"; }
    #richiesteattese td:nth-of-type(4):before { content: "Responsabile"; }
    #richiesteattese td:nth-of-type(5):before { content: "e-mail"; }
    #richiesteattese td:nth-of-type(6):before { content: "Telefono"; }
    #richiesteattese td:nth-of-type(7):before { content: "Gestione"; }
    
    /*SCHEDA MANUTENZIONE,TAG,LOCALIZZAZIONE,DESCRIZIONE,MARCA,CODICE,DATA MANUTENZIONE,ESITO,NOTE*/
    
    /*#schedaimpianto td:nth-of-type(1):before { content: "RIGA"; }*/
    #schedaimpianto td:nth-of-type(1):before { content: "SCHEDA MANUTENZIONE"; }
    #schedaimpianto td:nth-of-type(2):before { content: "TAG"; }
    #schedaimpianto td:nth-of-type(3):before { content: "LOCALIZZAZIONE"; }
    #schedaimpianto td:nth-of-type(4):before { content: "DESCRIZIONE"; }
    #schedaimpianto td:nth-of-type(5):before { content: "MARCA"; }
    #schedaimpianto td:nth-of-type(6):before { content: "CODICE"; }
    #schedaimpianto td:nth-of-type(7):before { content: "DATA MANUTENZIONE"; }
    #schedaimpianto td:nth-of-type(8):before { content: "ESITO"; }
    #schedaimpianto td:nth-of-type(9):before { content: "NOTE"; }
    
}

@media only screen and (min-width: 668px) and (max-width: 1025px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-2a {width: 23.95%;}
    .col-m-3 {width: 30%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 48.5%; height: auto;} /*41.66%; height: auto;}*/
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 63.7%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 97%;}
    .col-m-12 {width: 97%;}
}
@media only screen and (min-width: 1026px) {
    /* For desktop: */
    .col-1 {width: 8.08%; height: auto;}
    .col-2 {width: 16.2%;}
    .col-2-5 {width: 19.2% } /* area suddivida in 5 parti uguali*/
    .col-3 {width: 24.15%;}
    .col-4 {width: 32.20%;}
    .col-5 {width: 40.4%;}
    .col-6 {width: 48.5%;}
    .col-7 {width: 56.6%;}
    .col-8 {width: 64.68%;}
    .col-9 {width: 72.76%;}
    .col-10 {width: 80.84%;}
    .col-11 {width: 88.92%;}
    .col-12 {width: 97%;}
}

.loginindex {
  /*  background-image: url("../img/pugno.png");    */
    background-color: white;
    opacity: 0.9;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top;
    padding: 10px;
    margin:2%;
    margin-top: 25%;
    color: navy;
    text-align: center;
    font-size: medium;
    box-shadow: 0px 5px 10px 10px rgba(0,0,0,0.25);
    font-family: sans-serif;
    width: auto;
    /*height: 100%;*/
}




/*contenitore di tutto che centra nella pagina con margin: 0 auto; */
div#container { 
   /* width: 620px;
    margin: 0 auto;*/   
    background:#fff; 
}

div#header {
  /*  width:460px; */
    height: 120px;
    padding: 0px;
    background: white;
   /* float: left;*/
    text-align: center;
    background-image: url("../img/intestazione.jpg");    
    background-size: 70% 100%;
    background-repeat: no-repeat;
    background-position: top;
}

div#logout {
   width: 80px;
   padding: 20px;
   background: white;
   float: left;
}

#nav {
  /*  width: 580px; */
    text-align: center;
    padding: 2px 0px 2px 0px;
    background-color: red;
    float: left;
}

div#mes-full {
  /*  width:920px;*/
    clear:both;
    background: #e2e2e0;
}

div#content {
    margin: auto;
    /*width: 580px;*/
    
}

div#risultato {
  /*  width: 580px;*/
    padding: 20px;
    font-size: small ;
    color: whitesmoke; 
}



.textarea_dati {
    color: black;
    width: 98.5%;
    height: 90px;
}

.textarea_oggetto {
    width: 100%;
    height: 25px;
}

.descrizionecompleta {
    color: black;
    width: 98%;
    height: 140px;
}

.contenuto_titoli {
    width: 98.5%;
    height: 40px;
}


.contenuto_verifiche {
    width: 90%;
}

#cercamateriale {
    height: 40px;
    width: 98%;
}

.esito_text {
    width: 98%;
}

.esito {
    width: 100%;
}

.campi_descrizione_manutenzione {
    /*width: 240px;
    height: 100px;*/
    width: 100%;
    height: 100px;
}

.textarea_dati_cliente {
    width: 33%;
    height: 120px;
}

input.controlli {
    width: 10%;
}


.cerca_rapporto {
    width: 335px;
    height: 70px;
    font-size: small;
}

#nome_cantiere_dialog {
    width: 335px;
    height: 70px;
}

h1 {
  /*  width: 580px;*/
    letter-spacing: 2px;
    font-size: xx-large;
    font-style: italic;
    font-weight: bold;
    color: whitesmoke !important;
    
 /*  background-image: url("./img/pugno.jpg");
    background-repeat: no-repeat;
    background-position: top left;*/
 /*   background-size: 150px; 
         background-image: url("./img/intestazione.jpg");
    
    
    background-repeat: no-repeat;*/
    
}

h4 {
    text-align: center;
}

h3 { 
    text-align: left;
    color: whitesmoke;
    font-size: small;
}


/*table {
  /*  margin: auto;
    border-width: 5px;
    border-style: groove;
    border-color: black;
    width: 580px;
    padding: 20px;    */
    /*background-color: #0972a5;*/
 /*   background-color: #33b5e5;         */
    /*color: whitesmoke;*/
 /*   color: black;
    font-family: sans-serif;
   /* font-size: small;*/
/*}*/

#calendario table {
    border: 0px;
    margin: auto;
    width: 200px;
    padding: 0;
    font-size: small;
    border-collapse: collapse;
}

#calendario td {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
}

#calendario th {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    background: #c7dfdf;
    color: white;
    font-weight: bold;
}


#calendario tr:nth-of-type(odd) {
    background:black;
    color: whitesmoke;
}

#calendario tr:nth-of-type(even) {
    background:black;
    color: whitesmoke;
}

#calendario a:hover {
    background-color: whitesmoke; /*#0099cc;*/
}


#rapporto_lavoro table {
    border: 0px;
    margin: 0px;
 /*   width: 530px;*/
    color: whitesmoke;
    text-align: left;
   /* font-size: medium;*/
}


body.cliente {
    background-image: url("../img/pugno.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
}

table#risposta {
    width: 100%;
}

table.descrizionelavoro {
    margin-left: 18%;
    margin-right: 15%;
    width: 609px;
    padding: 10px;
}

/*th {
    border-bottom: 1px solid;
    padding: 10px;
}

td {
    padding: 10px; 
}*/



a:link {
   color: whitesmoke;
   font-weight: normal;
   text-decoration: none;
}

a:link:hover {
  /* color: #be7429;*/
  color: whitesmoke;
   font-weight: normal;
  /* text-decoration: underline;*/
}

a:visited {
  color: whitesmoke;
   font-weight: normal;
   text-decoration: none; 
}

label {
    display: block;
    margin: 20px 0 0 0;
}
select {
      width: 100%;
      height: 20px;
}

select.controlli {
    width: 80%;
    height: 20px;   
}


.numero_int_com_eco {
   /* border:1px solid #555;*/
    background-image:url("../jquery/themes/dark-hive/images/ui-bg_loop_25_000000_21x21.png");
    color: gainsboro;
    width: 50px;
    height: 25px;
}

.numero_ore_persone {    
    width: 25px;
    height: 20px;
    margin-left:0;
}

/*#trasferta { margin-left: 5.7em;}
#pernottamento { margin-left: 2.9em; }*/


input.nomi { width: 95%; height: 25px }




input.conferma {
        width: 170px;
        height: 30px;
        color: #fff;
        background-color: #003147;
        box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.2);
        margin: 5px;
        border-bottom-right-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
}

input.delete {
        width: 20px;
        height: 20px;
        color: #fff;
        float: right;
        background-color: white;
        background-image:url("../img/no.png"); 
        background-repeat: no-repeat;
        background-size: cover;
        /*box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.2);*/
}

input.add {
        width: 20px;
        height: 20px;
        color: #fff;
        background-color: white;
        background-image:url("../img/plus.png"); 
        background-repeat: no-repeat;
        background-size: cover;
        float: right;
        /*box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.2);*/
}


input.cerca {
        width: 30px;
        height: 30px;
        color: #fff;
        background-color: white;
        background-image:url("../img/cerca.jpg"); 
        background-repeat: no-repeat;
        background-size: cover;
        float: left;
        /*box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.2);*/
}


input.addscheda {
    color: #fff;
    background-color: #003147;
    box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.2);
    border: 2px solid red; 
    margin-left: 3%;
    /*border-bottom: none;*/
}

input.giorno {
        padding: 0px;
        border: black;
        margin: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        /*background-color: rgba(f0,0,0,1);*/
        
}

input {
    width: 92%;
}

/*dovuto ridefinire per ricercaattivita.php perchè usa
datarangepicker che mi modifica lo stile mio*/
input.confermaMano {
        width: 200px;
        height: 30px;
        color: #fff;
        background-color: #003147;
        box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.2);
        font-size: smaller;
        margin: 5px;
        border-bottom-right-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
}

.inputlogin {
    width: 41%;
}


div#login input {
    background: url("../img/login.jpeg") no-repeat scroll 0 0 transparent;
    width: 90px;
    height: 90px;
    /*margin-left: 30%;*/
    box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.2);
    margin-top: 8%;
}

#username{  font-size: medium;}
#password{  font-size: medium; }


.box {
    width: 90px;
    height: 90px;
    box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.2);
}

.login_input {  font-size: medium; padding: 8px; width: 65%; margin: 0 auto; }


.ui-selecting { background: #FECA40; }
.ui-selected {border:2px solid red; background:#003147;
                color: white; }
.selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.selectable li { margin: 3px; padding: 0.3em; font-size: 1.1em; height: 18px; }


/* Style per settare la visualizzazione dei Validate */
form .error {
    color: firebrick;
}
input.error { border: 2px dotted red; }
textArea.error {border: 2px dotted red; }
input:focus { border: 1px dotted black; }

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: firebrick;
	font-style: italic;
        margin-top: 0px;
}

.back_home {
        display: block;
	background-repeat: no-repeat;
        background-image: url("../img/back.png");
        background-size: cover;
        background-color: transparent;
        width: 100px;
        height: 100px;
}

.back_home:hover {
        background-image: url("../img/back-blue-white.png");
        background-color: transparent;
}

.impostazioni {
    display: block;
    float: right;
    background-repeat: no-repeat;
    background-image: url("../img/setting2.png");
    background-size: cover;
    background-color: transparent;
    width: 40px;
    height: 40px;
    padding: 0px;
}


.responsiveCal {
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
}
 
.responsiveCal iframe {
position: absolute; top:0; left: 0; width: 100%; height: 100%;
}

.wrapper {
  position:relative;
  padding:5px;
  margin: auto;
  width: 300px;
  height: 300px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.signature-pad {
  left: 0;
  top: 0;
  width: 300px;
  height: 200px;
  background-color: white;
}

/*
.row-oblique {
    display: inline-block;
    position: relative;
    width: 25px;
    
    border-width: 2px;
    border-style: solid;
    top: 10px;
}
.up {
    right: 47%;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); 
    transform: rotate(-45deg);
}

.down {
    top: 35px;
    right: 50%;
    -ms-transform: rotate(45deg); /* IE 9 */
 /*   -webkit-transform: rotate(45deg); /* Safari */
/*    transform: rotate(45deg);
}
*/