/* Main module z-index */
#ws-module {
	z-index: 9999;
}

/* Badge background */
#ws-module #ws-badge {
	background: #FFFFFF;
}

/* Badge icon color (normal state) */
#ws-module #ws-badge svg {
	fill: #0994d4;
}

/* Badge icon color (connected state) */
#ws-module.ws-connected #ws-badge svg {
	fill: #4cce62;
}

/* Content background */
#ws-module #ws-content {
	background: #FFFFFF;
}

/* Normal text color */
#ws-module .ws-text {
	color: #808080;
}

/* Highlighted text color */
#ws-module .ws-text.ws-highlighted {
	color: #0994d4;
}

/* Separator color */
#ws-module .ws-separator {
	background: linear-gradient(to right, #eeeeee 0%,#dddddd 50%,#eeeeee 100%);
}

/* Normal button text color */
#ws-module .ws-btn {
	color: #FFFFFF;
}

/* Normal button default background */
#ws-module .ws-btn {
	background: #0994d4;
}

/* Normal button mouseover background */
#ws-module .ws-btn:hover {
	background: #0474C2;
}

/* End button text color */
#ws-module .ws-btn.ws-btn-end {
	color: #FFFFFF;
}

/* End button default background */
#ws-module .ws-btn.ws-btn-end {
	background: #f66c64;
}

/* End button mouseover background */
#ws-module .ws-btn.ws-btn-end:hover {
	background: #f14c45;
}

/* Button border radius */
#ws-module .ws-btn {
	border-radius: 6px;
}

/* Loading anim color */
#ws-module .ws-img .ws-loading svg {
	stroke: #0994d4;
}

/* Ready icon color */
#ws-module .ws-img .ws-ready svg {
	stroke: #4cce62;
}

/* Failed icon color */
#ws-module .ws-img .ws-failed svg {
	stroke: #f66c64;
}

/* Main module vertical position */
#ws-module.ws-left {
	top: 150px;
}

/* Badge border radius */
#ws-module.ws-left #ws-badge {
	border-radius: 0 50% 50% 0;
}

/* Content border radius */
#ws-module.ws-left #ws-content {
	border-radius: 0 0 20px 0;
}

/* Main module vertical position */
#ws-module.ws-right {
	top: 150px;
}

/* Badge border radius */
#ws-module.ws-right #ws-badge {
	border-radius: 50% 0 0 50%;
}

/* Content border radius */
#ws-module.ws-right #ws-content {
	border-radius: 0 0 0 20px;
}

/* Menu height */
#ws-module.ws-top {
	top: 200px;
}

/* Footer height */
#ws-module.ws-bottom {
	bottom: 0;
}

/* Main module top position */
#ws-module.ws-top-fixed {
	top: 0;
	position: absolute; /* tapadjon vagy ne */
	right: 50%;
}

/* Badge border radius */
#ws-module.ws-top-fixed #ws-badge {
	border-radius: 50% 0 0 50%;
}

/* Content border radius */
#ws-module.ws-top-fixed #ws-content {
	padding: 0px 20px 0px 20px;
}