tableDatiContattoNomeCampobody {
    -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 {
    font-family: Arial;
    font-size:medium;
    color: #3b5b98;
}






/* Controlli arrotondati (tutti tranne menu a tendina)*/
input[type="submit"] ,input[type="button"],input[type="text"],input[type="tel"],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;
}


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="tel"],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:lightblue;
	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%;
}



/*******************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:lightblue;
     Border-Width: 1px;  
     border-style: solid;
     padding:2px;
}

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

.datagridColor1 .HeaderStyle {
    font-weight:bold;
    word-wrap:break-word;
    text-align:center;
    height:40px;
    color:lightblue; /* 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;
}


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




/* 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: 15px 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     font-weight:bold;   */
.etichettaEvidenziata, tableDatiContatto span, .tableDatiContattoNomeCampo span {
    font-size: larger !important;
    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;

}


/* ------------MENUTOP MENU TOP --------------------------------------------*/

#MenuTop {
    height: auto !important;
}


    #MenuTop ul {
        width: 100% !important;
        height:auto !important;
    }

        #MenuTop ul li{
           
            line-height: 30px !important;
        }

    #MenuTop ul li.static {
        width: 20% !important;
        text-align: center;
    }

        #MenuTop ul li {
            vertical-align: middle !important;
            line-height: 50px !important;
        }

    #MenuTop a.popout { /*nasconde la freccietta nera che indica la presenza di un sottomenu*/
        background-image: none !important;
    }


#MenuTop a {
    height: 50px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}


@media screen and (max-width: 60em) {
/*rimpiciolisco il font ma non vado ancora mai a capo...*/
    #MenuTop a {
        font-size: 1.0em !important;
    }
}

@media screen and (max-width: 50em) {
    /*inizio a consentire di andare a capo (line-height)*/
    #MenuTop a {
        height: 30px !important;
        line-height: 10px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
        padding-top:10px !important;
    }
    #MenuTop ul li {
        line-height: 10px !important;
       
    }
}

@media screen and (max-width: 25em) {
    #MenuTop a {
    font-size:0.8em !important;
    }

}

/* --------------------------------------------------------------*/






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

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

}





.table {
    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;
}
.row {
    display: table-row;
}
.cell {
    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 lightblue lightblue 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;
      }

      /* 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;
        width: 300px;
        height: 140px;
        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;
    }
    .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;
    }
/************************************************************************************/


/*etichetta DEMO calendar.aspx*/
.calendar_white_corner div:last-child {
visibility:hidden;
}






/******************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;
}
/*******************************************/




/******************Maschera Cambio password - profile.aspx*/
#changepass-div {
    margin: 10px auto;
    width: 350px;
    line-height: 1.5em;
}





/***************LOGIN SELFAGENT.ASPX*/
#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: 300px;
    line-height: 1.5em;
}

#login-titolo {
    font-size: 1.7em;
    margin: 0 2px;
    padding: 20px 26px;
    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"],input[type="tel"],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;
    }
}
    /*****************************************************/






#DataGrid2 tbody tr :nth-child(10) {
width:300px !important;
}