#czat_right-box {
	z-index: 9999999;
	position: fixed;
	top: 60%;
	transform: translate(0, -47%);
	width: 350px;
	height: 47%;
	background-color: white;
	transition: 0.5s;
	border: 1px solid black
}

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

  #chat_right-box {
     top: 72%;
  }

}

#czat_right-box.open {
	left: calc(100% - 350px);
}

#czat_right-box.close {
	left: 100%
}

#czat_right-button {
	position: absolute;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.5s;
	font-weight: bold;
	width: 140px;
	height: 20px;
	padding: 5px;
	border: 4px solid black;
}

#czat_right-button>div {
	transition: 0.5s
}

#czat_right-inside {
	overflow-y: scroll;
	height: 100%;
}

//#czat_right-inside>div{padding:5px;font-size:12px;line-height:12px;border-bottom:1px dotted #0066cc}
#czat_right-inside>div {
	font-size: 12px;
	line-height: 12px;
	border-bottom: 1px dotted #0066cc
}

#czat_right-inside>div>a {
	color: black;
	font-weight: bold
}

#czat_right-inside>div>div {
	color: #6b6b47;
}

#czat_right-inside>div>div>a {
	color: #6b6b47;
	font-weight: bold
}

.open>#czat_right-button {
	top: -36px;
	left: 0;
	background-image: linear-gradient(to bottom, #d6453a, #a51b07);
	border-radius: 10px 10px 0px 0px
}

.open>#czat_right-button>div {
	width: 12px;
	height: 20px;
}

.close>#czat_right-button {
	left: -96px;
	top: 55%;
	transform: rotate(90deg);
	background-image: linear-gradient(to right, #d6453a, #a51b07);
	border-radius: 0px 0px 10px 10px
}

.close>#czat_right-button>div {
	width: 13px;
	transform: rotate(-90deg)
}