#webconf-circle {
		position: fixed;
		
		transform-origin: left bottom;
		background: #5A5EB9;
		width: 100px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
		border-radius: 10px;
		text-align: center;
		border-bottom-left-radius:0px ;
		border-bottom-right-radius:0px ;
		color: white;
		cursor: pointer;
		box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
		z-index: 10;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
  }
  .webconf-circle-no {
	bottom: 160px;
	left: 0px;
	transform:rotate(90deg);
  }
  .webconf-circle-title {
	bottom: 160px;
	left: 200px;
	transform:rotate(0deg)!important;
}

  #webconf-content{
	position : fixed;
	text-align: center;
	padding-top: 20px;
	bottom : 60px;
	left : 0%;
	margin-left:-300px;
	width : 300px;
	height : 100px;
	background-color: white;
	border: solid 1px gray;
	z-index: 9;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
  }