/* ASSISTENTE VIRTUALE */

#wrapper {
  width: 100%;
    max-width: 616px;
  position: relative;
}

#wrapper img {
  max-width: 100%;
}

#anchor-fullscreen-1 {
  height: 80%;
  width: 20%;
  position: absolute;
  left: 71%;
  top: 10%;
}

#anchor-fullscreen-2 {
  height: 30%;
  width: 7%;
  position: absolute;
  left: 91%;
  top: 60%;
}


#cbot-container{
	position:relative;	
	margin:0px;
	z-index:2;
	}

#msg-container{
overflow-x:hidden;
overflow-y:auto;
max-height:350px;	
background-color:#EAEDF2;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);

}

@media (max-width: 768px){
	.assistente{
		width:auto !important;
	}
}

.assistente{
	position:fixed;
	width:340px;
	bottom:0;
	padding-right:14px;
	margin-bottom:15px;
	border-radius:0 !important;
}

.single-msg{
	background-color:#EAEDF2;
	min-height:70px;
}

.assistente input{
  border:0px;  background-color: #FFFFFF;
  background-size: 35px 35px;
  padding-left:45px;
  background-repeat: no-repeat;
  background-position: left;
}

.msg-question{
	color:white;
	font-size:15px;
	padding:5px;
	margin: 20px 20px 20px 20px;
	display: inline-block;
	position: relative;
	height: auto;
	background-color: #106CDB;	
}
.msg-answer{
	color:black;
	font-size:15px;
	padding:5px;
	margin: 20px 30px 20px 20px;
	display: inline-block;
	position: relative;
	-ms-flex: 1 0 auto;
	flex: 1 1 0%;
	min-width: 200px;
	height: auto;
	background-color: #FFFFFF;	
}

.round{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

}
.tri-right.right-in:after{
	content: ' ';
	position: absolute;
	width: 25px;
	height: 0;
	left: auto;
	right: -23px;
	top: 30%;
	bottom:0;
	border: 6px solid;
	border-color: transparent transparent transparent #106CDB;
}

.tri-left.left-in:after{
	content: ' ';
	position: absolute;
	width: 25px;
	height: 0;
	right: auto;
	left: -23px;
	top: 30%;
	bottom: auto;
	border: 6px solid;
	border-color: transparent white transparent transparent;
}

.chat-text{
	word-wrap:break-word;
	max-width:300px;

}

#cbot-container .img-responsive{ 
width:100%;

}


#chatbox {
      padding-left: 30px;  

    }

	#input_container .form-control{
		border-radius:0 !important;
		box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
		/*box-shadow: 10px 10px 5px 1px #DED5F9;*/
	}
	
#input_container{
	width:100%;

}

#input_container input{
	height:65px;
	padding-top:15px;
	padding-right:35px;

}

#speakbtn{
	width:45px;
	height:45px;
	top:30%;
	position:relative;
	display:block;
}


#sendbtn{

	position:absolute;
	width:30px; 
	height:30px;
	bottom:10px;
	right:25px;
}

.img-container{
	position:relative;
	top:15px;
	z-index:1;
}

.row-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

}

.speak-left-icon{
	padding:5px;
	padding-top:0px;
	margin: 0px 0px 20px 10px;
	display: inline-block;
	position: relative;
}
.close-x{

}
.close-x a{
	text-decoration:none !important;
	font-size:17px;
}
#input_container label{
	display:none;
}
.assistantHide{
	display:none;
}

div.stars {
  width: 100%;
  display: none;
  height:60px;
  background-color:white;
}

input.star { display: none; }

label.star {
  float: right;
  padding: 10px;
  font-size: 25px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star:hover ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}


input.star-5:checked ~ label.star:before {
  color: #FE7;
  /*text-shadow: 0 0 20px #952;*/
}

input.star-1:checked ~ label.star:before { color: #F62; }

.stars legend{
	display:none;
}

.stars fieldset{
	height:0;
	padding:0;
}

.stars .hide_star{
	display:none;
}
label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

.over-va-img{
	position:absolute;
	margin-top:6%;
	color:white;
	margin-left:25px;
	padding-right:35%;
}

#img_va{
	width:70px;
	height:70px;
}

.fscreen_a{
	color:white;
	
}

.fs_vid{
	display:block;
}
/* FINE ASSISTENTE VIRTUALE */