.wpot-topbar-inner {
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.wpot-topbar-box {
	position: fixed;
}
.wpot-component {
	display: inline-block;
	vertical-align: middle;
}
.close-icon {
	z-index:1;
	cursor: pointer;
	font-size: 17px !important;
	margin-right: 10px;
	position: absolute;
	text-align: center;
	right: 0;
	color: #fff;
}
.open-btn {
    position: fixed;
    right: 0;
    color: #fff;
    cursor: pointer;
    z-index: 9999;
}
.open-btn.open-btn-top {
    top: -40px;
    border-top: 19px solid #333;
    border-bottom: 19px solid transparent;
    border-left: 19px solid transparent;
    border-right: 19px solid #333;
}
.open-btn.open-btn-bottom {
    bottom: -40px;
    border-top: 19px solid transparent;
    border-bottom: 19px solid #333;
    border-left: 19px solid transparent;
    border-right: 19px solid #333;
}
.open-icon {
    position: absolute;
    font-size: 11px;
    left: 5px;
}
.open-btn-top .open-icon {
    top: -11px;
}
.open-btn-bottom .open-icon {
    top: 0;
}
.open-btn-top:hover {
    transition: all 0.5s ease 0s;
    border-top: 19px solid #595858;
    border-bottom: 19px solid transparent;
    border-left: 19px solid transparent;
    border-right: 19px solid #595858;
}
.open-active,
.close-active {
    transition: all 0.5s ease 0s;
}
.open-btn-top.open-active {
	top: 0;
	
}
.open-btn-bottom.open-active {
    bottom: 0;
}