@-webkit-keyframes pulse {

  0% {

    background:transparent;

	color:#222;

  }

  50% {

      background:#27962D ;

	  color:#FFF;

  }

  100% {

      background:transparent;

	  color:#222;

  }

}

@keyframes pulse {

 0% {

    background:transparent;

	color:#222;

  }

  50% {

      background:#27962D ;

	  color:#FFF;

  }

  100% {

      background:transparent;

	  color:#222;

  }

}

@-webkit-keyframes pulse2 {

  0% {

    background:#222;



  }

  50% {

      background:#27962D ;



  }

  100% {

      background:#222;



  }

}

@keyframes pulse2 {

0% {

    background:#222;



  }

  50% {

      background:#27962D ;



  }

  100% {

      background:#222;



  }

}

.transition					{

							-moz-transition: all 0.3s ease-in-out;

							-webkit-transition: all 0.3s ease-in-out;

							-o-transition: all 0.3s ease-in-out;

							-ms-transition: all 0.3s ease-in-out;

							}

.transition2				{

							-moz-transition: all 0.6s ease-in-out;

							-webkit-transition: all 0.6s ease-in-out;

							-o-transition: all 0.6s ease-in-out;

							-ms-transition: all 0.6s ease-in-out;

							}

.view_ajax{

	display:block;

	overflow:auto;

	width: 100%;

	height: 300px;

	border: 1px solid #DDD;

	margin:0;

	padding:10px;

	background: #FFF;

	box-sizing:border-box;

	border-radius:3px;

}

#ajaxForm{

	display:block;

	margin:10px auto 0 auto;

	width: 100%;

	float:left;

}

#ajaxForm > input {width:100%; float:left; box-sizing: border-box;}

.chat_box {

	position: fixed;

    bottom: 10px;

	right: 10px;

	width: 300px;

	background-color: #222;

	padding:10px;

	box-sizing:border-box;

	border-radius: 3px;

	z-index:1000;

	padding:50px 10px 10px;

	-moz-transition: all 0.3s ease-in-out;

							-webkit-transition: all 0.3s ease-in-out;

							-o-transition: all 0.3s ease-in-out;

							-ms-transition: all 0.3s ease-in-out;



}

.chat_box.leggimi  {

	-moz-transition: all 0.3s ease-in-out;

							-webkit-transition: all 0.3s ease-in-out;

							-o-transition: all 0.3s ease-in-out;

							-ms-transition: all 0.3s ease-in-out;



	background-color: #27962D;

}

.chat_box.leggimi > .open_close_chat  {

	-moz-transition: all 0.3s ease-in-out;

							-webkit-transition: all 0.3s ease-in-out;

							-o-transition: all 0.3s ease-in-out;

							-ms-transition: all 0.3s ease-in-out;



	background-color: #27962D;

}

/**/

.admin_chat_box.clearfix.leggimi  {

	animation: pulse2 2s infinite;

	-moz-transition: all 0.3s ease-in-out;

							-webkit-transition: all 0.3s ease-in-out;

							-o-transition: all 0.3s ease-in-out;

							-ms-transition: all 0.3s ease-in-out;



	/*background-color: #27962D;*/

}

.admin_chat_box.leggimi > .open_close_chat  {

	animation: pulse2 2s infinite;

}

.nuovo_messaggio::after  {

	animation: pulse 2s infinite;

    width: 10px;

    height: 10px;

    display: inline-block;

    border-radius: 100%;

    content: "";

    margin: 4px 5px 0 5px;

}

.messaggio_ingresso {

    text-align: left;

    width: 100%;

    border-radius: 3px;

    box-sizing: border-box;

    background: #EFEFEF;

    padding: 5px;

}

.messaggio_uscita {

    text-align: right;

	width: 100%;

	padding:10px;

	box-sizing: border-box;

	border-radius:3px;

}

.data_ora {

	font-size: 12px;

	color: #888;

}

.textarea-chat { width:100%; border-radius:3px !important; height: 35px; line-height: 35px; padding:10px; border:1px solid #DDD; color:#666; box-sizing: border-box;}

.btnSend { width:100%; display: inline-block; margin:10px 0 0 0; color:#fff; background: red; text-align: center; line-height: 40px; height:40px; border:0;

border-radius:3px !important; overflow: hidden;}

.btnSend:hover  { color:#000; background: white;}

.open_close_chat {

	position: absolute;

	cursor:pointer;

    top: 0;

    height: 40px;

	line-height: 20px;

    left: 0;

    box-sizing: border-box;

    z-index: 1;

    background: red;

	color: white;

    padding: 10px;

    width: 100%;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}

.up-down { bottom: -415px !important;

    width: 120px !important;}

.open_close_chat > i {

    font-size: 18px;

}

.open_close_chat:hover {opacity:0.7;}

.azione { width:20px; height: 20px; float:right; position:relative;}

.turn {-ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);}

.uno {

	position: absolute;

    background: #000;

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    width: 20px;

    height: 2px;

    top: 9px;

}

.due {

	position: absolute;

    background: #000;

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    width: 20px;

    height: 2px;

    top: 9px;

}

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

.admin_chat_box {     width: 100%;

    float: left;

    margin: 0 0 40px 0;

    height: auto;

    overflow: hidden;

    background: #222;

    padding: 10px;

    box-sizing: border-box;

    border-radius: 3px;

    position: relative;

}



 .admin_chat_box .chiudi_chat {

    position: absolute;

    right: 8px;

    top: 0;

    color: #fff;

    font-size: 20px;

    cursor: pointer;

}



@media screen and (min-width: 640px) {

	.admin_chat_box {     
		
	width: 45%;

    float: left;

    margin: 0 5% 40px 0;

    height: auto;

    overflow: hidden;

    background: #222;

    padding: 10px;

    box-sizing: border-box;

    border-radius: 3px;}

}

.id-chat-utente, .id-chat { width:100%; display:inline-block; color:#FFF; line-height: 20px; font-size:12px; }