bobdy {
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}


body,input,select,table,textarea,span,div,a {
    color: #3b5b98;
}


/* Controlli arrotondati (tutti tranne menu a tendina)*/
input[type="submit"] ,input[type="button"],input[type="text"],input[type="password"],textarea,a,#RiepilogoMese {
    padding:8px 2px;
      -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

/* Controlli arrotondati - menu a tendina*/
select,option {
    padding:8px 2px;
    appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    background-color:ghostwhite;

    text-shadow:0 1px 0 rgba(0,0,0,0.4);
    font-size:large !important;

    border-width:1px 5px 5px 1px !important;
    border-style:solid !important;
    border-color: #f2f2f2 !important;
}













}


input,textarea,select  {
	border-color: darkgrey ; /* #3b5b98; */
	Color:#3b5b98;
	border-width:1px;
	border-style:Solid;
	border-width:1px;	

}

/* Colore background quando i controlli sono enabled=false*/
input[disabled], select[disabled], textarea[disabled] {background-color: ghostwhite;} /* works in IE7+ and modern browsers */
input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {background-color:#FBFBFB;} /*  IE8+ and modern browsers */




/* Textbox */
input[type="password"], input[type="text"],textarea {
    padding: 6px;
    margin: 1px;
    height:2.8em;
}

/* Radio */
input[type="radio"] {
    padding: 116px;
    margin: 1px;
}



/* Pulsanti */
input[type="submit"],input[type="button"],a.buttonColor1, a.buttonColor2  {
    /*padding:16px 20px;*/
    padding:1em 1em;

}

/* Pulsante*/
.buttonColor1 {
    Border-Color: #ccccff;
    Color: #3b5b98;
    background-color: ghostwhite;
    font-weight: normal;
    border-width: 1px;
    border-style: Solid;
    border-width: 1px;
    text-decoration: none;
    display: inline-block;
}

.buttonColor2 {
	Border-Color:lightgray;
	Color:#292929;
	background-color:#F0F0F0;
    font-weight:normal;
    border-width:1px;
	border-style:Solid;
	border-width:1px;	
    text-decoration: none;
  display: inline-block;
 }

a.calendarioColor1 {
    color:yellow;
}


.calendarioColor1 {
        max-width:10%;
        margin:auto;
        vertical-align:middle;

}
/*Frecce mese predente successivo calendar.aspx*/
.CalendarMeseNextPrev a {
    font-size:1.6em;  /*serve per andare meglio a cliccare, con piu spazio sul touchscreen*/
    color:#3b5b98;
    padding:20px;
}


/*Casella di testo*/
.textboxColor1 {
	Border-Color:DarkBlue;
	Color:DarkBlue;
	background-color:white;
}




/*--------------------------------------TABLE DATI CONTATTO************************/

/*Table dati contatto*/
.tableDatiContatto {
    width:100%;
    max-width:100%;
	Border:none;
    border-style:none;
	color:#3b5b98;
    margin: 0 auto;
    word-break: break-all;
    /*background-color:ghostwhite;*/
   
}

.tableDatiContatto .tableDatiContattoColored {
background-color:ghostwhite;
}

/*Celle tabella dati contatto*/
.tableDatiContatto td {
padding: 5px 1px;
}

/*Label tabella dati contatto*/
.tableDatiContatto td span {
background-color:Transparent;
border-style:none;
}

/* td celle con nome campi (Nominativo, Indirizzo, Telefono ecc */
.tableDatiContatto .tableDatiContattoNomeCampo {
white-space: nowrap;
width:1%;
font-weight:bold;
}



/*******************DATAGRID GRIGLIA LISTA APPUNTAMENTI, LISTA INTERVENTI ECC *******************************/
.datagridColor1 {
    text-align:center;
    margin-left:auto; 
    margin-right:auto;
    padding:10px; 
    margin-top:30px;
    background-color:Transparent;

    
}


    .datagridColor1 td {
        border-color: #ccccff;
        Border-Width: 1px;
        border-style: solid;
        padding: 2px;
    }

table.datagridColor1 th, table.datagridColor1 td {
    border: 1px;
    border-style: none solid none solid;
    border-color: #ccccff;
}

.datagridColor1 .HeaderStyle {
    font-weight: bold;
    word-wrap: break-word;
    text-align: center;
    height: 40px;
    color: #ccccff; /* griglia header */
    background-color: white;
    border-width: 1px;
    border-style: solid;
}
    .datagridColor1 .HeaderStyle td {
    color:#3B5B98;  /* testo intestazioni header*/
    }
    


.datagridColor1 .HeaderStyleBreakAll {
    font-weight:bold;
    word-break:break-all;
    text-align:center;
    height:40px;
    color:#3B5B98;
    background-color:white;
    }

.datagridColor1 .AlternatingItemStyle {
    color:#3B5B98; 
    background-color:White;
}

.datagridColor1 .ItemStyle {

    Color: #3B5B98;
    background-color: GhostWhite;

}

.datagridColor1 .PagerStyle {
    text-align:center;
    background-color: White;
  
}   
.datagridColor1 .PagerStyle a{
    padding:0px 7px;
    font-size:1.4em;
    
}   



.datagridColor1 input {
    text-align:center;
    padding:10px 8px;
    margin:5px;
    Border-Color:#3b5b98;
	Color:darkblue;
	background-color:ghostwhite;
    font-weight:normal;
    border-width:1px;
	border-style:Solid;
	border-width:1px;	
    text-decoration: none;
}


/*Padding celle griglia orario giorni particolari slfagncal.aspx */
#datagridGiorniParticolari td {  
    padding:5px 5px;
}

/*Padding celle griglia orario base slfagncal.aspx */
#datagridCalendarioBase td {
    padding:5px 15px;
}

/*Padding celle griglia risultati ricerca pagina nuovo appuntamento slfinsapp.aspx*/
#dgRicerca td {
    padding:5px 3px;
    vertical-align:middle;
}


.pagerCompresso table {
    width:auto; /* Utile se uso minimize.css altrimenti si espnde al 100%*/
}



/******************************************************************************/




/* utilizzato ad esempio per tendine giorno mese ora minuti*/
.combo2caratteri {
    Height:2.5em;
    Width:4.5em;
    padding:6px 4px;
    
}

/* utilizzato ad esempio per tendine anno*/
.combo4caratteri {
    Height:2.5em;
    Width:6.2em;
    padding:4px 4px;
}



/* utilizzato ad esempio per textbox giorno mese in slfscelte.aspx*/
.text2caratteri {
    Height:2.5em;
    Width:3.5em;
    padding:6px 4px;
    text-align:center;

}

/* utilizzato ad esempio per tendine anno*/
.text4caratteri {
    Height:2.5em;
    Width:4.5em;
    padding:4px 4px;
    text-align:center;
}







/* menu a tendina*/
.selectColor1 {
	Border-Color:DarkBlue;
	Color:DarkBlue;
	background-color:white;
    padding:5px;
}


/* Div fascia width 100%*/
.div100x100 {
    clear:left; 
    float:left;
    border-style: none; 
    border-color: inherit; 
    border-width: 0; 
    width:100%; 
    padding: 0px; 
    margin:0px; 
    background-color:inherit; 
    color:white;
    text-align:center;
    vertical-align:middle;




}


/* Div fascia colorata width 100% (esempio: avanzamento esiti / dati aggiuntivi / ecc*/
.divFasciaColor1 {
    clear:left; 
    float:left;
    border-style: none; 
    border-color: inherit; 
    border-width: 0; 
    width:100%; 
    padding: 5px 0px; 
    margin-bottom: 20px; 
    margin-top:30px;
    background-color:#3b5b98; 
    text-align:center;
    font-size:1.1em;
    color:white;

}

/*Div con height differenti, affiancati side by side in flusso continuo su piu righe  (slfscelte.aspx)*/
.divOpzioniInFila {
 display:inline-table;
 margin:20px 0px 0px 20px;
 vertical-align:middle;
 max-width:100%
}

/*Tutte le label che riportano nome del campo, nome opzione ecc*/
.etichettaEvidenziata {
    font-weight:bold;
    margin-right:8px;
}

.warning {
    Color:red ;
    font-size:1.2em;
    font-weight:bold;
}


.divMenuTop {
    clear: left;
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    background-color: #3b5b98;
    border: 0;
    padding: 8px 0px;
    margin-bottom: 10px;

}
    






.centrale {
/* background-color:#0099FF; /*solo per vedere meglio la posizione del Div*/

 margin: 0 auto;
text-align: center; /*per IE*/

}





.tableCustom {
    clear:left; 
    float:left;
    display: table;
    border-collapse:separate;
    border-spacing:0px 0px;
    border-style: none; 
    border-color: inherit; 
    border-width: 0;
    width:100%;
    padding:0px;
    margin:0px;
    border-collapse: separate;
    border-spacing: 0px;
}
.rowCustom {
    display: table-row;
}
.cellCustom {
    display: table-cell;
    vertical-align:middle;
    text-align:left;
    word-wrap:break-word;
}

.cellFix {
    display: table-cell;
    text-align:left;
    vertical-align:middle;
    width:20%;
    word-wrap:break-word;
}




/*pannello dimensione fissa ridotta utilizzato ad esempio in slfinsapp.aspx*/
.pannelloRidotto {
    width: 50em;
}





/***********************STYLE RADIO BUTTON*******************************/
/*  http://viralpatel.net/blogs/css-radio-button-checkbox-background/ */
input[type=radio] {
    display:none;
    
}

    input[type=radio] + label {
        display: inline-block;
        margin: -2px;
        padding: 10px 12px;
        margin-bottom: 0;
        /*font-size: 14px;*/
        /*line-height: 20px;*/
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        background-image: linear-gradient(to bottom,#fff,#e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #ccc;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        border-bottom-color: #3b5b98;
        border-color: ghostwhite #ccccff #ccccff ghostwhite; /*marco*/
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    }
 
input[type=radio]:checked + label {
       background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color:#e0e0e0;
        background-color:ThreeDLightShadow;
        color:white;
}

/************************************************************************************/







/*----------------------- TABCONTAINER ---------------------------------------------------------------------*/
      /* Nasconde bordi TabContainer */
      .ajax__tab_body, .ajax__scroll_horizontal,.ajax__tab_xp ajax__tab_container ajax__tab_default,.ajax__tab_header,.ajax__tab_active,.ajax__tab_outer,.ajax__tab_inner {

          background:none !important;
          border:0px !important;
          font-family:roboto,verdana,tahoma,helvetica !important;
      }




      /* posizione generale pulsantiera TabContainer */
      .ajax__tab_header {
          margin-top:10px !important;
          margin-bottom:10px !important;
          margin-left:10px !important;
          height:30px !important; /* altezza pulsantiera - da modificare se si desidera cambiare l'altezza dei singoli pulsanti con la stessa height impostata per .ajax__tab_tab */
      }

      /* pulsanti interni del TabContainer */
      .ajax__tab_tab {
          background:none !important;
          border:1px !important;
          border-color:inherit !important;
          border-style:solid !important;
          width:140px !important;  /* larghezza pulsanti singoli del TabContainer*/
          height:30px !important; /* altezza singoli pulsanti - da modificare se si desidera cambiare l'altezza dei singoli pulsanti con la stessa height impostata la pulsantiera ( .ajax__tab_header )*/
      }

      .ajax__tab_outer {            
            margin-right:10px !important;  /* distanza tra un singolo pulsante del TabContainer e l'altro   */
      }

      /* posizione verticale del testo dell'etichetta del singolo pulsante rispetto al bordo del pulsante*/
      .ajax__tab_tab span {
          vertical-align:middle !important; 
          line-height: 30px !important; 
      }
/************************************************************************************/








/*----------------------- MODALPOPUPEXTENDER MODAL POPUP ---------------------------------------------------------------------*/

    .modalPopupBackground
    {
   background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
    }




    .modalPopupPanel
    {
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        min-width: 400px;  /* vedi   @media screen piu sotto*/
        width: 400px;
        height: 200px;
        padding:0px;
        margin:0px;
        border-color:lightblue;
        border-width:1px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        text-align:center;
    }
      @media screen and (max-width: 420px) {
       .modalPopupPanel {   /* per display piccoli*/
            min-width: 98%; 
            max-width: 98%; 
            width: 98%; 
 
            }
      }



    .ModalPopupTitle{
        background-clip: border-box;
        background-color: lightblue;
        background-origin: padding-box;
        background-size: auto;
        border-color: rgb(170, 170, 170);
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        color: rgb(34, 34, 34);
        display: block;
        font-weight: bold;
        outline-color: rgb(34, 34, 34);
        outline-style: none;
        outline-width: 0px;
        vertical-align: baseline;
        margin:3px;
        text-align:left;
        padding:6px;
    }       
    
     
    .ModalPopupText {
        text-align:left;
        padding:10px;
    }
    .ModalPopupButtons {
        padding:0 6px;
    }

        /* Se si usa materliazecss.com*/
       .ModalPopupTitleMaterialize{
        vertical-align: baseline;
        margin:3px;
        text-align:left;
        padding:6px;
    }  

/************************************************************************************/











/******************RIPEILOGO INIZIO MESE   SLFSCELTE.ASPX CALENDAR.ASPX*/
#RiepilogoMese { 
    /*arrotondamento in sezione arrotondamento*/
    background-color:GhostWhite;
    margin-right:40px; 
    text-align:center;
    border-color:lightblue;
    border-width:1px;
    border-style:solid;
    padding:0px;
}
.RiepilogoMeseHeader {
    background-color:#3b5b98;
    padding:5px;
}
.RiepilogoMeseEtichetta {
    font-size: 1.3em;
}
.RiepilogoMeseValore {
    font-size:1.3em;
    color:darkblue;
    line-height:1.2em;
    font-weight:bold;
}
/*******************************************/


    








/***************LOGIN SELFAGENT.ASPX*/

#login-div #cmbLingua, #login-div #cmbLingua option {
    font-size: small !important;
}


    #login-div input {
    border: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    }

    /* ---------- LOGIN ---------- */

    #login-div {
    margin: 10px auto;
    width: 330px;
    line-height: 1.5em;
    }

    #login-titolo {
    font-size:1.7em;
    margin:0 2px;
    padding: 20px 20px;
    font-size:x-large;
    }

    #login-titolo span[class*="fontawesome-"] {
    margin-right: 14px;
    }

    #login-div fieldset {
    background-color: #fff;
    padding: 20px 26px;
    font-size:1.3em;
   border:0px;
    }




    #login-div fieldset p {
    color: #777;
    margin-bottom: 14px;
    }


        #login-div .loginEtichetta{
            font-size:medium;
            font-weight:200;
        }
    #login-div fieldset p:last-child {
    margin-bottom: 0;
    }



    #login-div fieldset input[type="text"], #login-div fieldset input[type="password"] {
    background-color: #eee;
    color: #777;
    padding: 0.5em 0px;
    width: 100%;
    height:auto;
    font-size: large;
    font-weight:100;
     
    }

    #login-div fieldset input[type="submit"] {
    background-color: #3b5b98;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 4px 0;
    width: 100px;

    }

    #login-div fieldset input[type="submit"]:hover {
    background-color: #3b5b78;
    }

/*********************************************************************/


.invisibile {
    display:none;
    visibility: hidden;

}

.visibile {
    display:normal;
    visibility:visible;
}



/* pulsanti top pagina nuovo appuntamento slfinsapp.aspx*/
#cmdDatiRicerca,#cmdRisultato,#cmdDettaglio {
    width:12em;
}
@media screen and (max-width: 50em) {
#cmdDatiRicerca,#cmdRisultato,#cmdDettaglio {
    width:30%;
    
}
}

 
@media screen and (max-width: 25em) , screen and (max-width: 700px) ,
screen and ( -webkit-min-device-pixel-ratio: 1.25 ), only screen and ( min--moz-device-pixel-ratio: 1.25 ), only screen and ( -o-min-device-pixel-ratio: 1.25 / 1 ), only screen and ( min-device-pixel-ratio: 1.25 ), only screen and ( min-resolution: 100dpi ), only screen and ( min-resolution: 1.25dppx ) {

body,input,select,table,textarea,span,div,a {

        font-size: x-small;
    }

   

    /*Voci menu top (Calendario, gestione appuntamenti, esci ecc*/
    .divMenuTop {
     
    }

    /* Textbox */
    input[type="password"], input[type="text"],textarea {
    
        padding: 10px;
        margin: 1px;
    }
}


@media screen and (max-width: 40em) {
/*
    pannello dimensione fissa ridotta utilizzato ad esempio in slfinsapp.aspx
*/
    .pannelloRidotto {
        width: 100%;
    }

}










@media screen and (max-width: 40em) {
    /******************colonne griglie in varie pagine. Se invece la dimensione dello schermo è piu grande vengono decise automaticamente le varie larghezze*/
    .dgCol_data {
        min-width: 2em;
        width: 8em;
        word-break: break-all;
    }

    .dgCol_ora {
        min-width: 2em;
        width: 6em;
        word-break: break-all;
    }

    dgCol_dataora {
        min-width: 3em;
        width: 6em;
        word-break: break-all;
    }

    .dgCol_nomeutente {
        min-width: 2em;
        width: 8em;
        word-break: break-all;
    }

    .dgCol_stato {
        min-width: 4em;
        width: 8em;
        word-break: break-all;
    }

    .dgCol_note {
        word-break: break-all;
        min-width: 5em;
    }

    .dgCol_attivita {
        min-width: 3em;
        width: 8em;
        word-break: break-all;
    }

    .dgCol_nominativo {
        min-width: 3em;
        width: 8em;
        word-break: break-all;
    }

    .dgCol_indirizzo {
        min-width: 3em;
        width: 8em;
        word-break: break-all;
    }

    .dgCol_citta {
        min-width: 3em;
        width: 8em;
        word-break: break-all;
    }

    .dgCol_provincia1 {
        width: 1px;
        word-break: normal;
    }

    .dgCol_id {
        min-width: 2em;
        width: 5em;
        word-break: break-all;
    }
}
    /*****************************************************/