/* alegreya-regular - latin */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  src: local('Alegreya Regular'), local('Alegreya-Regular'),
       url('../fonts/fonts/alegreya-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/fonts/alegreya-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.uonlinestatus{
	position: absolute;
    color: transparent;
	font-size: 10px;
	bottom:0px;	
	right:-3px
}

.ustatusonline{
	color:  #11e911;	
}
.docova-avatar-box {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
}
DIV.docova-avatar-box UL {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	justify-content: center;
	display: flex;
}
DIV.docova-avatar-box UL LI {
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	flex-flow: wrap;
	margin-left: 0;
	position: relative;
	cursor: pointer;
}
DIV.docova-avatar-box UL .avatar-s {
	width: 35px;
	height: 35px;
}
DIV.docova-avatar-box UL .avatar-m {
	width: 60px;
	height: 60px;
}
DIV.docova-avatar-box UL .avatar-l {
	width: 110px;
	height: 110px;
}
DIV.docova-avatar-box UL .avatar-x {
	width: 190px;
	height: 190px;
}
DIV.docova-avatar-box UL LI B {
	height: 100%;
	display: block;
	text-align: center;
	font-family: Poppins;
	transform: translateY(9%);
}
DIV.docova-avatar-box UL .avatar-s B { font-size: 1.5em; }
DIV.docova-avatar-box UL .avatar-m B { font-size: 2.8em; }
DIV.docova-avatar-box UL .avatar-l B { font-size: 5em; }
DIV.docova-avatar-box UL .avatar-x B { font-size: 6.5em; }
.color-1 {
	background: red;
	fill: red;
	color: white;
}
.color-2 {
	background: green;
	fill: green;
	color: white;
}
.color-3 {
	background: cornflowerblue;
	fill: cornflowerblue;
	color: white;
}
.color-4 {
	background: pink;
	fill: pink;
	color: black;
}
.color-5 {
	background: orange;
	fill: orange;
	color: white;
}
.color-6 {
	background: #8B00FF;
	fill: #8B00FF;
	color: white;
}
.color-7 {
	background: #ff8c8c;
	fill: #ff8c8c;
	color: black;
}
.color-8 {
	background: green;
	fill: green;
	color: black;
}
.color-9 {
	background: cornflowerblue;
	fill: cornflowerblue;
	color: black;
}
.color-10 {
	background: yellow;
	fill: yellow;
	color: black;
}
.color-11 {
	background: orange;
	fill: orange;
	color: black;
}
.color-12 {
	background: #8B00FF;
	fill: #8B00FF;
	color: black;
}