html, body, div, p, input, select{
	background:white;
	font-family:Courier, sans-serif;
	margin:0;
	padding:0;
	font-size:14px;
	color:#193d84;
	background:none;
	overflow-x:hidden;
}
html, body{
	height:100%;
	overflow-y:hidden;
}
img {
	vertical-align:middle;
}
ins {
	text-decoration:none;
}
input{
	background:yellow;
}
textarea:focus {
	background:#ddfca8;
}
div#mainBackground{
	width:100%;
	height:100%;
	background:black;
	z-index:10;
	opacity:0.5;
	position:fixed;
	top:0;
}
div#whiteBackground{
	width:100%;
	height:100%;
	background:white;
	z-index:10;
	opacity:0;
	position:fixed;
	top:0;
}
div#grayBackground{
	width:100%;
	height:100%;
	background:white;
	z-index:13;
	opacity:0;
	position:fixed;
	top:0;
}
div#greyBackground{
	width:100%;
	height:100%;
	background:black;
	z-index:15;
	opacity:0.5;
	position:fixed;
	top:0;
}
div#profile {
	position:fixed;
	top:60px;
	left:101%;
	width:400px;
	background:white;
	overflow:hidden;
	border:1px solid #193d84;
	border-right:none;
	border-top:none;
	padding-left:20px;
	z-index:12;
}
div#peerProfile {
	position:fixed;
	top:60px;
	left:101%;
	width:29%;
	background:rgb(245,245,245);
	overflow:hidden;
	border-bottom:2px solid #8bda04;
	padding-left:1%;
	z-index:12;
}
input.peerProfileDetls {
	border:none;
	width:98%;
	background:white;
	padding:5px 3px;
	font-size:14px;
}
div#selfProfile {
	position:fixed;
	top:100px;
	left:-100%;
	width:98%;
	background:rgb(245,245,245);
	border-top:1px solid #8bda04;
	z-index:12;
	overflow-y:auto;
}
input.selfProfileDetls {
	border:none;
	width:98%;
	background:white;
	padding:5px 3px;
	font-size:14px;
	background:#ddfca8;
}
div#dialpad {
	position:fixed;
	top:70px;
	width:300px;
	background:rgb(245,245,245);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:10;
	border-radius:10px;
	display:none;
	font-family:Calibri Light, Arial, sans-serif;
}
p#dialP {
	width:100%;
}
table#dialTable {
	width:280px;
	margin:auto;
	border-spacing:5px;
	padding-top:10px;
}
table#dialTable tr td{
	border:1px solid #193d84;
	text-align:center;
	font-size:22px;
	padding: 5px 0;
	border-radius:5px;
	cursor:pointer;
	width:90px;
}
td.dialNum:hover {
	background:#193d84;
	color:white;
}
input#dialNum {
	width:255px;
	padding:10px 5px;
	border:1px solid #193d84;
	border-radius:8px;
	font-size:18px;
	font-weight:bold;
}
div.subNavigation {
	position:fixed;
	left:101%;
	width:29%;
	background:rgb(225,225,225);
	overflow:hidden;
	border:1px solid #8bda04;
	border-top:none;
	padding-left:1%;
	z-index:12;
}
div.peerNavigation {
	position:fixed;
	left:101%;
	width:200px;
	background:rgb(225,225,225);
	overflow:hidden;
	border:1px solid #193d84;
	padding-left:1%;
	z-index:12;
}
div#vdesktop {
	z-index:14;
	top:297px;
}
div#settings {
	z-index:14;
	top:322px;
}
div#shopping {
	z-index:14;
	top:370px;
}
div#nattering {
	z-index:14;
	top:165px;
}
div#peerNavi {
	top:100px;
}
div.startANatter{
	display:none;
}
div {
	width:100%;
}
.prevButton {
	visibility:visible;
	cursor:pointer;
}
p.pFunction {
	width:67%;
	line-height:60px;
}
p.pTop {
	width:100%;
	height:60px;
	background:rgb(225,225,225);
	padding:0;
	margin:0;
	vertical-align:middle;
}
p.pOverview {
	width:67%;
	margin-left:1%;
	display:inline-block;
}
p.pConference {
	display:inline-block;
	vertical-align:top;
}
p.pConference img{
	vertical-align:top;
}
p.hiddenGroup {
	display:inline-block;
	vertical-align:top;
	display:none;
}
p.hiddenGroup img{
	vertical-align:top;
}
span.pOffice img{
	vertical-align:middle;
}
p.pTop img {
	vertical-align:middle;
}
p.phide {
	visibility:hidden;
}

p.pPointer {
	cursor: pointer;
}

span.sPointer {
	cursor: pointer;
}

strong.sPointer {
	cursor: pointer;
}

p.pBold {
	font-weight: bold;
}

span.sBold {
	font-weight: bold;
}

p.pLarger {
	font-size:16px;
}

span.sLarger {
	font-size:16px;
}

p.pSmaller {
	font-size:12px;
}

span.sSmaller {
	font-size:12px;
}

span.sHide {
	display:none;
}

span.sRight {
	float:right;
}

span.hr {
	display:block;
	width:100%;
	border-top:1px solid rgb(225,225,225);
	color:white;
	margin-top:17px;
}

p.pCenter {
	position: absolute;
	top: 50%;
	left: 50%;
	/* transform: translate(-50%, -50%); */
}
p.nameAsk {
	width:400px;
	margin-top: -200px;
	margin-left: -200px;
	background:white;
	border-radius:5px;
	z-index:13;
	text-align:center;
}
p.nameShare {
	width:500px;
	margin-top: -200px;
	margin-left: -250px;
	background:white;
	border-radius:5px;
	z-index:17;
}
p.loginAsk {
	width:420px;
	margin-top: -200px;
	margin-left: -210px;
	background:white;
	border-radius:5px;
	z-index:13;
}
p.vDesktopAdd {
	width:400px;
	margin-top: -200px;
	margin-left: -200px;
	background:white;
	border-radius:5px;
	z-index:12;
}
p.ntcLayout {
	width:500px;
	margin-top: -200px;
	margin-left: -250px;
	background:white;
	border-radius:5px;
	z-index:11;
	overflow-y:auto;
}
p.ntcLayout img{
	vertical-align:middle;
}
p.checkoutLayout {
	width:72%;
	max-height:85%;
	top:60px;
	margin-left: -36%;
	background:white;
	border-radius:5px;
	z-index:11;
	overflow-y:auto;
}

p.inProgress {
	background:white;
	border-radius:5px;
	padding:0;
	margin:0;
	margin-left: -38px;
	z-index:13;
	height:64px;
	overflow:hidden;
}
span#progressPer {
	position:absolute;
	left:49%;
	display:none;
	color:#8bda04;
}
p.nameAsk img{
	vertical-align:middle;
}
p.nameShare img{
	vertical-align:middle;
}
span.wButton {
	padding:4px 10px 6px 10px;
	background:white;
	color:#8bda04;
	border:1px solid #8bda04;
	cursor:pointer;
}
span.wwButton {
	padding:4px 10px 6px 10px;
	background:white;
	color:#8bda04;
	border:1px solid #8bda04;
}
span.wButton:hover {
	border:1px solid #193d84;
}
span.xButton {
	padding:4px 10px 6px 10px;
	background:#8bda04;
	color:white;
	border:1px solid #193d84;
}
span.yButton {
	padding:4px 10px 6px 10px;
	background:rgb(245,245,245);
	color:#193d84;
	border:1px solid #193d84;
	cursor:pointer;
}
span.yButton:hover {
	border:1px solid #8bda04;
}
span.zButton {
	padding:4px 10px 6px 10px;
	background:#193d84;
	color:white;
	border:1px solid #193d84;
	cursor:pointer;
}
span.vButton {
	padding:5px 10px;
	background:#193d84;
	color:white;
	cursor:pointer;
	margin-left:2%;
	border-radius:3px;
}
span.vButton:hover {
	background:#8bda04;
}
span.uButton {
	padding:10px;
	background:#8bda04;
	color:white;
	border-radius:4px;
	cursor:pointer;
	border:1px solid #193d84;
	font-size:16px;
	width:25%;
	text-align:center;
}
span.uButton:hover {
	background:#193d84;
}
span.uuButton {
	padding:5px 10px;
	background:#8bda04;
	color:white;
	border-radius:4px;
	cursor:pointer;
	border:1px solid #193d84;
	font-size:16px;
	width:22%;
	text-align:center;
}
span.uuButton:hover {
	background:#193d84;
}
span.sButton {
	display:inline-block;
	width:150px;
	padding:10px;
	background:#193d84;
	color:white;
	border-radius:4px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	border:2px solid white;
}
span.sUnButton {
	display:inline-block;
	width:150px;
	padding:10px;
	background:#808080;
	color:white;
	border-radius:4px;
	text-align:center;
	font-weight:bold;
	border:2px solid white;
}
span.sUnder {
	text-decoration:underline;
	cursor:pointer;
}
span.sInput {
	font-size:18px;padding:15px 0;width:100%;
	background:#193d84;
	color:white;
	text-align:center;
	font-size:14px;
}
span.credInput {
	font-size:15px;
	padding:10px 0;
	width:100%;
	text-align:center;
}
span.badgeDetails {
	font-size:15px;
	padding:5px 0;
	width:90%;
	margin:auto;
}
span.credInput input{
	padding:10px 5px;
	font-family:Corbel, sans-serif;
	border:1px solid #808080;
	background:white;
	width:90%;
	color:#193d84;
	outline:none;
}
span.credInput textarea{
	padding:10px 5px;
	font-family:Corbel, sans-serif;
	border:1px solid #808080;
	background:white;
	width:90%;
	resize:none;
	font-size:14px;
	color:#193d84;
	outline:none;
}
textarea.transferNotes {
	padding:10px 5px;
	font-family:Corbel, sans-serif;
	border:none;
	background:rgb(245,245,245);
	width:98%;
	resize:none;
	font-size:15px;
	color:#193d84;
	border-radius:5px;
}
textarea.liveMessgeSend {
	width:380px;
	padding:5px 10px;
	font-family:Corbel, sans-serif;
	border:none;
	background:rgb(225,225,225);
	resize:none;
	color:#193d84;
	font-size:14px;
}
span.sTitle {
	display:inline-block;
	font-size:14px;
}
span.sTitle input{
	padding:10px 5px;
	font-family:Corbel, sans-serif;
	border:1px solid #808080;
	background:white;
	width:95%;
	font-size:16px;
}
span.sPro {
	width:18%;
	text-align:center;
	margin-top:10px;
	margin-left:1%;
}
span.sMyid {
	width:40%;
	vertical-align:middle;
	line-height:22px;
	margin-top:2px;
}
span.sSearch {
	width:30%;
	text-align:right;
}
span.sSearch input {
	font-size:14px;
}
span.sDia {
	width:10%;
	text-align:center;
}
span.sMeeting {
	width:28%;
	text-align:center;
}
span.sNavi {
	width:6%;
	text-align:center;
	cursor:pointer;
}
span.sMeeting img {
	margin:0 5px;
}
span.sBlock {
	display:block;
}
span.sBlockInline {
	display:inline-block;
}
span.calendarBlockInline {
	display:inline-block;
	vertical-align:top;
}
img.imgPointer {
	cursor:pointer;
}
img.natterNavi{
	border:1px solid #8bda04;
	padding:0;
	border-radius:5px;
	width:45px;
	margin-top:-3px;
}
img.natterNavi:hover{
	border:1px solid white;
}
video.oneOnone {
	margin:0 3px;
	background:#193d84;
	border-radius:5px;
	object-fit: cover;
	display:none;
	border:2px solid white;
}
video.eachoneofvideo {
	margin:0 3px;
	background:#193d84;
	border-radius:5px;
	object-fit: cover;
	display:none;
	border:2px solid white;
}
video#mySelf {
	display:none;
	object-fit: cover;
	position:absolute;
	top:115px;
	left:31%;
	border:1px solid white;
	background:#193d84;
	cursor:move;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:12;
}
img#liveBackground {
	position:absolute;
	top:160px;
	left:31%;
	object-fit:cover;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:13;
}
img.logoCover {
	position:absolute;
	top:115px;
	left:31%;
	object-fit: cover;
	z-index:12;
}
video#sharingScreen {
	position:absolute;
	top:150px;
	left:31%;
	display:none;
	background:#193d84;
	object-fit: cover;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:11;
}
video#MYSELF {
	position:absolute;
	top:115px;
	left:31%;
	display:none;
	background:#193d84;
	object-fit: cover;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:12;
}
p#officeName {
	position:fixed;
	width:100%;
	line-height:60px;
	text-align:center;
	background:#193d84;
	color:white;
	font-size:16px;
	bottom:0;
	z-index:12;
	border-top:1px solid #8bda04;
	display:none;
}
p#officeName img {
	vertical-align:middle;
}
p#contactListing {
	overflow-y:auto;
	width:30%;
	background:rgb(245,245,245);
	line-height:20px;
	height:500px;
}
p#contactListing span img{
	vertical-align:middle;
}
p#callArea {
	width:70%;
	text-align:center;
	font-size:16px;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;
	vertical-align: middle;
}
p#messagingNatter {
	font-size:14px;
	line-height:55px;
	bottom:60px;
	text-align:center;
	background:rgb(225,225,225);
}
p#messagingStatus {
	font-size:12px;
	bottom:110px;
}
p#messageContents {
	font-size:14px;
	bottom:110px;
	line-height:20px;
	word-wrap: break-word;
	overflow-y:auto;
	font-family:Corbel, sans-serif;
}
input#messageContent {
	width:80%;
	font-size:16px;
	padding:5px;
	color:#193d84;
	border:1px solid #808080;
	background:white;
	font-family:Corbel, sans-serif;
}
input.messageContent:focus {
	background:#ddfca8;
}
textarea.messageContent:focus {
	background:#ddfca8;
}
p#uploadFiles {
	position:fixed;
	bottom:110px;
	right:10px;
	display:none;
	padding:5px 10px;
	border:1px solid #8bda04;
	border-radius:5px;
	z-index:11;
	background:rgb(225,225,225);
}
p#uploadFiles span img {
	vertical-align:middle;
	padding:0 15px;
	cursor:pointer;
}
p#addMedia {
	position:fixed;
	bottom:110px;
	right:10px;
	padding:5px 10px;
	border:1px solid #8bda04;
	border-radius:5px;
	z-index:11;
	background:rgb(225,225,225);
}
p#addMedia span img {
	vertical-align:middle;
	padding:0 15px;
	cursor:pointer;
}
p.rightSide {
	position:fixed;
	width:70%;
	left:30%;
	z-index:9;
	display:none;
}
p#profileSettings {
	position:fixed;
	top:55px;
	left:10px;
	display:none;
	padding:10px;
	border-radius:5px;
	z-index:11;
	background:rgb(245,245,245);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
p#profileSettings span img.profileComponents {
	vertical-align:middle;
	margin:0 15px;
	cursor:pointer;
	border-radius:3px;
	border:1px solid rgb(245,245,245);
}
p#profileSettings span img.profileComponents:hover {
	border:1px solid #193d84;
}
p#emailWenatter {
	width:69%;
	text-align:center;
	font-size:16px;
}
span#contacted {
	color:white;
	background:#8bda04;
	padding:10px 0;
	width:100%;
	display:block;
	font-size:16px;
}
table.peersAds {
	cursor:pointer;
	font-size:15px;
	width:100%;
	border-spacing:0;
	padding:10px 0;
	border-bottom:1px solid white;
}
table.peersAds:hover {
	background:white;
}
table.peers {
	cursor:pointer;
	font-size:15px;
	width:100%;
	border-spacing:0;
	padding:10px 0;
	border-bottom:1px solid white;
}
table.peers:hover {
	background:white;
}
td {
	vertical-align: bottom;
}
span.natter:hover {
	background:#8bda04;
}
span.inprocessing:hover {
	background:#8bda04;
}
span#thePeer {
	visibility:visible;
	padding:5px;
	margin-right:15px;
	display:block;
}
input.confirmedNew {
	width:80%;
	font-size:14px;
	padding:5px;
	color:#193d84;
}
img.sendMessage {
	vertical-align:middle;
	padding:5px;
	cursor:pointer;
}
span.eachMessage {
	padding:5px 10px;
	display:block;
	width:100%;
	margin-bottom:10px;
}
span.tempEachMsg {
	display:block;
	margin-bottom:15px;
	position:absolute;
	z-index:13;
	padding:10px 15px 10px 10px;
	background:#8bda04;
	border-radius:5px;
}
strong.tempMsg {
	font-family:Corbel, sans-serif;
	font-size:16px;
	margin-left:10px;
	background:rgb(225,225,225);color:#808080
}
strong.eachOfMsg {
	width:80%;
	font-weight:normal;
	margin-top:10px;
	padding:5px 10px;
	font-size:13px;
}
/*
strong.eachMsg {
	background:white;
	font-weight:normal;
	padding:5px 10px;
	border-radius:3px;
}
*/
strong.msgInline {
	display:inline-block;
}
strong.quotemsg {
	background:rgb(245, 245, 245);
	font-family:Corbel, sans-serif;
	padding:5px 10px;
	font-size:13px;
	color:#808080;
	font-weight:norma;
}
strong.sentmsg {
	background:rgb(245, 245, 245);
	font-family:Corbel, sans-serif;
}
strong.receivedmsg {
	background:rgb(225, 225, 225);
	font-family:Corbel, sans-serif;
}
strong.eachOfMsg img{
	vertical-align:middle;
}
span.welcomeGreeting {
	font-size:13px;
	display:block;
	width:90%;
	margin:auto;
	text-align:left;
	margin-left:5%;
}
img.proImg {
	margin:0 15px;
	border-radius:5px;
	width:40px;
}
span.navigation {
	width:8%;
}
span.navigate {
	width:12%;
	color:#8bda04;
}
span.snavigate {
	width:250px;
	margin-left:10px;
	color:#193d84;
}
span.navi {
	width:83%;
	line-height:40px;
	margin-left:3%;
	padding-left:3%;
	cursor:pointer;
	border-bottom:1px solid rgb(225,225,225);
}
span.naviCart {
	width:83%;
	margin-left:3%;
	padding-left:3%;
	padding-bottom:3px;
	cursor:pointer;
	border-bottom:1px solid rgb(225,225,225);
}
span.unNavis {
	width:83%;
	line-height:40px;
	margin-left:2%;
	cursor:pointer;
	border-bottom:1px solid rgb(225,225,225);
}
span.sunNavis {
	width:75%;
	line-height:40px;
	margin-left:15px;
	cursor:pointer;
	border-bottom:1px solid rgb(225,225,225);
}
span.snavi {
	width:83%;
	line-height:40px;
	margin-left:0;
	padding-left:3%;
	cursor:pointer;
	border-bottom:1px solid white;
}
span.nnavi {
	width:83%;
	line-height:40px;
	margin-left:3%;
	padding-left:3%;
	cursor:pointer;
}
span.unNavi {
	width:83%;
	line-height:40px;
	margin-left:3%;
	padding-left:3%;
	border-bottom:1px solid rgb(225,225,225);
	color:#808080;
}
span.navi:hover {
	background:#193d84;
	color:white;
}
span.snavi:hover {
	background:#8bda04;
	color:white;
}
span.navigation img {
	vertical-align:middle;
}
span.navigate img {
	vertical-align:middle;
}
img.closeit {
	padding:0 5px 10px 5px;
	margin-right:5px;
	float:right;
	cursor:pointer;
	vertical-align:bottom;
}
img.CLOSEIT {
	padding:0 5px 10px 5px;
	margin-right:5px;
	float:right;
	cursor:pointer;
	vertical-align:bottom;
}
img.closeIt {
	padding:0 5px 10px 5px;
	margin-right:5px;
	float:right;
	cursor:pointer;
	vertical-align:bottom;
}
input#searchNatter {
	padding-left: 40px;
	background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
}
span.bSum {
	font-size:35px;
	font-weight:bold;
	padding:0;
	margin:0;
}
span.uAlign {
	font-size:15px;
	font-weight:normal;
	vertical-align:top;
}
span coins{
	display:inline-block;
	width:45%;
}
p.pCoin {
	line-height:50px;
}
p#pvDesktop {
	line-height:20px;
	height:750px;
	overflow-y:auto;
	margin-top:-400px;
	padding:0 15px;
}
span.peerRemove {
	color:white;
	background:#808080;
	padding:5px 10px;
	cursor:pointer;
	margin-left:10px;
	border-radius:3px;
}
span.peerRemove:hover {
	background:red;
}
strong.stSUB {
	color:white;
	background:#8bda04;
	font-size:12px;
	padding:3px 3px 1px 3px;
	border-radius:3px;
}
strong.stGRP {
	color:white;
	background:#193d84;
	font-size:12px;
	padding:3px 3px 1px 3px;
	border-radius:3px;
}
strong.stPREV{
	color:white;
	background:#193d84;
	font-size:12px;
	padding:3px 8px 1px 8px;
	border-radius:5px;
}
strong.aGroup{
	color:white;
	background:#8bda04;
	font-size:12px;
	padding:3px 8px 1px 8px;
	border-radius:5px;
}
input#theName {
	border:none;
	width:60%;
	padding:3px;
	background:rgb(225,225,225);
	color:#193d84;
}
img.overviewImg {
	vertical-align:middle;
}
img#natterPeerImg {
	border-radius:100px;
	border:5px solid white;
}
strong.strongMsg {
	max-width:75%;
	padding:5px 10px;
	font-family:Calibri Light;
	background:white;
	border-radius:5px;
}
p.pFull {
	position: fixed;
	top: 60px;
	left: 50%;
	width:50%;
	margin-left: -25%;
	background:white;
	border-radius:5px;
	z-index:11;
	text-align:center;
	overflow-y:auto;
}
p.calendar {
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background:white;
	border-radius:5px;
	z-index:11;
	line-height:25px;
}
img.closeCalendar {
	float:right;margin-right:20px;padding:5px;cursor:pointer;
}
span.bLine {
	width:90%;
	margin-left:5%;
	border-bottom:1px solid #8bda04;
}
img.checkboxes {
	vertical-align:middle;
}
img.checkbox {
	vertical-align:middle;
}

img.imgClean {
	position:absolute;
	margin-left:-33px;
	margin-top:3px;
	cursor:pointer;
	z-index:13;
	display:none;
}

input.natterTiming {
	width:240px;
	padding:7px 4px 7px 6px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #193d84;
	margin-top:-3px;
	font-size:15px;
	background:white;
	color:#193d84;
	cursor:pointer;
}
span.startsTimeMinute{
	width:160px;
	display:none;
}
select.hourMinute {
	font-size:16px;
	width:50px;
	padding:5px;
	border:none;
}
select#startHour::-ms-expand {
  display: none;
}
span.naviLoad {
	margin:auto;
	width:90%;
	text-align:right;
	border-top:1px solid #808080;
	padding-top:10px;
	font-size:14px;
	cursor:pointer;
}
span.naviLoad:hover {
	color:#8bda04;
}
span.natterImgUpload {
	width:120px;
	padding:5px 10px;
	background:#193d84;
	color:white;
	border-radius: 4px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	float:left;
	margin-left:2%;
}
span.resolutionOpts {
	position:absolute;
	background:rgb(245, 245, 245);
	border:1px solid #193d84;
	padding:10px 15px;
	z-index:14;
	text-align:left;
	width:250px;
}
select.liveCate {
	padding:5px 10px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #193d84;
	vertical-align:middle;
	overflow-y:auto;
}
strong.liveActions {
	padding:2px 10px;
	cursor:pointer;
}
strong.liveActions:hover {
	background:white;
}
span.bgSwitchOpts {
	position:fixed;
	background:rgb(245, 245, 245);
	border:1px solid #193d84;
	padding:10px 15px;
	z-index:16;
	text-align:left;
	width:250px;
	top:115px;
}
span.chattingRoom {
	position:fixed;
	background:rgb(245, 245, 245);
	padding:10px 15px;
	z-index:15;
	text-align:left;
	width:435px;
	top:115px;
	overflow-y:auto;
	overflow-x:hidden;
	font-family:Corbel, sans-serif;
}
span.chattingRoomTop {
	top:115px;
	border:1px solid #193d84;
}
span.audienceTop {
	top:175px;
	border-left:1px solid #193d84;
}
strong.liveRecord {
	font-family:Corbel, sans-serif;
	font-size:18px;
	font-weight:bold;
}
strong.eachReso {
	cursor:pointer;
	display:block;
	width:94%;
	font-weight:normal;
	padding:6px;
	font-size:14px;
}
strong.eachReso ins {
	font-style: italic;
}
strong.eachReso:hover {
	background:white;
}
span.sSerialImg {
	width:90%;
	display:none;
	margin-left:4%;
}
span.sPrivateImg {
	width:90%;
	margin-left:4%;
}
img.serialImg {
	margin-left:5px;
	border:1px solid #808080;
	border-radius:10px;
	opacity:0.5;
	cursor:pointer;
}
img.privateImg {
	margin-left:5px;
	border:1px solid #8bda04;
	border-radius:10px;
	cursor:pointer;
}
span.demoImg {
	margin:auto;
	padding:10px 0;
	width:470px;
	overflow-y:auto;
}
span.demoImg video{
	width:90%;
	margin:auto;
}
strong.demoImgs {
	display:inline-block;
	height:150px;
	width:150px;
	margin:2px;
	border:1px solid rgb(225,225,225);
	border-radius:5px;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;
}
span.videoCover {
	display:inline-block;
	width:45%;
	margin-left:5%;
	text-align:left;
	vertical-align:bottom;
}
strong.demoCover {
	display:inline-block;
	width:100%;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;
}
span.demoMedia {
	display:inline-block;
	width:45%;
	margin-right:5%;
	text-align:right;
	vertical-align:bottom;
}
span.demoMedia video{
	width:99%;
}
img.handsfree {
	bottom:0;
	right:0;
	position:fixed;
	cursor:pointer;
	z-index:12;
	padding:10px;
	border-radius:30px;
	background:#8bda04;
}
img.nonhandsfree {
	bottom:0;
	right:0;
	position:fixed;
	cursor:pointer;
	z-index:12;
	display:none;
}

p#interactLists {
	width:30%;
	line-height:30px;
}
p#interactArea {
	width:69%;
	line-height:30px;
	text-align:right;
}
p#forMorePrivate {
	position:absolute;
	right:70px;
	top:100px;
	line-height:30px;
	text-align:right;
	background:rgb(245,245,245);
	overflow-y:auto;
	padding:3px 10px;
	display:none;
	z-index:11;
	font-size:13px;
}
p#privateListing {
	position:absolute;
	left:10px;
	padding:10px;
	top:100px;
	background:rgb(245,245,245);
	padding:3px 10px;
	border-top:1px solid #8bda04;
	display:block;
	z-index:16;
	max-height:80%;
	width:500px;
	height:800px;
}
p#activityListing {
	position:absolute;
	left:10px;
	padding:10px;
	top:100px;
	line-height:20px;
	background:rgb(245,245,245);
	overflow-y:auto;
	padding:3px 10px;
	border-top:1px solid #8bda04;
	display:none;
	z-index:12;
	max-height:80%;
	width:50%;
	max-width:98%;
}
span.sMoreNatter {
	cursor:pointer;
}
span.sMoreNatter:hover {
	color:#8bda04;
}

span.sProfile {
	width:60px;
	text-align:center;
}
span.natterFunction {
	float:right;
	padding:10px 20px 8px 20px;
}
span.serials {
	display:none;
}
strong#serialNatterTitle {
	font-size:16px;
}
input#serialNum {
	border:none;
}
input.groupPickers {
	vertical-align:middle;
	margin-left:5px;
}
input.subsPrivate {
	vertical-align:middle;
	margin-left:5px;
}
input.pendingNattter {
	vertical-align:middle;
	margin-left:5px;
}
strong#startGroupNatter {
	border:1px solid white;
	border-radius:5px;
	cursor:pointer;
	float:right;
	margin-right:5px;
	font-size:16px;
}
strong#startGroupNatter:hover {
	background:#193d84;
	border:1px solid #193d84;
}
strong.mobileSpan {
	display:none;
}
span.mobileSpan {
	display:none;
}
img.mobileVisi {
	visibility:hidden;
}
img#peersContact {
	visibility:hidden;
	border:1px solid white;
	border-radius:3px;
	cursor:pointer;
	vertical-align:middle;
	padding:3px;
}
/*
img#peersContact:hover {
	border:1px solid #193d84;
}
*/
select#calledContacts {
	position:absolute;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.5px;
	width:252px;
	border:none;
	padding:10px;
	font-family:Calibri Light;
	display:none;
	z-index:13;
	font-size:16px;
	background:white;
	overflow:auto;
}
span#callerContacts {
	position:absolute;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.5px;
	width:257px;
	margin-left:2px;
	border:none;
	padding:10px;
	font-family:Calibri Light;
	display:block;
	z-index:13;
	background:white;
	overflow:auto;
	font-size:16px;
	background:white;
	border-radius:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align:left;
}
span#callerContacts ins {
	display:block;
	padding:5px 0;
	width:100%;
}
strong.meSelf {
	position:absolute;
	padding:5px 10px;
	opacity:0.5;
	color:white;
	font-size:14px;
	display:block;
	text-align:center;
	z-index:13;
	font-size:30px
}
strong.nameNote {
	position:absolute;
	padding:5px 3px;
	color:black;
	font-size:11px;
	cursor:pointer;
	font-family:Arial, sans-serif;
	display:none;
	background:#8bda04;
	opacity:0.8;
	top:-1000;
	left:-1000;
}
strong.myNote {
	position:absolute;
	padding:5px 10px;
	opacity:0.5;
	color:#8bda04;
	background:black;
	font-size:14px;
	display:none;
	cursor:pointer;
}
strong.hostSpeaking {
	position:absolute;
	padding:5px 10px;
	opacity:0.5;
	color:white;
	background:black;
	font-size:18px;
	display:none;
}
img.topRight{
	position:relative;
	border:1px solid white;
	border-radius:6px;
	cursor:pointer;
	top:-5px;
}
span#moreMsg{
	position:absolute;
	opacity:0.5;
	color:white;
	background:#8bda04;
	cursor:pointer;
	padding:0 10px;
	bottom:40px;
	line-height:35px;
	width:50px;
	border-top-left-radius: 35px;
	border-top-right-radius: 35px;
	margin-left:-10px
}
span#anyAll {
	background:white;
	line-height:60px;
	border-bottom:1px solid #8bda04;
	text-align:center;
}
input.anyAll {
	vertical-align:middle;
	margin-left:5px;
}
a.clearSe {
	float:right;
	margin-right:10px;
	text-decoration:none;
}
img.reminderDot {
	position:relative;
	left:-5px;
	top:-18px;
	display:none;
}
img.peerWarning {
	position:relative;
	left:-10px;
	top:-10px;
	display:none;
}
img.privateDot {
	position:relative;
	left:-23px;
	top:-12px;
	padding:0;
	margin:0;
	display:none;
}
span.sBackground {
	margin-left:5%;
	width:95%;
	padding:10px 0;
	margin:auto;
	background:#193d84;
	color:white;
	border-bottom:1px solid #8bda04;
}
strong.strongtitle {
	font-size:18px;
	padding:10px;
	color:#8bda04;
	display:block;
	width:100%;
	text-align:center;
}
strong.ntcToUs {
	font-family:Arial, sans-serif;
	background:#1e222d;
	width:415px;
	margin:auto;
	display:block;
	line-height:20px;
	font-size:16px;
	padding:10px 0;
	border:1px solid #1e222d;
}
strong.strongcontents {
	font-weight:normal;
	padding:5px 10px;
	display:block;
	font-size:16px;
}
strong.transContents {
	font-weight:normal;
	padding:5px 10px;
	display:block;
	font-size:13px;
}
a.walletFunc {
	display:inline-block;
	width:200px;
	height:120px;
	text-decoration:none;
	border:1px solid white;
	border-radius:5px;
	background:white;
	font-family:Corbel, sans-serif;
	text-align:center;
	font-size:18px;
	margin:5px;
	color:#193d84;
	font-weight:bold;
}
a.walletFunc:hover {
	border:1px solid #8bda04;
}
a.badgeOptions {
	display:inline-block;
	width:130px;
	height:140px;
	text-decoration:none;
	border:1px solid white;
	border-radius:5px;
	background:white;
	font-family:Corbel, sans-serif;
	text-align:center;
	font-size:18px;
	margin:5px;
	color:#193d84;
	font-weight:bold;
}
a.badgeStatus {
	width:137px;
	height:30px;
	text-decoration:none;
	border:1px solid white;
	border-radius:5px;
	background:white;
	font-family:Corbel, sans-serif;
	text-align:center;
	font-size:18px;
	margin:5px;
	color:#193d84;
	font-weight:bold;
}
a.badgeOptions:hover {
	border:1px solid #8bda04;
}
strong.sCosts {
	display:block;
	font-weight:normal;
	font-size:14px;
	color:#8bda04;
}
strong.addToShoppingCart {
	font-weight:normal;
	font-size:14px;
	color:white;
	cursor:pointer;
	background:#193d84;
	padding:10px 15px;
	border-radius:5px;
	float:right;
}
strong.addToShoppingCart:hover {
	background:#8bda04;
}
i.iFeatures {
	font-size:13px;
}
select.changeOption {
	border:1px solid #193d84;
	padding:5px;
	font-size:14px;
	background:white;
	width:200px;
}
input.cardDetls {
	border:1px solid #193d84;
	padding:5px;
	font-size:14px;
	background:white;
	width:200px;
}
input.cardDetaills {
	border:1px solid #193d84;
	padding:10px;
	font-size:14px;
	background:white;
	width:350px;
	font-family:Corbel, sans-serif;
}
strong.creditPay {
	background:#808080;
	color:white;
	padding:10px;
	border:1px solid #193d84;
	border-radius:6px;
	float:right;
	margin-right:10px;
	cursor:pointer;
	margin-top:10px;
	font-size:16px;
}
strong#creditPay:hover {
	background:white;
	color:#8bda04;
}
strong.exchangeTransferPay {
	background:#8bda04;
	color:white;
	padding:5px 10px;
	border:1px solid #193d84;
	border-radius:6px;
	float:right;
	margin-right:10px;
	cursor:pointer;
	margin-top:10px;
}
strong#exchangeTransferPay:hover {
	background:white;
	color:#193d84;
}
strong.theInvoiceHide {
	display:none;
}
span.sSearch {
	visibility:hidden;
}
img#natterSearch {
	padding:5px;
	margin-right:10px;
	margin-top:3px;
	float:right;
	cursor:pointer;
}
input#searchPeer {
	border:none;
	width:65%;
	padding:10px;
	background:white;
	color:#193d84;
	border-radius:5px;
	margin:10px;
	font-size:15px;
}
input#searchPeer:focus {
	background:#ddfca8;
}
strong#cancelSearch {
	font-size:15px;
	cursor:pointer;
	font-weight:normal;
}
img.shareImg {
	width:50px;
	float:left;
	padding:5px;
	border-radius:10px;
}
strong.strongShare {
	border:1px solid rgb(225, 225, 225);
	border-radius:5px;
	padding:5px 10px 5px 5px;
	font-weight:normal;
	font-size:14px;
	display:inline-block;
	font-family:Corbel, sans-serif;
	margin:0 5px;
	cursor:pointer;
	height:57px;
	text-align:left;
}
strong.strongShare:hover {
	border:1px solid rgb(245, 245, 245);
	background:rgb(245, 245, 245);
}
span.tokenInput {
	position:absolute;
	z-index:13;
	background:white;
	color:#193d84;
	padding:10px 1%;
	width:96%;
	margin-left:2%;
}
input#accessCode {
	border:1px solid #193d84;
	padding:5px 10px;
	font-size:14px;
	background:#8bda04;
	width:72%;
	color:#193d84;
}
input.subToken {
	border:1px solid #193d84;
	padding:5px 10px;
	font-size:14px;
	background:white;
	color:#193d84;
	border-radius:5px;
}
input.subToken:hover {
	color:#8bda04;
}
strong.coinDetls {
	cursor:pointer;
	font-size:16px;
	text-decoration:underline
}
span.coinDetails {
	cursor:pointer;
	margin-left:5%;
	width:88%;
	background:rgb(245, 245, 245);
	padding:1% 6px;
	border-radius:5px;
}
span.newHarvest {
	cursor:pointer;
	margin-left:5%;
	width:95%;
	text-decoration:underline;
}
span.assignKeys {
	text-align:left;
	width:96%;
	margin:auto;
}
span.assignKeys input {
	border:none;
}
span.congrats {
	padding:5px 10px;
	color:white;
	background:#8bda04;
	border-radius:5px;
	margin-right:20px;
	font-size:16px;
}
i.transRecords {
	float:right;
	font-size:14px;
	color:#8bda04;
	cursor:pointer;
	text-decoration:underline;
}
img#processing {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-40px;
	margin-left:-40px;
	z-index:13;
	display:none;
}
img.badgeSign {
	cursor:pointer;
	vertical-align:middle;
}
img.copyID {
	cursor:pointer;
	position:absolute;
	left:300px;
	margin-top:5px;
	padding:3px;
}
span.natterAssist {
	height:60px;
	opacity:0.3;
	position:fixed;
	bottom:0;
	text-align:center;
	width:70%;
	background:#8bda04;
	z-index:11;
	line-height:60px;
	left:30%;
}
span.natterAssist img{
	vertical-align:middle;
	cursor:pointer;
	padding:5px;
}
span.natterAssist:hover {
	opacity:1;
}
span.natterDia {
	width:100%;
	display:block;
	margin:auto;
	text-align:center;
}
span.backgroundChg {
	height:170px;
	position:absolute;
	bottom:68px;
	background:rgb(245,245,245);
	z-index:12;
	border:1px solid #193d84;
	border-radius:5px;
	display:none;
	text-align:right;
	width:200px;
}
span.backgroundChg img{
	position:absolute;
	bottom:5px;
	right:5px;
	width:60px;
	cursor:pointer;
	object-fit: cover;
}
span.layoutChg {
	height:170px;
	position:absolute;
	bottom:68px;
	background:rgb(245,245,245);
	z-index:12;
	border:1px solid #193d84;
	border-radius:5px;
	display:none;
	text-align:right;
	width:200px;
}
span.layoutChg img{
	position:absolute;
	bottom:10px;
	left:14px;
	width:80px;
	cursor:pointer;
	border:1px solid rgb(245,245,245);
}
span.layoutChg img:hover{
	border:1px solid #8bda04;
}
strong.strongBackground {
	font-weight:normal;
	line-height:30px;
	display:block;
	width:100%;
	text-align:center;
	background:#8bda04;
	color:white;
}
img.removeBackground{
	position:absolute;
	cursor:pointer;
	display:none;
	z-index:13;
}
img.selfSwitch {
	padding:5px;
	position:absolute;
	z-index:14;
	cursor:pointer;
	display:none;
	opacity:0.5
}
a.saveRecord {
	display:none;
	text-decoration:none;
}
div#virtualBackground {
	background-image: url('img/blur_1k.webp');
	background-repeat: no-repeat;
	background-size: cover;
	display:none;
}
strong.bgSwitch {
	text-align:center;
	cursor:pointer;
	display:block;
	width:100%;
	font-size:16px;
	background:rgb(225,225,225);
	padding:5px 0;
	border-radius:3px;
}
img.livePeer {
	position:absolute;
	left:40px;
	margin-top:25px;
	border-radius:13px;
}

span.vLogUpload {
	color:#193d84;
	border:1px solid #193d84;
	background:white;
	margin-right:4%;
	float:right;
}
span.vLogUpload:hover {
	background:#193d84;
	color:white;
}
ins.natterAds {
	float:right;
	padding:0 3px;
	border:1px solid #8bda04;
	font-size:14px;
	border-radius:3px;
	font-weight:bold;
	text-decoration:none;
}
ins.commentBut {
	float:right;
	padding:10px;
	border:1px solid #193d84;
	font-size:15px;
	border-radius:5px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	display:none;
	margin:10px 0;
}
ins.liveComment {
	background:#193d84;
	color:white;
}
ins.cancelComment {
	background:white;
	color:#193d84;
	margin-right:10px;
}
strong.eachLiveMessage {
	display:block;
	margin-top:15px;
	font-weight:normal;
}
ins.insInlineBlock {
	display:inline-block;
	text-decoration:none;
}
ins.imgOfMine {
	width:40px;
	vertical-align:top;
}
ins.myMessage {
	width:320px;
}
img.liveProfile{
	width:35px;
	border-radius:5px;
	border:1px solid white;
}
strong.nonEachBG{
	color:#808080;
	display:block;
	width:188px;
	font-weight:normal;
	padding:6px;
	font-size:14px;
}
strong.strongCorner{
	font-size:12px;
	background:#8bda04;
	border-radius:10px;
	color:white;
	position:relative;
	top:-35px;
	left:145px;
	display:block;
	width:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}
img.cartImg {
	float:right;
	vertical-align:middle;
	margin-right:10px;
	cursor:pointer;
}
input.itemQua {
	border:1px solid #8bda04;
	width:50px;
	padding:3px 5px;
	font-size:14px;
	background:white;
}
ins.itemRemove {
	text-decoration:none;
	background:#808080;
	color:white;
	border-radius:3px;
	padding:5px;
	cursor:pointer;
	margin:10px 30px;
	
}
ins.itemRemove:hover {
	background:red;
}
strong.eachAudience {
	cursor:pointer;
	padding:5px 15px;
	line-height:25px;
}
strong.eachAudience:hover {
	background:white;
}
img.forAudience {
	float:right;transform:rotate(270deg);cursor:pointer;display:none;
}
img.eachOpt {
	cursor:pointer;
	padding:5px;
	display:none;
}
span.highlighttxt {
	background:rgba(225,225,225,.7);
	height:82px;
	position:absolute;
	z-index:15;
	font-family:Arial, sans-serif;
	font-size:15px;
	-moz-box-sizing: border-box; 
    box-sizing: border-box;
	padding: 25px 5px 5px 5px;
	word-wrap: break-word;
}
span.nametxt {
	position:absolute;
	z-index:15;
	font-family:Arial, sans-serif;
	background:#8bda04;
	height:35px;
	-moz-box-sizing:border-box; 
    box-sizing:border-box;
	padding:7px 5px;
	font-size:18px;
	color:white;
	font-weight:bold;
}
img.peerLive {
	cursor:pointer;
	vertical-align:middle;
	border-radius:30px;
	padding:5px 30px;
	border:2px solid rgb(225,225,225);
	height:50px;
}
img.peerLive:hover {
	border:2px solid #8bda04;
}
span.sLeft {
	text-align:left;
}
a#screenshottrigger{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -60px;
    width: 120px;
    padding:10px;
	text-align:center;
	font-size:15px;
	text-decoration:none;
	border:1px solid #8bda04;
	border-radius:5px;
	z-index:15;
	background:#8bda04;
	color:white;
}​
a#screenshottrigger:hover {
	background:#193d84;
}
span.calendarDays {
	width:70%;
	height:100%;
	color:#193d84;
}
span.calendarDetails {
	width:30%;
	background:rgb(245,245,245);
	color:#193d84;
}
span.dailyDetials{
	width:100%;
	display:block;
	margin:auto;
	overflow-y:auto;
	max-height:500px;
	font-size:12px;
	line-height:20px;
}
ins.eachDailyDet{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	padding:5px 15px;
	border-bottom:1px solid #8bda04;
}
ins.onDate{
	width:15%;
	font-weight:bold;
}
ins.eventDetls{
	width:85%;
}
ins.whiteBK {
	background:rgb(225,225,225);
}
ins.currentMonth {
	font-family:Verdana, sans-serif;
	display:inline-block;
	height:100px;
	text-align:center;
	vertical-align:middle;
	font-size:22px;
	width:80%;
	margin:auto;
	padding:25px 0 0 0;
	border-bottom:1px solid rgb(225,225,225);
}
ins.prevNext {
	display:inline-block;
	height:100px;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	width:10%;
	margin:auto;
	padding:40px 0 0 0;
	cursor:pointer;
	border-bottom:1px solid rgb(225,225,225);
}
ins.weekdays {
	display: inline-block;
	width: 14.2%;
	color: #666;
	text-align: center;
	font-family:Verdana, sans-serif;
	padding:10px 0;
	background:#ddd;
}
ins.days {
	font-family:Verdana, sans-serif;
	display: inline-block;
	width: 14.2%;
	text-align: center;
	color: #193d84;
	background: #eee;
	padding:10px 0;
	cursor:pointer;
}
ins.days:hover {
	color:#8bda04;
}
ins.eachDay {
	font-family:Verdana, sans-serif;
	display: inline-block;
	width: 14%;
	max-height:16%;
	color: #969696;
	border:1px solid #eee;
	cursor:pointer;
	text-align:center;
	overflow-y:hidden;
}
ins.eachDay:hover {
	border:1px solid #193d84;
}
i.hideDay {
	visibility:hidden;
}
textarea.editableText {
	resize:none;
	width:92%;
	border:none;
	vertical-align:middle;
	margin:auto;
	text-align:left;
	color:#193d84;
	padding:2px;
    overflow: auto;
    outline: none;
	cursor:pointer;
}
textarea.editableText:focus {
	outline: none;
}
strong.contentText {
	width:92%;
	margin:auto;
	text-align:left;
	color:#193d84;
    overflow: auto;
	font-weight:normal;
	display:block;
}
span.carlendarListing {
	font-size:12px;
	display:block;
}
span.msgStuff {
	width:180px;
	font-size:16px;
	display:block;
	position:absolute;
	border: 1px solid #808080;
	background:white;
	border-radius:6px;
	z-index:12;
	padding: 6px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
}
span.chatList {
	width:250px;
	font-size:14px;
	display:block;
	position:absolute;
	border: 1px solid #808080;
	background:white;
	border-radius:4px;
	z-index:12;
	padding: 6px;
}
ins.msgOptions {
	display:block;
	cursor:pointer;
	padding:10px;
}
ins.peerOptions {
	display:block;
	cursor:pointer;
	padding:10px;
}
ins.msgOptions:hover {
	background:rgb(245,245,245);
}
span.emojiOptions {
	width:400;
	padding:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
	position:absolute;
	z-index:12;
	text-align:center;
	background:rgb(245,245,245);
	display:none;
}
ins.eachEmoji {
	width:100%;
	margin:auto;
	display:block;
}
img.emojiImg {
	padding: 5px;
	cursor:pointer;
}
ul.moodTypes {
	list-style-type: none;
	padding:10px;
}
a.startChat {
	text-decoration:none;
	padding:5px;
	border:1px solid #808080;
}
img.liveMessageDot {
	position:absolute;
	width:10px;
}
span.subDialPeers {
	position:absolute;
	width:200px;
	z-index:12;
	background:white;
	border:1px solid #808080;
	display:block;
}
span.subRemove {
	position:absolute;
	width:200px;
	z-index:14;
	background:white;
	border:1px solid #808080;
	display:block;
}
span.relocatePeer {
	position:absolute;
	width:200px;
	z-index:12;
	background:white;
	border:1px solid #808080;
	display:block;
}
ins.relocateOptions {
	display:block;
	width:100%;
	padding:10px;
	font-size:16px;
	cursor:pointer;
}
ins.relocateOptions img{
	float:right;
	vertical-align:middle;
}
ins.relocateOptions:hover {
	background:rgb(225,225,225);
}
ins.toSubDialPeers {
	display:block;
	width:100%;
	padding:10px;
	font-size:16px;
	cursor:pointer;
}
ins.toSubDialPeers:hover {
	background:rgb(225,225,225);
}
span.subPeer {
	position:absolute;
	z-index:12;
	padding:10px;
	background:white;
	border:1px solid #808080;
	display:none;
	border-radius:8px;
}
ins.subPeerOptions {
	display:block;
	width:100%;
	padding:10px;
	font-size:16px;
	cursor:pointer;
	font-weight:bold;
	background:rgb(245,245,245);
}
ins.subPeerOptions img{
	vertical-align:middle;
}
ins.subPeerOptions:hover {
	background:rgb(225,225,225);
}
span.shareSubs {
	width:50px;
	height:50px;
	display:block;
	position:absolute;
	z-index:12;
	cursor:pointer;
}
ins.shareSubNum {
	width:20px;
	padding:0 5px;
	background:#8bda04;
	color:white;
	border-radius:11px;
	margin-left:-5px;
	margin-top:30px;
	font-family:Arial, sans-serif;
	display:block;
	text-align:center;
	display:none;
}
ins.mainSUBTitle {
	display:block;
	float:right;
	font-size:16px;
}
img.dialImg {
	margin:5px;
	width:20px;
}
option.toSubDial {
	font-family:Calibri Light;
	color:#8bda04;
}
option.toDialPeers {
	font-family:Calibri Light;
}
span.enlargeQRcode {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
	margin-top: -150px;
	width:300px;
	z-index:14;
}
span.cancelCall {
	display:block;
	font-size:16px;
	width:150px;
	padding:10px;
	text-align:center;
	margin:auto;
	background:#8bda04;
	color:white;
	cursor:pointer;
	margin-top:20x;
	border-radius:5px;
	font-weight:bold;
}
a.privateNatterChg {
	font-weight:normal;
}
input.retime {
	padding:6px 3px;
	background:rgb(245,245,245);
	border:none;
	font-weight:bold;
	border-radius:3px;
}
input.titleText {
	padding:3px 5px;
	font-size:14px;
	background:white;
	border:none;
	font-weight:bold;
	border-radius:3px;
}
textarea.titleTextarea {
	padding:10px 6px;
	font-size:12px;
	background:white;
	border:none;
	border-radius:3px;
	color:#193d84;
	resize:none;
}
textarea.addedHost {
	padding:10px 6px;
	font-size:12px;
	background:white;
	border:none;
	border-radius:3px;
	color:#193d84;
	resize:none;
}
textarea.addedParticipant {
	padding:10px 6px;
	font-size:12px;
	background:white;
	border:none;
	border-radius:3px;
	color:#193d84;
	resize:none;
}
span.sPrivateListing {
	border-bottom:2px solid #8bda04;
	width:94%;
	margin:auto;
	line-height:20px;
	font-size:12px;
}
span.sPrivateListing input {
	font-size:12px;
}
span.sArchiveListing {
	width:94%;
	margin:auto;
	line-height:20px;
	font-size:12px;
}
span.sArchivedListing {
	border-bottom:2px solid #193d84;
	width:94%;
	margin:auto;
	line-height:20px;
	font-size:12px;
}
span.sPrivatedListing input {
	font-size:12px;
}
i.forSpeech {
	font-size:12px;color:#8bda04;
}
img.rmParticipant {
	cursor:pointer;
	vertical-align:middle;
}
img.rmHosts {
	cursor:pointer;
	vertical-align:middle;
}
a.rmPeer {
	cursor:text;
	color:#193d84;
	text-decoration:none;
}
a.rmHost {
	cursor:text;
	color:#193d84;
	text-decoration:none;
}
a.linkCopy {
	padding:2px 5px;
	color:white;
	background:#193d84;
	text-decoration:none;
	border-radius:3px;
}
a.linkCopy:hover {
	background:#8bda04;
}
ins.guestNatter {
	padding:3px 5px;
	color:white;
	background:#193d84;
	border-radius:3px;
	cursor:pointer;
	font-size:13px;
	margin-top:-2px;
}
ins.guestNatter:hover {
	background:#8bda04;
}
img.calendarProcess {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index:15;
}
ins.dailyActivities {
	display:block;
	padding:5px 0;
	font-family:Consolas, sans-serif;
	font-size:16px;
	border-left:5px solid #8bda04;
	cursor:pointer;
}
ins.dailyActivities:hover{
	border-left:5px solid #193d84;
}
strong.activityDetails {
	display:inline-block;
	font-weight:normal;
	vertical-align:middle;
}
strong.activityDetails img {
	width:90%;
	padding:0 0 0 10%;
}
pre.dailyListing {
	display:block;
	width:100%;
	overflow-y:auto;
}
span#groupConversation{
	position:absolute;
}
ins.groupChat {
	background:#193d84;
	padding:5px 10px;
	color:white;
	cursor:pointer;
	border-right:1px solid white;
}
ins.groupChat:hover {
	background:#8bda04;
}
ins.grayChat {
	background:#808080;
	padding:5px 10px;
	color:white;
	border-right:1px solid white;
}
ins.inGroupChat {
	background:#8bda04;
	padding:5px 10px;
	color:white;
	border-right:1px solid white;
}
p#audioBar {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-50px;
	border:1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:12;
	width:300px;
	height:100px;
	text-align:center;
	background:white;
	border-radius:5px;
}
p#vidaoBar {
	position:absolute;
	border:1px solid white;
	z-index:12;
	width:300px;
	line-height:40px;
	text-align:center;
	background:white;
}
span.barContents {
	background-image: linear-gradient(to right, yellow , red);
	width:90%;
	display:block;
	height:23px;
	vertical-align:middle;
	margin:8px 5%;
	border:1px solid #193d84;
}
ins.barProg {
	width:99%;
	height:100%;
	display:block;
	background:white;
	float:right;
}
span.actOpt {
	background:#193d84;
	color:white;
	border-radius:3px;
	padding:3px 6px 2px 6px;
	font-size:12px;
	cursor:pointer;
}
span.actOpt:hover {
	background:#8bda04;
}
img#natter {
	bottom:0;
	right:0;
	position:fixed;
	cursor:pointer;
	z-index:12;
}
span.passwdsetup {
	padding:10px;
	background:#8bda04;
	color:white;
	border-radius:4px;
	cursor:pointer;
	border:1px solid #193d84;
	font-size:16px;
	width:35%;
	text-align:center;
	margin:10px;
}
span.passwdsetup:hover {
	background:#193d84;
}
ins.keywords {
	color:#8bda04;
	vertical-align:middle;
	font-size:12px;
}
p.callOptions {
	position:absolute;
	top:110px;
	background:rgb(225,225,225);
	max-height:500px;
	overflow-y:auto;
	min-width:300px;
	max-width:70%;
	border:1px solid #193d84;
	text-align:left;
	z-index:16;
}
p.hostOptions {
	position:absolute;
	top:250px;
	left:48px;
	background:rgb(225,225,225);
	max-height:300px;
	overflow-y:auto;
	min-width:300px;
	max-width:70%;
	border:1px solid #193d84;
	text-align:left;
	z-index:16;
}
span.oneOfOptions {
	padding:0 10px;
	border-top:1px solid white;
	width:100%;
	cursor:pointer;
}
ins.keyword {
	font-size:normal;
	color:#8bda04;
	font-size:12px;
}
ins.keyword img {
	vertical-align:middle;
}
p.speechDisplay {
	bottom:60px;
	position:fixed;
	line-height:25px;
	padding:0 10px;
	font-size:13px;
	z-index:20;
	padding:10px;
	max-width:70%;
	right:10px;
	font-family:Corbel, sans-serif;
	width:300px;
	max-height:450px;
	border:1px solid #8bda04;
	border-radius:5px;
	background:rgb(235,235,235);
	cursor:grab;
}
input.natterTiming:focus {
	background:#ddfca8;
}
select.hourMinute:focus {
	background:#ddfca8;
}
p.natterDetails {
	width:50%;
	margin-top: -200px;
	margin-left: -25%;
	background:white;
	border-radius:5px;
	z-index:13;
	max-height:400px;
}
span.speechOptions {
	position:absolute;
	z-index:16;
	background:white;
	padding:5px 0;
	border-radius:5px;
	border:1px solid #808080;
	font-size:13px;
}
span.speechOptions ins {
	display:block;
	width: 96%;
	margin:auto;
	padding:3px 5px;
	cursor:pointer;
}
span.speechOptions ins:hover {
	background:#808080;
	color:white;
}
strong.hideCredit input:focus {
	background:#ddfca8;
}
span.eachOneOfItems {
	padding:10px;
}
span.eachOneItem {
	background:#2c54a1;
}
i.HANDSFREE {
	font-size:12px;
	color:#8bda04;
}
ins.videoArray {
	overflow: hidden;
    object-fit: fill;
}
video.oneByone {
	border-radius:5px;
	display:none;
	border:2px solid white;
	margin-left:50%;
	margin-top:50%;
	transform: translate(-50%, -50%);
	max-width:100%;
	max-height:100%;
}
span.extraAttendees {
	display:none;
	overflow:hidden;
}
ins.eachExtra {
	width:90px;
	padding:15px 10px;
	margin:auto;
	background:rgb(225, 225, 225);
	border:1px solid #8bda04;
	border-radius:5px;
	font-size:14px;
	cursor:pointer;
	margin:3px;
	display:inline-block;
}
ins.eachExtra:hover {
	border:1px solid #193d84;
}
img.viewMoreVideo {
	cursor:pointer;
	padding:12px 5px;
	display:none;
}
ins.removeBG {
	position:absolute;
	z-index:12;
	color:white;
	font-weight:bold;
	font-size:25px;
	display:none;
}
span.forSpeech {
	font-size:12px;
	text-align:right;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
span.forSpeech table {
	border-collapse: collapse;
	margin-left:25px;
}
span.forSpeech table td{
	width:17px;
	height:35px;
}
img.bgClose {
	position:absolute;
	z-index:14;
	top:40px;
	left:96%;
	cursor:pointer;
}
ins.paidItems {
	display:block;
	cursor:pointer;
	font-weight:bold;
}
span.transferRecords {
	text-align:left;
	max-height:300px;
	overflow-y:auto;
}
div#chartContainer {
	position:absolute;
	width:80%;
	top:60px;
	left:10%;
	z-index:16;
	background:rgb(245,245,245);
	display:none;
}
strong.buySell{
	display:inline-block;
	width:100px;
	padding:10px;
	margin:10px;
	background:#193d84;
	font-size:18px;
	font-family:Consolas,sans-serif;
	color:white;
	line-height:75px;
	cursor:pointer;
}
p.tradePlatform {
	position:absolute;
	font-size:14px;
	font-family:Consolas,sans-serif;
	z-index:16;
}
p#chartOperations {
	z-index:17;
}
p#buySell {
	width:100%;
	text-align:center;
}
strong.buySell:hover{
	background:#8bda04;
}

* {box-sizing: border-box;}
@media only screen and (max-width: 1600px) {
	p.pFull {
		width:60%;
		margin-left: -30%;
	}
}
@media only screen and (max-width: 1280px) {
	span.uButton {
		width:auto;
		text-align:center;
	}
}
@media only screen and (max-width: 1150px) {
	span.uButton {
		width:auto;
		text-align:center;
	}
}
@media only screen and (max-width: 1000px) {
	span.sSearch {
		display:none;
	}
	input#searchNatter {
		display:none;
	}
	span.sMyid {
		width:36%;
		vertical-align:middle;
	}
	span.sDia {
		width:40px;
		padding: 0 5px;
	}
	p#interactArea {
		width:100%;
	}
	p#interactLists {
		width:100%;
	}
	p.nameAsk {
		width:360px;
		top: 400px;
		margin-left: -180px;
		background:white;
		border-radius:5px;
		z-index:13;
	}
	p.nameShare {
		width:360px;
		top: 400px;
		margin-left: -180px;
		background:white;
		border-radius:5px;
		z-index:13;
	}
	p.loginAsk {
		width:360px;
		margin-left: -180px;
		margin-top: -180px;
		background:white;
		border-radius:5px;
		z-index:13;
	}
	p#contactListing {
		display:none;
		width:100%;
		position:fixed;
		top:110px;
	}
	p#callArea {
		width:100%;
		display:none;
		overflow-y:auto;
	}
	div#peerProfile {
		width:87%;
	}
	input.peerProfileDetls {
		width:94%;
	}
	span.navigate {
		width:20%;
	}
	span.unNavis {
		width:75%;
	}
	input.selfProfileDetls {
		width:94%;
	}
	span.snavigate {
		width:20%;
	}
	span.sunNavis {
		width:73%;
	}
	div.subNavigation {
		width:90%;
	}
	p.pFull {
		width:96%;
		left:2%;
		margin-left:0;
	}
	span.natterFunction {
		padding:10px 10px 8px 0px;
	}
	video#mySelf {
		left:0;
		top:110px;
	}
	strong.nonMobileSpan {
		display:none;
	}
	strong.mobileSpan {
		display:block;
	}
	span.mobileSpan {
		display:block;
	}
	p.pOverview {
		width:98%;
	}
	img.mobileVisi {
		visibility:hidden;
	}
	img#peersContact {
		visibility:visible;
	}
	p.rightSide {
		width:100%;
		left:0;
	}
	p#messagingNatter {
		bottom:0;
	}
	p#messageContents {
		width:100%;
		bottom:70px;
		overflow:auto;
	}
	input#messageContent {
		width:70%;
	}
	p.ntcLayout {
		width:96%;
		margin-top: -300px;
		margin-left: -48%;
	}
	span.badgeDetails {
		width:96%;
		margin:auto;
	}
	a.badgeOptions {
		width:115px;
		height:125px;
	}
	a.walletFunc {
		width:160px;
		height:120px;
	}
	strong.ntcToUs {
		width:96%;
		margin:auto;
	}
	img.natterNavi{
		border-radius:4px;
		width:40px;
	}
	img.natterNaviOther{
		border-radius:4px;
		width:37px;
	}
	span.sPro {
		margin-left:0.2%;
	}
	input.cardDetaills {
		width:45%;
	}
	span.natterAssist{
		width:100%;
		bottom:-61px;
		left:0;
	}
	span#moreMsg{
		margin-left:-25px;
	}
}
@media only screen and (max-width: 720px) {
	strong.eachOfMsg {
		width:75%;
	}
	img#liveBackground {
		top:115px;
	}
	span.sSearch {
		display:none;
	}
	input#searchNatter {
		display:none;
	}
	span.sMyid {
		width:40%;
		vertical-align:middle;
	}
	span.sDia {
		width:40px;
		padding: 0 5px;
	}
	p#interactArea {
		width:100%;
	}
	p#interactLists {
		width:100%;
	}
	p#messagingNatter {
		bottom:0;
	}
	p#messageContents {
		width:100%;
		bottom:70px;
		overflow:auto;
	}
	input#messageContent {
		width:70%;
	}
	p.nameAsk {
		width:360px;
		top: 400px;
		margin-left: -180px;
		background:white;
		border-radius:5px;
		z-index:13;
	}
	p.nameShare {
		width:360px;
		top: 400px;
		margin-left: -180px;
		background:white;
		border-radius:5px;
		z-index:13;
	}
	p.loginAsk {
		width:360px;
		margin-left: -180px;
		margin-top: -180px;
		background:white;
		border-radius:5px;
		z-index:13;
	}
	p#contactListing {
		display:none;
		width:100%;
		position:fixed;
		top:110px;
	}
	p#callArea {
		width:100%;
		display:none;
		overflow-y:auto;
	}
	div#peerProfile {
		width:87%;
	}
	input.peerProfileDetls {
		width:94%;
	}
	span.navigate {
		width:20%;
	}
	span.unNavis {
		width:75%;
	}
	input.selfProfileDetls {
		width:94%;
	}
	span.snavigate {
		width:20%;
	}
	span.sunNavis {
		width:73%;
	}
	div.subNavigation {
		width:90%;
	}
	p.pFull {
		width:96%;
		left:2%;
		margin-left:0;
	}
	span.natterFunction {
		padding:10px 10px 8px 0px;
	}
	video#mySelf {
		top:110px;
		left:0;
	}
	strong.nonMobileSpan {
		display:none;
	}
	strong.mobileSpan {
		display:block;
	}
	span.mobileSpan {
		display:block;
	}
	img.mobileVisi {
		visibility:hidden;
	}
	p.pOverview {
		width:98%;
	}
	img#peersContact {
		visibility:visible;
	}
	p.rightSide {
		width:100%;
		left:0;
	}
	p#messagingNatter {
		bottom:0;
	}
	p#messageContents {
		width:100%;
		bottom:70px;
		overflow:auto;
	}
	input#messageContent {
		width:70%;
	}
	p.ntcLayout {
		width:96%;
		margin-top: -300px;
		margin-left: -48%;
	}
	span.badgeDetails {
		width:96%;
		margin:auto;
	}
	a.badgeOptions {
		width:95px;
		height:125px;
	}
	a.walletFunc {
		width:150px;
		height:120px;
	}
	strong.ntcToUs {
		width:96%;
		margin:auto;
	}
	img.natterNavi{
		border-radius:4px;
		width:40px;
	}
	img.natterNaviOther{
		border-radius:4px;
		width:35px;
	}
	span.sPro {
		margin-left:0.2%;
	}
	p#privateListing {
		width:98%;
	}
	input.cardDetaills {
		width:45%;
	}
	span.natterAssist{
		width:100%;
		bottom:-61px;
		left:0;
	}
	span#moreMsg{
		margin-left:-25px;
	}
}