<? header ("Content-type: text/css;  charset: UTF-8"); 

session_start();
  
  $sesion=session_id();
  $serv=$_SERVER['DOCUMENT_ROOT'] . "/" ;

?>
<? $color1=file_get_contents( $serv."folder/".$sesion."/color1.txt"); ?>
<? $color2=file_get_contents( $serv."folder/".$sesion."/color2.txt"); ?>
<? $color3=file_get_contents( $serv."folder/".$sesion."/color3.txt"); ?>
<? $color4=file_get_contents( $serv."folder/".$sesion."/color4.txt"); ?>
<? $foreground=$color2; 
   list($r, $g, $b)=split(',',$foreground);
   
   $color1="#156AB7";
   $color2="#FFFFFF";
   $x1=round((0.5*$r)+(0.5*255)); $x2=round((0.5*$g)+(0.5*255)); $x3=round((0.5*$b)+(0.5*255));
   $colorx="rgba(".$x1.",".$x2.",".$x3.",255)"; ?>


.fab-container-llamame-cuadro-chat{
	float:left;
	bottom:-6px;
	left:15px;
	z-index:9999;
	cursor:pointer;
	position:fixed;
	display:flex;
	font-style:normal;
	font-size: 10px; 
	
	
}
.fab-icon-holder-llamame-cuadro-chat{
	width:200px;
	height:330px;
	border-radius:2%;
	background-image:linear-gradient(<? echo $color1; ?>,white);
	font-style:normal;
	box-shadow: 0 6px 20px rgba(0,0,0,0.2);
	opacity:0.7;	
	}	
.fab-icon-holder-llamame-cuadro-chat:hover{
	opacity:1;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
	font-style:normal;	
}
.fab-icon-holder-llamame-cuadro-chat i{
display:flex;
align-items:center;
justify-content:center;
padding:10px;
<!-- height:100%; -->

color:<? echo $color2; ?>;
font-style:normal;
}
.fab-icon-holder-llamame-cuadro-chat textarea{
color:#000000;
border-radius:2%;
border-color:<? echo $color1; ?>;
font-style:normal;
resize:none;
font-weight:300;

}
.fab-icon-holder-llamame-cuadro-chat-textarea{
color:#000000;
border-radius:2%;
border-color:<? echo $color1; ?>;
background:#ffffff;
font-style:normal;
resize:none;
font-weight:300;
margin:0px 0px 1px 0px;
width:180px;
	height:222px;
}

.fab-icon-holder-llamame-cuadro-chat input{
color:#000000;
width:100%;
font-style:normal;
font-weight:300;
border: 1px solid <? echo $color1; ?>;
border-radius:2%;
box-sizing:border-box;
padding:5px 1px;
margin:3px 0px 1px 0px;

}
.fab-icon-holder-llamame-cuadro-chat input[type=submit]{
color:<? echo $color2; ?>;
background:<? echo $color1; ?>;
width:100%;
font-weight600;
font-style:normal;
border-radius:4%;
border-color:<? echo $color2; ?>;
<!-- text-shadow: 1px 1px 2px black, 0 0 25px <? echo $color1; ?>, 0 0 5px black;  -->
}
.fab-icon-holder-llamame-cuadro-chat-powered{
color:<? echo $color1; ?>;
font-style:normal;
font-weight:300;
font-size: 9px; 

<!-- line-height: calc(1.3em + (1.5 - 1.3) * ((100vw - 21em)/(35 - 21))); -->
	 
}

.fab-icon-holder-llamame-cuadro-chat-close{
color:<? echo $color2; ?>;

border-color:<? echo $color2; ?>;
background:#ffffff;
font-style:normal;
resize:none;
font-weight:300;
margin:3px 0px 1px 100px;
width:25px;
	height:25px;

 border-radius:100%;
 background:<? echo $color2; ?>;
 color:<? echo $color1; ?>;
 justify-content:center;
 text-align:center;
	 
}
#table-wrapper{
position:relative;
}
#table-scroll{
height:182px;
overflow:auto;
margin-top:20px;
width:180px;
}
.table-scroll{
height:182px;
overflow:auto;
margin-top:20px;


}
#table-wrapper table{
width:100%;
}
#fotochat{
border-bottom-color:rgba(0,0,0,0.9);
border-bottom-style:solid;
border-bottom-width:thin;
border-right-color:rgba(0,0,0,0.9);
border-right-style:solid;
border-right-width:thin;
border-left-color:<? echo $color1; ?>;
border-left-style:solid;
border-left-width:thin;
border-top-color:<? echo $color1; ?>;
border-top-style:solid;
border-top-width:thin;
border-radius:100%;
width:75px;
height:80px;
float:left;
	bottom:256px;
	left:4px;
	z-index:10000;
	cursor:pointer;
	position:fixed;
	display:flex;
	box-shadow: 7px 1px 16px rgba(0,0,0,0.9);
}
.avisofijo{
float:left;
	bottom:0px;
	left:10px;
	z-index:19999;
	cursor:pointer;
	position:fixed;
	display:flex;
	font-style:normal;
	font-size: 10px; 
background:<? echo $color1; ?>;
color:<? echo $color2; ?>;
padding:10px;

}