@charset "utf-8";
/* CSS Document */
 /*
 
 FILE CSS MADRE PER CONTENIMENTO PAGINE WPA
 
 */
/*
    link btn
    http://www.cssbuttongenerator.com/
    */
html, body {
    
    width: 99%;
    height: 100%;
	font-family:Arial;
	font-size:14px;
	/*font-size:18px;*/
    color:#111;
	/*background:	url('../images/welcome.png');*/
}

#container_WPA	{
	width: 100%;
        min-width: 900px;
        /*min-height: 500px;
	background-color:yellow;*/
	float:left;
	/*border-style:solid;
	border-width:1px;*/
	
        position: relative;
}
/* MARGINE SUPERIORE DOVE POTER INSERIRE ALCUNI DATI COME CLIENTE SELEZIONATO */
#superior {
	width: 100%;
        /*min-width: 900px;*/
	height: 40px;
	background-color:#84bbf3;
         float:left;
		 margin-TOP:-8px;
		 margin-left:-8px;
		 /*margin-bottom:10px;*/
		 border-bottom:1px solid #000;
		 position: fixed;
		 z-index:5;
		 overflow: hidden;
}
/* DIV DI CONTENIMENTO BLOCCHI DI SINISTRA COME BOTTONI */
#left_block {
	width: 10%;
        min-height: 440px;
		max-width: 100px;
	/*background-color:blue;*/
	float: left;
        /*position: fixed;*/
        top: 80px;

}

#container_dati {
    
    width:100%;
    min-width: 700px;
   /* min-height: 440px;*/
   /*background-color:pink;*/
    float:right;
    position: relative;
		margin-top:55px;
}

/*
#Footer
{
	margin-top:-16px;	
}
#Footer_dati
{
 margin-TOP:100%;
	width: 100%;
        
	height: 10px;
	background-color:#84bbf3;
         float:left;
		 
		 		 margin-left:-8px;
		 position: fixed;
		 z-index:4;
		 border-top:1px solid #000;

}
*/

#foother {
border-top:1px solid #000;
width : 100%;
	height: 30px;
text-align : right;
background-color : #84bbf3;
/*position:absolute;*/
bottom:0;


	
         float:left;
		 
		 position: fixed;
		 z-index:5;
		 overflow: hidden;
	
}
/* DIV CONTENIMENTO BOTTONI CON RELATIVE IMMAGINI */
#buttons {
	width: 80px;
	height: 82px;
	/* background-color:pink; */
	float: left;
	margin-left: 10px;
	margin-top: 4px;
}

#logo_block {
	width: 200px;
	height: 50px;
	
}

/* DIV CONTENIMENTO BOTTONI SUPERIORI */
#topbuttonsDestra{
	
	width: auto;
	height: 60px;
	float: right;
	margin-top:3px;
	/*background-color:red;*/
}

/* DIV CONTENIMENTO BOTTONI SUPERIORI */
#topbuttonsSinistra{
	
	width: auto;
	height: 60px;
	float: left;
	margin-top:3px;
	/*background-color:red;*/
}
/*
#ErrorContainerBox{
width: 102%;
float: left;
margin-left:-8px;
	height: 150px;
	 border-bottom:2px solid #000;
	margin-bottom:-50px;
	margin-top:34px;
	background-color:red;
			 position: fixed;
		 z-index:4;
		 
	
}
*/
/* DIV CONTENIMENTO SINGOLO BOTTONE PER ALLINEAMENTO A DESTRA */

#single_top_btn {

	width: auto;
	height: auto;
	float: right;

}

/* DIV CONTENIMENTO PER STAMPA LOCATION DELLA PAGINA */

#dove_sono {
/*background-color:blue;*/
	margin-left: 10px;
	margin-top: -17px;
	font-family:Arial;
	text-align:center;
	font-size:20px;
	color:#ccc;
}

#BtnTop
{
	margin-left:3px;
	margin-right:3px;
}

/* DIV CONTENIMENTO NOTIFICHE E MEX -- STACCATA LIEVEMENTE DAGLI ALTRI BOTTONI */

#mex_not {

	width: auto;
	height: auto;
	float: right;
	margin-right: 30px;

}

/* DIV DI CONTENIMENTO NUOVO MESSAGGIO DA INVIARE */

#new_mex_btn {

	float: right;
	height: auto;
	width: auto;
	/*background-color:pink;*/
}

/* DIV DI CONTENIMENTO NUOVO MESSAGGIO */

#new_mex_block {

	margin: 0 auto;
	margin-top: 1%;
	width: 90%;
	height: auto;
	float: left;
    float:right;
    position: relative;
}

/* DIV DI CONTENIMENTO OGGETTO MESSAGGIO E DIMENSIONAMENTO */

#mex_ogg {

	width: 90%;

}

/* DIV DI DIMENSIONAMENTO TEXT AREA PER NUOVO MESSAGGIO */

#textarea_mex {

	width: 90%;
	height: 50%;

}

/* DIV CONTENIMENTO DI UN BLOCCO DI CONVERSAZIONE */

#conversazione_block {

	width: 100%;
	height: auto;
	float:left;

}

/* DIV DI CONTENIMENTO DELL'OGGETTO LATERALE A SINISTRA CONTENENTE OGGETTO NOME E DATA */

#conv_left_block {

	width: 20%;
	height: 40px;
	float: left;


}

/* DIV CONTENENTE IL TESTO DEL MESSAGGIO IN UNA CONVERSAZIONE */

#conv_text_msg {

	width: 100%;
	height: 40px;
	float: left;

}

#risp_conv {

	width: 100%;
	height: 10%;
	float: left;

}

#risp_conv_text {

	width: 100%;
	height: 40px;
	float: left;
	
}

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

BOTTONI CSS GENERATI

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

.btn {
	-moz-box-shadow:inset 0px 0px 8px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 0px 8px 0px #bbdaf7;
	box-shadow:inset 0px 0px 8px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	/*font-size:18px;*/
	font-size:14px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:2px 2px 0px #528ecc;
	
}.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.btn:active {
	position:relative;
	top:1px;
}

#Campagne {
	
	font-size:18px;
}

#Risposte {
	
	font-size:18px;
}

#Cerca {
	
	font-size:18px;
}
#AppAndroid
{
	font-size:18px;
}

#SetDevice {
	font-size:18px;
}

#CV {

	font-size:18px;
}

#Anag
{
	/*padding:5px 20px;*/
}

#LogOut {

font-size:18px;
}

#Utenti {
	font-size:18px;
}

#Opzioni {

	font-size:18px;
}

#Messaggi {

	font-size:18px;
}

#Notifiche {
	font-size:18px;
}

#File{
	font-size:18px;
}

#FineProv
{
	font-size:18px;
}

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

FINE BOTTONI CSS GENERATI

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

#Wait
{
	display: none;
	margin-left:40%;
	margin-top:50px;
	z-index:102;
	height: 200px;
	width: 200px;
	position:fixed;/*
	border: solid 1px black;
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;*/
}

#black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
    background-color:#CCC;
	z-index:101;
	-moz-opacity: 0.8;
	opacity:0.80;
	filter: alpha(opacity=80);
}

.WhaitMasck
{
	margin-top:50%;
	width: 983px;
	height: 200px;
    position:fixed;
}

.WhaitOptClose
{
	margin-left:898px;
	width: 30px;
	height: 31px;
	z-index:1009;
	border: 4px solid #39c;
	background:	url('../img/close_button.png');
	cursor:pointer;
	position:Absolute;
}

.WhaitOptText
{
	width: 600px;
	margin: 0 auto;
	max-height:600px;
	color:#000;
	float:left;	
	background-color:#FFF;
	z-index:1005;
	border: 4px solid #39c;
	position:Absolute;
	overflow:auto;
    	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.WhaitAttImg
{
	margin-top:-500px;
	margin-left:392px;
	width: 200px;
	height: 200px;
	z-index:1009;
	background:	url('../img/wait.gif');
	position:Absolute;
}

.WhaitAttText
{
	margin-left:300px;
	margin-top:20px;
	width: 384px;
	max-height:100px;
	color:#fff;
	float:left;	
	z-index:1005;
	position:Absolute;
	overflow:auto;
	text-align:center;
}

.WhaitAttMasck
{
	margin-top:50%;
	width: 983px;
	height: 200px;
    position:fixed;
}



.white_content {
	width: 100%;
	display: none;
	
	position: Absolute;
	z-index:102;
	
}

.tooltips-gray{
background:#444444;
color:#FFFFFF;
text-align:left;
height: auto;
margin-top: 0px;
padding-top:4px;
}
.tooltips-gray div{
background:url(../img/tips_gray.png) left bottom no-repeat;
background-color: white;
padding-top: 0px;
height:18px;

}

#OptOk
{
	color:green;
}

.sms-data
{
	float: right;
	font-family:Arial;
	font-size:14px;
	color:#CCC;
}

.CliFollow {
    height:16px;
    width:22px;
    font-weight:bold;
    float: left;
    background-color:black;
    margin-left:3px;
    margin-right:3px;
    -webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:25px;
    color:#fff;
    font-family:Arial;
	font-size:14px;
    border: 1px solid #000;
    text-align:center;
}

.PallinoVerde {
    height:25px;
    width:25px;
    font-weight:bold;
    float: left;
    background-color:green;
    margin-left:3px;
    margin-right:3px;
    margin-top:5px;
    -webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
    color:#fff;
    font-family:Arial;
	font-size:14px;
    border: 0px solid #000;
    text-align:center;
}

.PallinoRosso {
    height:25px;
    width:25px;
    font-weight:bold;
    float: left;
    background-color:red;
    margin-left:3px;
    margin-right:3px;
    margin-top:5px;
    -webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
    color:#fff;
    font-family:Arial;
	font-size:14px;
    border: 0px solid #000;
    text-align:center;
}

.PassDa {
    color:#FFF;
	background-color:#1A2BC8;
}

.CercoMac {
    color:#000;
	background-color:yellow;
}

.TBbtnCont {
    height:50px;
    width:100px;
}

.TBbtn {
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
}

.ElCliSep {
    float: right;
    color:#000;
}

.InfoCli {
    height:16px;
    width:20px;
    font-weight:bold;
    float: right;
    margin-left:3px;
    margin-right:3px;
  
    font-family:Arial;
	font-size:14px;
    border: 1px solid #000;
    text-align:center;
}

.InfoCliMasc
{
    height:20px;
    width:20px;
    font-weight:bold;
    float: right;
    margin-left:3px;
    margin-right:3px;
    -webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
    font-family:Arial;
	font-size:14px;
    color:#000;
    background-color: #CCC;
    border: 1px solid #000;
    opacity:0.0;
    text-align:center;
}
/*BOX ERROR*/
.white_content_Error {
	width: 100%;
	/*display: none;*/
	/*display: none;*/
	margin-left:200px;
	position: fixed;
	z-index:102;
	
}

.WhaitOptClose_Error 
{
	margin-left:570px;
	width: 30px;
	height: 31px;
	z-index:1009;
	border: 4px solid #39c;
	position:Absolute;
	overflow:auto;
    	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:	url('../img/close_button.png');
	cursor:pointer;
	position:Absolute;		
}

.WhaitOptText_Error 
{
	width: 600px;
	/*margin: 0 auto;*/
	margin-left: 0px;
	max-height:600px;
	color:#000;
	float:left;	
	background-color:#FFF;
	z-index:1005;
	border: 4px solid #39c;
	position:Absolute;
	overflow:auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}

.black_overlay_Error{
	/*display: none;*/
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
    background-color:#CCC;
	z-index:101;
	-moz-opacity: 0.8;
	opacity:0.80;
	filter: alpha(opacity=70);
}
/*BOX ERROR FINE*/

.UserCerchio
{
	margin-top:2px;
	margin-right:10px;
	cursor:pointer;
}

#Filtro
{
	width: 100%;
	cursor:pointer;
}

.DataTb
{	
	float: right;
	font-size:10px;
	margin-right:5px;
}