:root {
	--audiocolor: silver;
	--audiocolorhi: white;
	--audioprogresscolor: #0a5aa0;
	--audioprogresscolorhi: red;
	--backcolor1: black;
	--backcolor2: white;
	--backcolor3: silver;
	--backcolor3btncolor: grey;
	--backcolor3btnback: #333;
	--backcolor3border: grey;
	--backcolor4: grey;
	--backcolorappbar: #1b609c;
	--breadback: whitesmoke;
	--breadborder: silver;
	--breadtext: black;
	--btnhoverborder: silver;
	--btnhovercolor: dodgerblue;
	--btnhovertextcolor: black;
	--color3: grey;
	--editborder: silver;
	--editcolor: white;
	--fielderror: white;
	--fielderrorback: red;
	--fielderrorborder: black;
	--fielderrorinfoback: red;
	--fielderrorinfocolor: white;
	--hibtncolor: #1b609c;
	--hover: white;
	--hoverback: steelblue;
	--infoback: teal;
	--infocolor: white;
	--ismyreplyback: #4a494940;
	--ismyreplyborder: #4a494970;
	--ismyreplycolor: silver;
	--isnotmyreplyback: #4a494970;
	--isnotmyreplyborder: #4a4949a0;
	--isnotmyreplycolor: white;
	--navhiback: #1e88e59c;
	--price: white;
	--priceback: maroon;
	--priceborder: red;
	--pricebtn: green;
	--pricebtnback: black;
	--pricetag: yellow;
	--pricetagback: black;
	--pricetagborder: red;
	--redback: #29000073;
	--redborder: red;
	--redcolor: white;
	--textcolor1: white;
	--textcolor2: silver;
	--textcolor3: grey;
	--toolbar: white;
	--unreadback: #290000;
	--unreadborder: red;
	--unreadcolor: white;
	--visitcolor: #0a5aa0;
	--votebarback: whitesmoke;
	/*   new names javaNamingConvension*/
	--hoverButtonBorderColor: white;
	--hoverButtonFillColor: steelblue;
	--hoverButtonTextColor: white;
	--hoverTextColor: steelblue;
	--tabBorderColor: silver;
	--tabFillColor: whitesmoke;
	--tabTextColor: black;
	--tabTextColorInactive: grey;
	/* Navigation big div */
	--formColor: white;
	--formFillColor: black;
	--navButtonBorderColor: silver;
	--navButtonColor: grey;
	--navButtonFillColor: white;
	--navButtonHoverBorderColor: steelblue;
	--navButtonHoverColor: white;
	--navButtonHoverFillColor: steelblue;
	--navButtonSpanColor: white;
	--navButtonSpanFillColor: silver;
	--navButtonSpanHoverColor: white;
	--navButtonSpanHoverFillColor: steelblue;
	/* Navigation round icons */
	--navIconBorderColor: white;
	--navIconColor: white;
	--navIconFillColor: #333;
	--navIconHoverBorderColor: white;
	--navIconHoverColor: white;
	--navIconHoverFillColor: steelblue;
	/* Toolbutton big */
	--toolButtonBorderColor: silver;
	--toolButtonColor: grey;
	--toolButtonFillColor: white;
	--toolButtonHoverBorderColor: steelblue;
	--toolButtonHoverColor: steelblue;
	--toolButtonHoverFillColor: white;
	--toolButtonSpanColor: white;
	--toolButtonSpanFillColor: #333;
	--toolButtonSpanHoverColor: white;
	--toolButtonSpanHoverFillColor: steelblue;
	/* Bread Crumbs */
	--breadBorderColor: silver;
	--breadCrumbColor: black;
	--breadCrumbFillColor: whitesmoke;
	--breadCrumbHoverColor: white;
	--breadCrumbHoverFillColor: steelblue;
	--breadFillColor: white;
	/* Form Tables */
	--tableBodyColor: black;
	--tableBodyFillColor: transparent;
	--tableBodyHoverColor: white;
	--tableBodyHoverFillColor: #4682b4;
	--tableBorderColor: silver;
	--tableFillColor: white;
	--tableFooterColor: black;
	--tableFooterFillColor: lightgray;
	--tableFooterHoverColor: black;
	--tableFooterHoverFillColor: lightgray;
	--tableHeaderColor: black;
	--tableHeaderFillColor: lightgray;
	--tableHeaderHoverColor: black;
	--tableHeaderHoverFillColor: lightgray;
	--tableSeperatorBorderColor: silver;
	--tableSeperatorColor: steelblue;
	--tableSeperatorFillColor: whitesmoke;
	--troddcolor: ghostwhite;
	--trbargraph: #4683b44f;
	--formfillcolor: white;
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

#ajax_msg_messages {
	font-size: 1em;
	display: inline-block;
	height: calc(100vh - 353px);
	overflow: hidden !important;
}

#ajax_msg_messages.Search {
	height: auto;
	overflow-y: unset;
	padding-bottom: 100px;
}

iframe#mobileapp_iframe {
	margin: 0px;
	width: 100%;
	height: 100vh;
	/* height: calc(100vh - 72px); */
	max-height: unset;
	min-height: unset;
	scrollbar-width: none;
	/* overflow: -moz-scrollbars-none; */
	/* background-color: white; */
}

iframe#mobileapp_iframe::-webkit-scrollbar {
	width: 0 !important;
	scrollbar-width: none;
}

i.menuico {
	font-size: 1.3em;
	width: 40px;
	text-align: center;
	height: 40px;
	float: right;
	position: relative;
}

div.bluebar i.menuico {
	width: unset;
}

img.inspire {
	max-height: 170px;
	padding-top: 5px;
}

td#centertd {
	padding-top: 0px;
	padding-bottom: 60px;
}

i.floater {
	font-size: 32px;
	opacity: .2;
	background-color: black;
	color: white;
	border-radius: 50%;
	position: absolute;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	z-index: 10;
}

i.floater.fas.fa-sun {
	top: 15px;
	right: 20px;
}

i.floater.fas.fa-moon {
	top: 15px;
	right: 20px;
}

i.floater.fullscreen {
	top: 15px;
	left: 20px;
}

i.floaterleft {
	top: calc(50vh - 10px);
	left: -15px;
	text-shadow: 0px 0px 2px black;
	color: white;
	opacity: 1;
	font-size: 20px;
	position: absolute;
}

i.floaterright {
	top: calc(50vh - 10px);
	right: -15px;
	text-shadow: 0px 0px 2px black;
	color: white;
	opacity: 1;
	font-size: 20px;
	position: absolute;
}

.taskcalendar .datevalue {
	font-size: 1.5em !important;
	text-transform: uppercase;
	margin-top: -10px;
}

.msg_center {
	border: 1px solid silver;
}

.profilegridbtn {
	float: right;
	font-size: 1.3em;
	color: grey;
	margin-right: 10px;
	border-radius: 3px;
	border: 1px solid silver;
	padding: 0.25em;
	background: whitesmoke;
}

.lrsh {
	width: 0px;
}

.mesagesdatetab {
	width: calc(100% - 16px);
	background: whitesmoke;
	text-align: center;
	font-size: 1.3em;
	color: grey;
	font-weight: bold;
	border: 1px solid silver;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 4px;
	margin-left: 5px;
}

.msgdateband {
	margin: 0px 0px -5px -2px;
	width: calc(100% - -8px);
	padding: 0;
	border: 0;
}

.msgdatebandbk {
	padding: 0;
	background-color: white;
}

.msgdatebandcontent {
	background-color: whitesmoke !important;
}

.msgdatebandyear>h3 {
	font-size: 1.3em !important;
}

.msgdateband .streamitem {
	width: calc(100% - 30px);
}

.msgdateband .streamdate {
	width: calc(100% - 7px);
}

#ibnNormal {
	display: none;
}

.daynight.fa-sun,
.daynight.lighton {
	display: none;
}

img.lighton,
img.lightoff {
	width: 32px;
	float: right;
	padding: 5px;
	margin-right: 10px;
}

span.nidhead {
	width: 100%;
	display: inline-block;
	font-size: 1.3em;
	margin-top: 10px;
}

div#google_translate_element {
	height: auto;
	/* margin-left: 48px; */
	display: inline-block;
}

.btnbarfooter {
	position: absolute;
	bottom: 5px;
	width: calc(100% - 4px);
}

i.editicon {
	font-size: 30px;
	color: gray;
	display: inline;
	margin-right: 10px;
	display: inline-block;
}

#ajax_msg_calendar {
	padding: 10px !important;
}

div#goog-gt-tt {
	display: none !important;
}

div#flagsettings {
	display: inline;
	overflow: hidden;
	float: right;
	margin-right: 16px;
}

.btnpolicy {
	width: 74%;
	display: inline-block;
	height: fit-content;
	padding: 10px;
	margin: 5px;
	float: unset !important;
	line-height: unset !important;
	font-size: 14px !important;
	text-align: left !important;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	background: rgba(158, 158, 158, .2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	max-width: 200px;
	font-weight: bold;
}

.btnpolicy i {
	float: left;
	margin-left: 10px;
	margin-right: 15px;
	width: 20px;
	font-size: 18px;
}

.btnpolicy.btnblue {
	background-color: #3b5998 !important;
}

.btnpolicy.btnred {
	background-color: #db4437 !important;
}

.btnpolicy.btngreen {
	background-color: green !important;
}

.flag {
	width: 32px;
	height: 32px;
	background: url('country-flag.png') no-repeat;
	background-position: 32px 0;
}

.profilehead #flag {
	margin-right: 10px;
}

.profilehead #flag div.flag {
	zoom: 1.5;
	right: 30px;
}

.profilehead #flag span {
	bottom: -15px;
	left: 2px;
}

.flag.flag-none {
	background-position: 0 0;
}

.flag.flag-ad {
	background-position: -32px 0;
}

.flag.flag-ae {
	background-position: -64px 0;
}

.flag.flag-af {
	background-position: -96px 0;
}

.flag.flag-ag {
	background-position: -128px 0;
}

.flag.flag-ai {
	background-position: -160px 0;
}

.flag.flag-al {
	background-position: -192px 0;
}

.flag.flag-am {
	background-position: -224px 0;
}

.flag.flag-an {
	background-position: -256px 0;
}

.flag.flag-ao {
	background-position: -288px 0;
}

.flag.flag-ar {
	background-position: -320px 0;
}

.flag.flag-as {
	background-position: -352px 0;
}

.flag.flag-at {
	background-position: -384px 0;
}

.flag.flag-au {
	background-position: -416px 0;
}

.flag.flag-aw {
	background-position: -448px 0;
}

.flag.flag-ax {
	background-position: -480px 0;
}

.flag.flag-az {
	background-position: 0 -32px;
}

.flag.flag-ba {
	background-position: -32px -32px;
}

.flag.flag-bb {
	background-position: -64px -32px;
}

.flag.flag-bd {
	background-position: -96px -32px;
}

.flag.flag-be {
	background-position: -128px -32px;
}

.flag.flag-bf {
	background-position: -160px -32px;
}

.flag.flag-bg {
	background-position: -192px -32px;
}

.flag.flag-bh {
	background-position: -224px -32px;
}

.flag.flag-bi {
	background-position: -256px -32px;
}

.flag.flag-bj {
	background-position: -288px -32px;
}

.flag.flag-bl {
	background-position: -320px -32px;
}

.flag.flag-bm {
	background-position: -352px -32px;
}

.flag.flag-bn {
	background-position: -384px -32px;
}

.flag.flag-bo {
	background-position: -416px -32px;
}

.flag.flag-br {
	background-position: -448px -32px;
}

.flag.flag-bs {
	background-position: -480px -32px;
}

.flag.flag-bt {
	background-position: 0 -64px;
}

.flag.flag-bw {
	background-position: -32px -64px;
}

.flag.flag-by {
	background-position: -64px -64px;
}

.flag.flag-bz {
	background-position: -96px -64px;
}

.flag.flag-ca {
	background-position: -128px -64px;
}

.flag.flag-cd {
	background-position: -160px -64px;
}

.flag.flag-cf {
	background-position: -192px -64px;
}

.flag.flag-cg {
	background-position: -224px -64px;
}

.flag.flag-ch {
	background-position: -256px -64px;
}

.flag.flag-ci {
	background-position: -288px -64px;
}

.flag.flag-ck {
	background-position: -320px -64px;
}

.flag.flag-cl {
	background-position: -352px -64px;
}

.flag.flag-cm {
	background-position: -384px -64px;
}

.flag.flag-cn {
	background-position: -416px -64px;
}

.flag.flag-co {
	background-position: -448px -64px;
}

.flag.flag-cr {
	background-position: -480px -64px;
}

.flag.flag-cu {
	background-position: 0 -96px;
}

.flag.flag-cv {
	background-position: -32px -96px;
}

.flag.flag-cw {
	background-position: -64px -96px;
}

.flag.flag-cy {
	background-position: -96px -96px;
}

.flag.flag-cz {
	background-position: -128px -96px;
}

.flag.flag-de {
	background-position: -160px -96px;
}

.flag.flag-dj {
	background-position: -192px -96px;
}

.flag.flag-dk {
	background-position: -224px -96px;
}

.flag.flag-dm {
	background-position: -256px -96px;
}

.flag.flag-do {
	background-position: -288px -96px;
}

.flag.flag-dz {
	background-position: -320px -96px;
}

.flag.flag-ec {
	background-position: -352px -96px;
}

.flag.flag-ee {
	background-position: -384px -96px;
}

.flag.flag-eg {
	background-position: -416px -96px;
}

.flag.flag-eh {
	background-position: -448px -96px;
}

.flag.flag-er {
	background-position: -480px -96px;
}

.flag.flag-es {
	background-position: 0 -128px;
}

.flag.flag-et {
	background-position: -32px -128px;
}

.flag.flag-eu {
	background-position: -64px -128px;
}

.flag.flag-fi {
	background-position: -96px -128px;
}

.flag.flag-fj {
	background-position: -128px -128px;
}

.flag.flag-fk {
	background-position: -160px -128px;
}

.flag.flag-fm {
	background-position: -192px -128px;
}

.flag.flag-fo {
	background-position: -224px -128px;
}

.flag.flag-fr {
	background-position: -256px -128px;
}

.flag.flag-ga {
	background-position: -288px -128px;
}

.flag.flag-gb {
	background-position: -320px -128px;
}

.flag.flag-gd {
	background-position: -352px -128px;
}

.flag.flag-ge {
	background-position: -384px -128px;
}

.flag.flag-gg {
	background-position: -416px -128px;
}

.flag.flag-gh {
	background-position: -448px -128px;
}

.flag.flag-gi {
	background-position: -480px -128px;
}

.flag.flag-gl {
	background-position: 0 -160px;
}

.flag.flag-gm {
	background-position: -32px -160px;
}

.flag.flag-gn {
	background-position: -64px -160px;
}

.flag.flag-gp {
	background-position: -96px -160px;
}

.flag.flag-gq {
	background-position: -128px -160px;
}

.flag.flag-gr {
	background-position: -160px -160px;
}

.flag.flag-gs {
	background-position: -192px -160px;
}

.flag.flag-gt {
	background-position: -224px -160px;
}

.flag.flag-gu {
	background-position: -256px -160px;
}

.flag.flag-gw {
	background-position: -288px -160px;
}

.flag.flag-gy {
	background-position: -320px -160px;
}

.flag.flag-hk {
	background-position: -352px -160px;
}

.flag.flag-hn {
	background-position: -384px -160px;
}

.flag.flag-hr {
	background-position: -416px -160px;
}

.flag.flag-ht {
	background-position: -448px -160px;
}

.flag.flag-hu {
	background-position: -480px -160px;
}

.flag.flag-ic {
	background-position: 0 -192px;
}

.flag.flag-id {
	background-position: -32px -192px;
}

.flag.flag-ie {
	background-position: -64px -192px;
}

.flag.flag-il {
	background-position: -96px -192px;
}

.flag.flag-im {
	background-position: -128px -192px;
}

.flag.flag-in {
	background-position: -160px -192px;
}

.flag.flag-iq {
	background-position: -192px -192px;
}

.flag.flag-ir {
	background-position: -224px -192px;
}

.flag.flag-is {
	background-position: -256px -192px;
}

.flag.flag-it {
	background-position: -288px -192px;
}

.flag.flag-je {
	background-position: -320px -192px;
}

.flag.flag-jm {
	background-position: -352px -192px;
}

.flag.flag-jo {
	background-position: -384px -192px;
}

.flag.flag-jp {
	background-position: -416px -192px;
}

.flag.flag-ke {
	background-position: -448px -192px;
}

.flag.flag-kg {
	background-position: -480px -192px;
}

.flag.flag-kh {
	background-position: 0 -224px;
}

.flag.flag-ki {
	background-position: -32px -224px;
}

.flag.flag-km {
	background-position: -64px -224px;
}

.flag.flag-kn {
	background-position: -96px -224px;
}

.flag.flag-kp {
	background-position: -128px -224px;
}

.flag.flag-kr {
	background-position: -160px -224px;
}

.flag.flag-kw {
	background-position: -192px -224px;
}

.flag.flag-ky {
	background-position: -224px -224px;
}

.flag.flag-kz {
	background-position: -256px -224px;
}

.flag.flag-la {
	background-position: -288px -224px;
}

.flag.flag-lb {
	background-position: -320px -224px;
}

.flag.flag-lc {
	background-position: -352px -224px;
}

.flag.flag-li {
	background-position: -384px -224px;
}

.flag.flag-lk {
	background-position: -416px -224px;
}

.flag.flag-lr {
	background-position: -448px -224px;
}

.flag.flag-ls {
	background-position: -480px -224px;
}

.flag.flag-lt {
	background-position: 0 -256px;
}

.flag.flag-lu {
	background-position: -32px -256px;
}

.flag.flag-lv {
	background-position: -64px -256px;
}

.flag.flag-ly {
	background-position: -96px -256px;
}

.flag.flag-ma {
	background-position: -128px -256px;
}

.flag.flag-mc {
	background-position: -160px -256px;
}

.flag.flag-md {
	background-position: -192px -256px;
}

.flag.flag-me {
	background-position: -224px -256px;
}

.flag.flag-mf {
	background-position: -256px -256px;
}

.flag.flag-mg {
	background-position: -288px -256px;
}

.flag.flag-mh {
	background-position: -320px -256px;
}

.flag.flag-mk {
	background-position: -352px -256px;
}

.flag.flag-ml {
	background-position: -384px -256px;
}

.flag.flag-mm {
	background-position: -416px -256px;
}

.flag.flag-mn {
	background-position: -448px -256px;
}

.flag.flag-mo {
	background-position: -480px -256px;
}

.flag.flag-mp {
	background-position: 0 -288px;
}

.flag.flag-mq {
	background-position: -32px -288px;
}

.flag.flag-mr {
	background-position: -64px -288px;
}

.flag.flag-ms {
	background-position: -96px -288px;
}

.flag.flag-mt {
	background-position: -128px -288px;
}

.flag.flag-mu {
	background-position: -160px -288px;
}

.flag.flag-mv {
	background-position: -192px -288px;
}

.flag.flag-mw {
	background-position: -224px -288px;
}

.flag.flag-mx {
	background-position: -256px -288px;
}

.flag.flag-my {
	background-position: -288px -288px;
}

.flag.flag-mz {
	background-position: -320px -288px;
}

.flag.flag-na {
	background-position: -352px -288px;
}

.flag.flag-nc {
	background-position: -384px -288px;
}

.flag.flag-ne {
	background-position: -416px -288px;
}

.flag.flag-nf {
	background-position: -448px -288px;
}

.flag.flag-ng {
	background-position: -480px -288px;
}

.flag.flag-ni {
	background-position: 0 -320px;
}

.flag.flag-nl {
	background-position: -32px -320px;
}

.flag.flag-no {
	background-position: -64px -320px;
}

.flag.flag-np {
	background-position: -96px -320px;
}

.flag.flag-nr {
	background-position: -128px -320px;
}

.flag.flag-nu {
	background-position: -160px -320px;
}

.flag.flag-nz {
	background-position: -192px -320px;
}

.flag.flag-om {
	background-position: -224px -320px;
}

.flag.flag-pa {
	background-position: -256px -320px;
}

.flag.flag-pe {
	background-position: -288px -320px;
}

.flag.flag-pf {
	background-position: -320px -320px;
}

.flag.flag-pg {
	background-position: -352px -320px;
}

.flag.flag-ph {
	background-position: -384px -320px;
}

.flag.flag-pk {
	background-position: -416px -320px;
}

.flag.flag-pl {
	background-position: -448px -320px;
}

.flag.flag-pn {
	background-position: -480px -320px;
}

.flag.flag-pr {
	background-position: 0 -352px;
}

.flag.flag-ps {
	background-position: -32px -352px;
}

.flag.flag-pt {
	background-position: -64px -352px;
}

.flag.flag-pw {
	background-position: -96px -352px;
}

.flag.flag-py {
	background-position: -128px -352px;
}

.flag.flag-qa {
	background-position: -160px -352px;
}

.flag.flag-re {
	background-position: -192px -352px;
}

.flag.flag-ro {
	background-position: -224px -352px;
}

.flag.flag-rs {
	background-position: -256px -352px;
}

.flag.flag-ru {
	background-position: -288px -352px;
}

.flag.flag-rw {
	background-position: -320px -352px;
}

.flag.flag-sa {
	background-position: -352px -352px;
}

.flag.flag-sb {
	background-position: -384px -352px;
}

.flag.flag-sc {
	background-position: -416px -352px;
}

.flag.flag-sd {
	background-position: -448px -352px;
}

.flag.flag-se {
	background-position: -480px -352px;
}

.flag.flag-sg {
	background-position: 0 -384px;
}

.flag.flag-sh {
	background-position: -32px -384px;
}

.flag.flag-si {
	background-position: -64px -384px;
}

.flag.flag-sk {
	background-position: -96px -384px;
}

.flag.flag-sl {
	background-position: -128px -384px;
}

.flag.flag-sm {
	background-position: -160px -384px;
}

.flag.flag-sn {
	background-position: -192px -384px;
}

.flag.flag-so {
	background-position: -224px -384px;
}

.flag.flag-sr {
	background-position: -256px -384px;
}

.flag.flag-ss {
	background-position: -288px -384px;
}

.flag.flag-st {
	background-position: -320px -384px;
}

.flag.flag-sv {
	background-position: -352px -384px;
}

.flag.flag-sy {
	background-position: -384px -384px;
}

.flag.flag-sz {
	background-position: -416px -384px;
}

.flag.flag-tc {
	background-position: -448px -384px;
}

.flag.flag-td {
	background-position: -480px -384px;
}

.flag.flag-tf {
	background-position: 0 -416px;
}

.flag.flag-tg {
	background-position: -32px -416px;
}

.flag.flag-th {
	background-position: -64px -416px;
}

.flag.flag-tj {
	background-position: -96px -416px;
}

.flag.flag-tk {
	background-position: -128px -416px;
}

.flag.flag-tl {
	background-position: -160px -416px;
}

.flag.flag-tm {
	background-position: -192px -416px;
}

.flag.flag-tn {
	background-position: -224px -416px;
}

.flag.flag-to {
	background-position: -256px -416px;
}

.flag.flag-tr {
	background-position: -288px -416px;
}

.flag.flag-tt {
	background-position: -320px -416px;
}

.flag.flag-tv {
	background-position: -352px -416px;
}

.flag.flag-tw {
	background-position: -384px -416px;
}

.flag.flag-tz {
	background-position: -416px -416px;
}

.flag.flag-ua {
	background-position: -448px -416px;
}

.flag.flag-ug {
	background-position: -480px -416px;
}

.flag.flag-us {
	background-position: 0 -448px;
}

.flag.flag-uy {
	background-position: -32px -448px;
}

.flag.flag-uz {
	background-position: -64px -448px;
}

.flag.flag-va {
	background-position: -96px -448px;
}

.flag.flag-vc {
	background-position: -128px -448px;
}

.flag.flag-ve {
	background-position: -160px -448px;
}

.flag.flag-vg {
	background-position: -192px -448px;
}

.flag.flag-vi {
	background-position: -224px -448px;
}

.flag.flag-vn {
	background-position: -256px -448px;
}

.flag.flag-vu {
	background-position: -288px -448px;
}

.flag.flag-wf {
	background-position: -320px -448px;
}

.flag.flag-ws {
	background-position: -352px -448px;
}

.flag.flag-ye {
	background-position: -384px -448px;
}

.flag.flag-yt {
	background-position: -416px -448px;
}

.flag.flag-za {
	background-position: -448px -448px;
}

.flag.flag-zm {
	background-position: -480px -448px;
}

.flag.flag-zw {
	background-position: 0 -480px;
}

.flag.flag-uk {
	background-position: -320px -128px;
}

#catselect .btnbarfooter {
	display: inline-block;
	width: calc(100% - 10px) !important;
	align-items: baseline;
	background: #f5f5f5;
	border-top: 1px solid #d3d3d3;
	margin: 0;
	padding: 5px;
	text-align: right;
}

#catselect .toolbtnbar {
	border-bottom: 1px solid silver;
	border-top: 1px solid silver
}

.action_card table img {
	width: 20px;
	height: 20px;
	margin: 10px 2px 5px 8px;
}

.action_card table {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	/* bottom: 3em; */
	left: 0;
	font-size: 0.6em;
}

div.doc_description>table {
	font-size: unset;
	padding: 0;
}

.action_card .vote_bar {
	background-color: var(--votebarback);
}

.action_card,
.assistant_item,
.avatar,
.keyholder,
label.iconbig {
	overflow: hidden
}

.action_card {
	display: inline-block;
	padding: 0;
	background: var(--backcolor2);
	position: relative;
	border-top: 1px solid whitesmoke;
	padding-top: 5px;
	width: 100%;
	margin-bottom: -4px;
	max-width: 100vw;
	color: var(--color2);
}

.action_icon_bar td {
	background-color: #E91E63 !important;
	padding: 0 0 11px 20px
}

.action_img {
	width: 100%;
	height: auto;
	cursor: pointer;
}

.action_user_bar,
.spacer {
	display: inline-block;
	color: white
}

.action_user_bar {
	background-color: #3e1868;
	width: 100%;
	height: 70px
}

.addheading input {
	margin-left: 20px;
	width: calc(100% - 20px - 2em);
	padding: 1em;
	border: 1px solid red;
	border-radius: 4px;
}

.addheading span {
	padding-left: 10px;
}

.addheading {
	margin-bottom: 20px;
}

.addkey,
.keyholder div.category {
	background-color: #f5f5f5;
	height: 100%
}

.addkey,
.popr,
span.editcat,
.searchsection {
	cursor: pointer
}

.addkey:after,
div.key_holder span.keyvadd:after,
span.keystring:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900
}

.addkey:after,
span.keystring:after {
	content: "\f00d"
}

.addkey:after {
	top: -10px;
	position: relative;
	right: -16px
}

.addkey {
	border-left: 1px solid #d3d3d3;
	float: right;
	position: absolute;
	right: -1px;
	top: -1px;
	font-size: 1.5em;
	padding: 5px
}

.addpara {
	/* position: fixed; */
	display: inline-block;
	width: calc(100vw - 20px);
	padding: 10px;
	background-color: #333;
	margin-bottom: 10px;
	left: 0;
	top: 60px;
	z-index: 1000;
	text-align: left;
}

.addparaurllink {
	/* position: absolute; */
	display: inline-block;
	width: calc(100vw - 20px);
	padding: 10px;
	background-color: #333;
	margin-bottom: 20px;
	left: 0;
	bottom: 0;
	z-index: 1000;
	text-align: left;
	margin-top: -8px;
}

.linkurl,
.linkurlheading {
	width: calc(100% - 40px);
	border-radius: 6px;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline-block;
	margin-top: 10px;
	padding: 10px;
}

.justify1.addpara {
	left: -20px;
}

.arrow-left,
.arrow-right {
	background-color: #f5f5f5;
	border: 1px solid #d3d3d3;
	color: #000;
	font-weight: 900;
	padding-bottom: 12px;
	padding-top: 12px;
	text-align: center;
	width: 12px;
	font-family: 'Font Awesome 5 Free';
}

.arrow-left:hover,
.scroller .arrow-right:hover {
	color: #000
}

.arrow-left {
	float: left;
	margin-right: 5px
}

.arrow-right {
	float: right;
	margin-left: 5px
}

.assistant_bar {
	background-color: rgba(255, 255, 255, .5);
	padding: 10px;
	border: 1px solid silver;
	border-radius: 4px;
	margin-top: -55px;
	margin-bottom: 20px;
	position: relative
}

.assistant_item .ass_img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	position: absolute;
	width: 100%;
	height: 100%;
}

.assistant_item1 .ass_img {
	max-width: 100%;
	object-fit: contain;
	position: relative;
	width: 100%;
	border-radius: 8px;
	height: auto;
	display: list-item;
}

.assistant_item1 {
	display: inline-block;
	width: calc(50vw - 15px);
	position: relative;
	background-color: white;
	border: 2px solid white;
	border-radius: 8px;
	margin-bottom: 10px;
	height: auto;
	margin-right: 5px;
}

.assistant_item2 .ass_img {
	max-width: 100%;
	object-fit: contain;
	position: relative;
	width: 100%;
	border-radius: 8px;
	height: auto;
	display: list-item;
}

.assistant_item2 {
	display: inline-block;
	width: calc(50vw - 20px);
	position: relative;
	background-color: white;
	border: 2px solid white;
	border-radius: 8px;
	margin-bottom: 10px;
	height: auto;
}

.assistant_items td {
	vertical-align: top;
}

.assistant_items {
	padding: 5px;
	display: none;
	background-color: #00000040;
	padding-top: 70px;
}

.assistant_item {
	display: inline-block;
	width: calc(50vw - 6px);
	max-width: 50vw;
	position: relative;
	height: calc(47vh - 20px);
	max-height: 47vh;
}

.assistant_menu {
	float: right;
	margin-top: 3px
}

.assistant_overlay {
	color: white;
	background: #1c1e21;
	position: fixed;
	left: 0;
	top: 0;
	height: calc(100vh - 60px);
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

.assistant_start .tagtoolbar .hashtag {
	width: 15%;
	text-align: center;
}

.assistant_start {
	color: white;
	position: absolute;
	top: 60px;
	z-index: 1;
	width: 100vw;
	background-color: #1c1e21;
	padding-bottom: 60px;
}

.assistant_status {
	display: none;
	text-align: center;
	padding: 20%;
	font-size: 2em;
	color: white;
	text-shadow: 0 0 3px black;
	padding-top: 100px;
	z-index: 3;
	background: black;
	color: white;
}

.assistantband {
	float: left;
	width: calc(100% - 5px);
	font-size: 1.3em;
}

.asstag span.t {
	width: 100%;
	float: left;
	text-align: center;
	border: 1px solid silver;
	border-radius: 5px;
}

.asstag span.v {
	width: 100%;
	float: left;
	text-align: center;
	font-size: .7em;
	line-height: 1.7em;
}

.asstag {
	width: calc((100vw - 40px) / 5);
	display: inline-block;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

.athandle.profileblock {
	font-size: .8em;
	margin-bottom: 5px;
}

.attachments {
	width: 100%;
	display: none;
	position: relative;
	/* margin-top: 7em; */
}

.attach {
	float: left;
	position: relative;
	top: 10px;
	left: 20px;
	z-index: 1;
	background-image: url(/images/article.png);
	background-repeat: no-repeat;
	width: 64px;
	height: 64px;
	margin-bottom: -64px;
	background-size: contain;
	opacity: .5;
}

.avatar1,
.avatar_profile {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	overflow: hidden
}

.avatar1,
.profilehead {
	margin: 0;
	display: inline-block
}

.avatar1 {
	border-radius: 100px;
	width: 42px;
	height: 42px;
	z-index: 2;
	position: relative;
	border: 1px solid white;
	display: inline;
}

.avatar2 {
	float: left;
	margin: 0;
	display: inline-block;
	border-radius: 5px;
	width: 40px;
	height: auto;
	z-index: 2;
	position: relative;
}

.avatar3 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: right;
	overflow: hidden;
	margin: 0;
	display: inline-block;
	border-radius: 100px;
	width: 32px;
	height: 32px;
	z-index: 2;
	position: absolute;
	left: 15px;
	top: 29px;
}

.avatar_profile {
	border-radius: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.avatar {
	border-radius: 64px;
	width: 48px;
	height: 48px;
	margin: 10px;
	border: 2px solid slategray;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.selfie_descriptionholder>.avatar {
	margin-left: 10px !important;
}

.background {
	color: white;
	display: inline-block;
	margin-top: -10px;
	margin-left: -10px;
	width: 100vw;
	position: relative;
	overflow: hidden;
	/* max-height: 420px; */
}

.bigfollow {
	padding: 10px;
	background: var(--hibtncolor);
	color: white;
	font-weight: 700;
	font-size: 2em;
	margin-top: 15px;
	display: inline-block;
}

.black {
	color: #000
}

.blue {
	color: #00f
}

.btn.green {
	background-color: green
}

.btnSave {
	height: 20px;
	background-color: slategray;
	padding: 10px;
	font-size: 1.3em;
	color: white;
	text-align: center;
	margin-left: 10px;
	width: calc(100vw - 55px);
}

.btnblock {
	float: left;
	padding: 6px;
	background: black;
	color: white;
	font-weight: 700;
	font-size: .8em;
	position: absolute;
	top: 0px;
	border: 1px solid gray;
	left: 5px;
	cursor: pointer;
}

.btnfollow,
.btnunfollow,
.btnfollowauth,
.btnfollowrequest {
	float: right;
	padding: 6px;
	background: var(--hibtncolor);
	color: white;
	font-weight: 700;
	font-size: .8em;
	position: absolute;
	top: 0px;
	right: 15px;
	border: 1px solid lightgrey;
	cursor: pointer;
}

.btnunfollow {
	background-color: #0000003d
}

.btnfollowrequest {
	background-color: green;
	color: white;
}

.btnfollowallow {
	float: right;
	padding: 6px;
	background: rgb(0, 128, 0);
	border: 1px solid lightgrey;
	color: white;
	font-weight: 700;
	font-size: .8em;
	position: absolute;
	top: 0px;
	right: 15px;
	cursor: pointer;
}

.btnsmall,
.reported {
	display: inline-block
}

.btnsmall {
	border: 1px solid slategray
}

.btnsmall {
	float: right;
	padding: 5px;
	background-color: white
}

.btnstyleme {
	font-size: 16px;
	padding: 15px;
	background: #263238;
	width: 100vw !important;
	color: white;
	z-index: 100;
	margin-top: 20px;
}

.btn {
	padding: 10px;
	margin: 10px 10px 20px;
	font-size: 1.3em;
	color: white;
	background-color: slategray;
	text-align: center
}

.buttonx {
	height: 20px;
	background-color: slategray;
	padding: 10px;
	font-size: 1.3em;
	color: white;
	text-align: center;
}

.button {
	background-color: slategray;
	padding: 10px;
	font-size: 1em;
	color: white;
	text-align: center;
	width: 120px;
	position: relative;
	left: calc(50% - 80px);
	display: inline-block;
	text-transform: capitalize;
	cursor: pointer;
}

.delarticon {
	width: 25px;
	height: 25px;
	position: absolute;
	background: #333;
	border-radius: 50%;
	border: 2px solid white;
	color: white;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	bottom: 2px;
	right: 5px;
	z-index: 1;
}

.canvasText .fa-arrows-alt {
	margin: -5px;
	padding: 5px;
	position: absolute;
	top: -11px;
	right: -4px;
	background: white;
	border-radius: 20px;
	border: 1px solid silver;
}

.canvasText .fa-sync-alt {
	margin: -5px;
	padding: 5px;
	position: absolute;
	bottom: -11px;
	left: -6px;
	background: white;
	border-radius: 20px;
	border: 1px solid silver;
}

.canvasText .fa-trash-alt {
	margin: -5px;
	padding: 5px;
	position: absolute;
	top: -11px;
	left: -6px;
	background: white;
	border-radius: 20px;
	border: 1px solid silver;
}

.canvasText textarea {
	align-self: center;
	min-width: 30px;
	max-width: 100px;
	border: 0px;
	background: transparent;
	height: auto;
	width: auto;
	white-space: nowrap;
	overflow: auto
}

.canvasText {
	position: absolute;
	display: inline-block;
	padding: 10px;
	background: #f5f5f5c2;
	border-radius: 7px;
	border: 1px solid silver;
}

.catscroll {
	overflow-x: hidden
}

.catscroll {
	max-height: 50vh;
	overflow-y: auto
}

.cells>section {
	display: inline-block;
	overflow: hidden;
	width: calc(25vw - 8px);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position-x: center;
	background-position-y: center;
	border: 1px solid silver;
	border-radius: 8px;
	float: left;
	margin-left: 4px;
	margin-bottom: 4px;
	height: calc(((25vw - 15px) * 16) / 9);
}

.chatbk {
	background-image: url(./images/uareit_back.jpeg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position-y: top;
	background-attachment: fixed;
}

.combar {
	/* float: left; */
	/* width: calc(100% - 20px); */
	text-align: left;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	width: 100%;
}

.commentblock {
	margin-right: 0px;
	position: relative
}

.commline {
	display: inline-block;
	position: relative;
	margin-bottom: 1px;
	padding: 8px 8px 0 8px;
	width: calc(100% - 15px);
}

.comp.select {
	border: 2px solid white;
}

.compul {
	width: 100%;
	display: inline-block;
}

.dateico {
	color: #d3d3d3;
	float: right;
	font-size: 1em;
	margin-right: 4px;
	margin-top: calc(-1em - 5px)
}

.dlgfoot {
	display: none
}

.dlgheadtxt {
	display: none;
	margin-bottom: .5em;
}

.dlghead {
	background: silver;
	cursor: move;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.dropwindow {
	overflow: hidden !important;
	height: calc(100vh - 15px) !important;
	width: calc(100vw - 10px) !important;
	max-width: calc(100vw - 10px) !important;
	max-height: calc(100vh - 15px) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.embedatt iframe {
	border: 1px solid silver;
	width: calc(100% - -5px);
	height: 50vh;
}

.embedatt {
	width: calc(100vw - 40px);
	margin-left: 10px;
	margin-top: 10px;
}

.far {
	font-weight: 400 !important
}

div.fav img {
	width: 30px;
}

div.fav {
	position: relative;
	float: right;
	z-index: 2;
	margin-bottom: calc(-100%);
	margin-top: 0px;
	margin-right: 20px;
}

.fc .ilb .posticoxx {
	width: calc(100% - -50px) !important;
}

.fc img.trash {
	right: -20px;
}

.fc textarea.comment {
	width: calc(100% - -60px) !important;
	margin-left: -50px;
}

.fixbottom {
	position: fixed;
	bottom: 0;
	width: calc(100% - 20px)
}

#flag span {
	font-size: 6px;
	display: inherit;
	position: absolute;
	right: 3px;
	bottom: -3px;
	width: 100%;
	white-space: nowrap;
}

#flag {
	float: right;
	position: relative;
	right: 10px;
	top: -10px;
	margin-bottom: -2em;
	font-size: 2em;
	text-align: right;
}

.getapp {
	background: deepskyblue;
	padding: 10px;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.green {
	color: green
}

.grid_list img {
	padding: 5px;
	width: 22px;
}

.grid_list td {
	text-align: center;
}

.hashtaglist {
	width: 1000%;
	overflow-y: hidden;
	padding: 0 0 5px 0;
	min-width: 100%;
	scrollbar-width: none;
}

.hashtagscroll {
	scrollbar-width: none;
}

.hashtagscroll.agescroll.styleassistant {
	width: 108px;
	position: relative;
	left: calc(50vw - 148px);
	float: left;
	display: none;
}

.hashtagscroll.asstopscroll.styleassistant {
	float: left;
}

.hashtagscroll.dressscroll.styleassistant {
	margin-top: -10px;
}

.hashtagscroll.genderscroll.styleassistant {
	width: 72px;
	float: left;
}

.hashtagscroll.occasionscroll.styleassistant {
	margin-top: -10px;
}

.hashtagscroll.seasonscroll.styleassistant {
	float: left;
	position: relative;
	left: calc(50vw - 165px);
	width: 160px;
}

.hashtagscroll.seasonscroll.styleassistant {
	width: 160px;
	float: left;
}

.hashtagscroll.sizescroll.styleassistant {
	float: right;
	width: 144px;
}

.hashtagscroll.stylescroll.styleassistant {
	margin-top: -10px;
}

.hashtagscroll.timescroll.styleassistant {
	width: 72px;
	float: right;
}

.hashtagscroll {
	width: calc(100% - 10px);
	height: 42px;
	margin-bottom: 5px;
	overflow-x: auto;
	overflow-y: hidden;
	border-radius: 5px;
	padding-left: 5px;
	background-color: whitesmoke;
	border: 1px solid #363636;
	padding-top: 5px;
}

.hastagbar:before {
	padding-right: 18px;
	color: silver;
}

.hastagbar {
	display: inline-block;
	width: calc(100% - 45px);
	margin-left: 20px;
	/* margin-bottom: 3em; */
}

.hastags {
	position: relative;
	width: calc(100vw - 35px);
	border: 1px solid silver;
	padding: 10px;
	margin-left: 10px;
	border-radius: 5px;
	min-height: 75px;
	word-break: break-word;
	overflow-x: hidden;
	overflow-y: auto;
}

.headinggrid {
	position: absolute;
	bottom: 0px;
	background: #000000a1;
	font-size: 1em;
	padding: 5px;
	margin: 0;
	width: calc(100% - 6px);
	color: white;
	max-height: 5em;
	line-height: 1em;
}

.headinggrid div {
	font-size: 0.7em;
	line-height: 1em;
	margin-right: 10px;
	margin-top: 4px;
	/* text-align: justify; */
	max-height: 4.4em;
	/* Four lines of text */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	/* Number of lines to show */
	-webkit-box-orient: vertical;
}

.heading {
	margin-bottom: 10px;
	border-bottom: 1px dotted var(--toolButtonBorderColor);
	color: grey;
	font-size: 1.3em;
	width: 100%;
	display: inline-block;
	text-transform: capitalize;
}

.heart {
	width: 12px !important;
	height: 12px !important;
	margin: 0 !important;
	padding: 0 !important
}

.iconbig i,
.selfie_bar td,
span.iconbigtext {
	text-align: center
}

.iconbig i {
	font-size: 2em;
	position: relative;
	top: 24px;
	left: 0;
	width: 100px
}

.ilb .comment {
	width: calc(100% - -50px) !important;
}

.ilb .posticoxxx {
	width: calc(100% - -30px) !important;
}

.ilb {
	display: inline-block;
	width: 100%;
	margin-top: 4px;
	position: relative;
	margin-bottom: 10px;
}

.img,
.popup img {
	object-fit: contain
}

.imgatt img.logo {
	left: 15px;
}

.imgatt span.action_img_tm,
.imgatt span.action_img_tmseen {
	left: -10px;
	margin-bottom: -15px;
}

.attachments span.action_img_tm {
	/* margin-left: -10px; */
}

.action_img_tmseen {
	line-height: 2.2em;
}

span.action_img_tmseen::before {
	content: "\f06e";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	padding-right: 5px;
}

span.action_img_tm::before {
	content: "\f073";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	padding-right: 5px;
}

span.action_img_size::before {
	content: "\f0c7";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	padding-left: 5px;
	padding-right: 5px;
}

span.time::before {
	content: "\f017";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	padding-left: 5px;
	padding-right: 5px;
}

time.timeago::before {
	content: "\f252";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-left: 5px;
	padding-right: 5px;
}

.publish time.timeago::before {
	display: none;
}

.img {
	width: 360px;
	height: 480px;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.indigo {
	color: indigo
}

.infobox {
	padding: 20px;
	border: 1px solid slategray;
	margin: 20px;
	border-radius: 10px;
	background-color: #f5f5f5;
	font-size: .8em
}

.infofoot {
	color: silver;
	float: right;
	margin-right: 20px
}

.infofoot {
	font-size: .5em
}

.inset .thumbnail {
	padding: 10px;
	position: absolute;
	margin-top: 5px;
	margin-left: 5px
}

.inset.thumbnail.up {
	border: 1px solid lawngreen;
	background: #7cfc0047;
	border-radius: 100px;
	width: 2em;
	height: 2em;
}

.inset {
	position: absolute;
	left: 0px;
	top: 40px;
	width: 100vw;
	height: calc(100vh - 40px);
	z-index: 10000;
	background: whitesmoke;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.keyholder div.category {
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	border-left: 1px solid silver
}

.keyholder i.fas {
	position: absolute;
	right: 2px;
	top: 32px;
	font-size: 1.3em
}

.keyholder {
	border: 1px solid #d3d3d3;
	display: inline-flex;
	width: calc(100% - 10px);
	padding: 10px 0 10px 10px;
	height: auto;
	position: relative;
	min-height: 1.5em
}

.leftblk {
	float: left;
	display: inline-block;
	margin-right: 10px;
	padding-left: 10px;
}

.locked {
	width: 100vw;
	background-color: #ffffffe3;
	margin-bottom: 20px;
	position: absolute;
	z-index: 10;
	background-image: url(/images/padlock.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
	min-height: 50px;
}

.maximize i {
	font-size: 10px;
	color: silver;
	margin-bottom: 5px;
	margin-right: 10px;
}

.mce-ico {
	font-size: 16px !important;
	line-height: 16px !important;
	width: 23px !important;
}

.mce-toolbar-grp .mce-flow-layout-item {
	margin-bottom: 8px !important;
}

.msghi {
	background-color: #ececec;
	padding: 10px 10px 0 10px;
	border-radius: 0;
	width: calc(100% - 20px);
	margin-bottom: 20px;
}

.msglink {
	border: 1px dotted silver;
	border-radius: 10px
}

.msgme {
	border-radius: 10px 0px 10px 10px;
	padding-top: 10px;
	width: calc(100% - 45px);
	background: white;
	margin-top: 15px;
	margin-bottom: -10px;
	float: right;
	z-index: 1;
	display: inline-block;
}

.msgyou {
	float: left;
	border-radius: 0px 10px 10px 10px;
	padding-top: 10px;
	width: calc(100% - 75px);
	background: #e2e2e2;
	margin-top: 15px;
	margin-bottom: -10px;
	;
	z-index: 1;
	padding-left: 40px;
}

.nonefound {
	padding: 50px 50px 400px;
	color: slategray;
	font-size: 2em;
	text-align: center
}

.orange {
	color: orange
}

.over,
img.dl,
img.dl2 {
	position: absolute
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
}

.over {
	border-radius: 100px;
	background-color: white;
	width: 70px;
	height: 70px;
	display: inline-block;
	right: -30px;
	bottom: -30px;
	border: 1px solid slategray
}

.pagea12 {
	background-image: url(./images/style_assistant_background.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100vw 100vh;
	background-attachment: fixed;
	background-color: black;
}

.pageaak,
.ratingspage,
.selfiepage {
	/* height: 100vh; isInViewport does not trigger is body, html height is set to 100vh*/
	/* height: 100%; */
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	min-height: calc(100vh - -60px);
}

.pageaak {
	font-size: 1em
}

.pagecontent,
.pagedata {
	display: inline-block;
	height: auto;
	padding: 0;
	margin: 0
}

.pagena {
	padding: 0px !important;
	background: black;
}

.pagep .profileAvatar {
	bottom: -30px;
}

.pagep .profilehead.action_card {
	padding-bottom: 0;
	margin-bottom: 0;
}

.pagescroller {
	overflow-y: auto;
	height: 100vh;
	position: absolute
}

.para a {
	margin-top: -3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.para.header {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
}

.paraline.header {
	margin-bottom: 1em;
}

.paraline.header p {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: calc(100% - 40px);
	text-overflow: ellipsis;
}

.paralinefoot.paralinefoot1_old {
	background: transparent !important;
	border: 0 !important;
	text-align: right;
}

.paralinefoot.paralinefoot1 {
	margin-left: 15px;
	font-size: 0.7em;
	color: grey;
	margin-top: 5px
}

.paralinefoot_old {
	color: silver;
	font-size: 0.8em;
	border: 1px solid silver;
	margin-left: 10px;
	margin-top: -1px;
	width: calc(100% - 35px);
	border-radius: 0 0 10px 10px;
	background: whitesmoke;
	padding: 5px 5px 5px 10px;
}

.paralinehead a {
	color: gray;
}

.paralinehead div {
	display: inline;
}

.paralinehead i {
	margin-left: 20px;
}

.paralinehead span {
	float: right;
	color: grey;
}

.paralineheadi_old {
	padding: 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
	border: 0;
	background: transparent;
	margin-bottom: -15px;
	color: grey;
}

.paralinehead_old {
	border-top: 1px solid silver;
	width: calc(100% - 40px);
	background: whitesmoke;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	font-weight: bold;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: -10px;
	color: grey;
}

.paralinehead {
	width: calc(100% - 40px);
	font-weight: bold;
	color: black;
	margin-bottom: -15px;
	margin-top: 15px;
	margin-left: 15px;
}

.pararate .selfie_up,
.pararate .selfie_down {
	top: 2em !important;
	font-size: .5em !important;
	position: inherit;
}

.pararate img {
	opacity: .5;
	margin: 0px 2px 4px 10px !important;
}

.pararate table img {
	width: 10px;
	height: 10px;
}

.pararate table {
	padding-right: unset;
	/* float: right; */
	left: unset;
	bottom: unset;
	padding-top: unset;
	margin: unset;
	width: auto;
}

.pararate {
	display: inline-block;
	width: calc(100% - 1em);
	padding: 0;
	margin-bottom: 1em;
}

.pararate:hover {
	opacity: 1;
}

.pararate>span.editurllink {
	margin-left: 10px;
	color: silver;
	padding: 8px;
	word-break: break-all;
	font-size: .8em;
	border: 1px solid grey;
	width: fit-content;
	cursor: text;
	margin-top: 3px;
	position: absolute;
}

.para {
	width: calc(100% - 40px);
	margin: 0 0 0 20px;
	display: inline-block;
	line-height: 1.3em;
}

.permPopup div {
	font: 300 14px/1.7 Ubuntu, CURSIVE;
	color: #333;
	padding: 10px 20px 7px;
	border-bottom: 1px solid whitesmoke;
	line-height: 16px
}

.permPopup {
	display: none;
	border: 1px solid grey;
	width: auto;
	padding: 5px;
	position: absolute;
	z-index: 3;
	background: white;
	right: 15px;
	margin-top: 15px;
	color: #333;
}

.perm {
	color: silver;
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 0.6em;
	text-align: center;
}

.pgfooter .next {
	float: right
}

.pgfooter span {
	margin: 10px;
	display: inline-block;
}

.selfie_reply {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 2px;

}

.pgfooter span {
	padding: 10px;
	border: 1px solid silver;
	min-width: 100px;
	text-align: center
}

.pindlgc0 a {
	color: black !important;
}

.pindlgc0 input {
	color: black !important;
}

.pindlgc0 {
	background: white !important;
	color: black !important;
}

.pindlgc1 a {
	color: white !important;
}

.pindlgc1 input {
	color: black !important;
}

.pindlgc1 {
	background: red !important;
	color: white !important;
}

.pindlgc2 a {
	color: black !important;
}

.pindlgc2 input {
	color: black !important;
}

.pindlgc2 {
	background: orange !important;
	color: black !important;
}

.pindlgc3 a {
	color: black !important;
}

.pindlgc3 input {
	color: black !important;
}

.pindlgc3 {
	background: yellow !important;
	color: black !important;
}

.pindlgc4 a {
	color: black !important;
}

.pindlgc4 input {
	color: black !important;
}

.pindlgc4 {
	background: green !important;
	color: white !important;
}

.pindlgc5 a {
	color: white !important;
}

.pindlgc5 input {
	color: white !important;
}

.pindlgc5 {
	background: blue !important;
	color: white !important;
}

.pindlgc6 a {
	color: white !important;
}

.pindlgc6 input {
	color: white !important;
}

.pindlgc6 {
	background: indigo !important;
	color: white !important;
}

.pindlgc7 a {
	color: white !important;
}

.pindlgc7 input {
	color: white !important;
}

.pindlgc7 {
	background: violet !important;
	color: white !important;
}

.pindlgc8 a {
	color: white !important;
}

.pindlgc8 input {
	color: white !important;
}

.pindlgc8 {
	background: black !important;
	color: white !important;
}

.pinoverlay {
	position: absolute;
	display: inline-block;
}

.pinshowgrid i {
	line-height: 15px;
	margin-top: 1px;
}

.pinshowgrid {
	position: relative;
	top: 5px;
	left: 5px;
	border-radius: 100px;
	background: #0000006e;
	color: white;
	font-size: 8px;
	z-index: 1;
	width: 15px;
	height: 15px;
	margin-bottom: -15px;
	align-items: center;
	text-align: center;
}

.pinshow {
	position: relative;
	z-index: 1;
	top: 10px;
	left: 80px;
	width: 2em;
	height: 2em;
	align-items: center;
	font-size: 1.3em;
	border-radius: 50%;
	background-color: #3333338a;
	text-align: center;
	line-height: 2em;
	color: white;
	margin-bottom: -2em;
}

div.paraline .pinshow {
	top: 29px;
	font-size: 1.1em;
}

.pins {
	position: absolute;
	display: none;
	text-shadow: 0px 0px 1px black;
	width: 9px;
	font-size: 1.3em;
	margin-left: -.2em;
	margin-top: -0.2em;
}

.pm {
	width: 12px;
	margin-left: 13px;
	margin-top: 10px;
}

.popr a {
	color: #333;
	text-decoration: none;
	border: 0
}

.popr-box {
	display: none;
}

.popr-item .ins {
	display: none;
}

.popr-item i {
	margin-right: 10px;
	color: slategray;
}

.popr-item span,
.popr_title span {
	float: right
}

.popr-item.close {
	background-color: silver;
	font: 300 14px/1.7 Ubuntu, CURSIVE;
	color: black;
	padding: 10px 20px 7px;
	display: inline-block;
	text-align: center;
	border-top: 1px solid black;
	border-bottom: 0;
}

.popr-item.head {
	color: slategray;
}

.popr-item.tab.tabl {
	width: calc(100% - 190px);
	float: left;
	padding-right: 0px;
}

.popr-item.tabh {
	width: calc((90% / 2) - 24px);
	float: left;
}

.popr-item.tabl {
	width: calc(100% - 165px);
	float: left;
	padding-right: 0px;
}

.popr-item.tabms {
	float: left;
	width: 45px !important;
	border: 1px solid white;
	padding: 9px 8px 8px 8px !important;
	text-align: center;
	margin-top: -1px;
}

.popr-item.tabm {
	float: left;
	width: 45px !important;
	padding: 9px 8px 8px 8px !important;
	text-align: center;
	margin-top: -1px;
	height: calc(1em - -3px);
}

.popr-item.tabr {
	float: left;
	width: 45px !important;
	padding: 9px 26px 8px 8px !important;
	text-align: center;
	margin-top: -1px;
	height: calc(1em - -3px);
}

.popr-item.tabl4 {
	width: calc(100% - 200px) !important;
	float: left;
	padding-right: 0px;
}

.popr-item.tabr4 {
	float: right;
	width: 130px !important;
	padding: 9px 0px 8px 8px !important;
	text-align: center;
	margin-top: -1px;
	height: calc(1em - -3px);
}

.popr-item.tab {
	padding-left: 50px;
	width: calc(100% - 70px);
}

.popr-item:hover {
	color: #333;
	background-color: #dcdcdc
}

.pubasusr:hover {
	color: #333;
	background-color: #dcdcdc
}

.popr-item {
	font: 300 14px/1.7 Ubuntu, CURSIVE;
	color: #333;
	padding: 10px 20px 7px;
	display: inline-block;
	width: calc(100% - 40px);
	border-bottom: 1px solid whitesmoke;
	line-height: 16px;
	cursor: pointer;
}

.popr_container_bottom,
.popr_container_top {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	height: 100vh;
	width: calc(100vw - 10%);
	margin: 0;
	padding: 5%;
	background: #0000007a;
	white-space: initial;
	text-align: left;
}

.popr_container_bottom {
	margin-top: 10px
}

.popr_content {
	background-color: white;
	margin: 0;
	display: block;
	width: 100%;
	overflow-x: hidden;
	overflow: scroll;
	max-height: calc(100vh - 145px);
}

.popr_point_bottom,
.popr_point_top {
	position: fixed;
	background: white;
	width: 90%;
	border: 1px solid black;
}

.popr_point_top:after,
.popr_point_top:before {
	border: solid transparent;
	top: 100%
}

.popr_point_top:after {
	border-top-color: white;
	border-width: 8px;
	right: 14px;
	margin-left: -8px
}

.popr_point_top:before {
	border-top-color: #dcdcdc;
	border-width: 9px;
	right: 14px;
	margin-left: -9px
}

.popr_title {
	background-color: black;
	font: 300 14px/1.7 Ubuntu, CURSIVE;
	color: white;
	padding: 10px 20px 7px;
	display: inline-block;
	width: calc(100% - 40px);
	border-bottom: 1px solid black;
	font-size: 1.3em;
	text-align: left;
}

.popup img {
	width: 100vw;
	height: 100vh
}

.popupdialog {
	display: none;
}

.popuppin a {
	text-decoration: none;
}

.popuppin {
	position: absolute;
	padding: 5px 20px 5px 20px;
	border-radius: 7px;
	max-width: 100px;
	display: none;
	font-size: .85em;
	width: max-content;
}

.post_towall {
	padding: 10px;
	padding-bottom: 0px;
	margin-top: -10px;
}

.postico1,
.postico2 {
	width: calc(100% - -50px);
	height: 20px;
	background-color: slategray;
	padding: 10px;
	font-size: 1.3em;
	color: white;
	text-align: center;
	margin-left: -50px;
}

.posticoxxx {
	height: 20px;
	background-color: slategray;
	padding: 10px;
	font-size: 1.3em;
	color: white;
	text-align: center;
	margin-left: -50px;
}

.postparagraphico {
	width: calc(100vw - 35px);
	background-color: slategray;
	color: white;
	text-align: center;
}

.profileAvatarFloat {
	display: inline-block;
	width: 50vw;
	height: 50vw;
	position: absolute;
	border: 2px solid white;
	border-radius: 100%;
	left: calc(50vw - 110px);
	box-shadow: 0px 10px 5px #0000001a;
	top: 10%;
	max-width: 200px;
	max-height: 200px;
	background-color: white;
}

.profileAvatar {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	left: -5px;
	bottom: -15px;
	border: 2px solid white;
	border-radius: 100%;
	z-index: 20;
	box-shadow: 5px 5px 5px #0000004d;
	background: white;
}

.profileRate {
	width: 100%;
	display: inline-block;
}

.profileStyles {
	margin-top: 5px;
}

.profile_bio {
	margin-bottom: 10px;
	font-size: 0.8em;
	color: grey;
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	min-height: 1em;
}

.profile_handle {
	min-height: 1em;
}

.profile_handle.profileblock:before {
	content: "@";
}

.profile_name_float span {
	font-size: 0.7em;
	font-weight: normal;
	min-height: 1em;
	margin-top: -10px;
}

.profile_name_float {
	font-size: 1em;
	font-weight: bold;
	color: black;
	display: inline-block;
	width: calc(100% - 200px);
	clear: both;
	text-align: left;
	margin-left: 95px;
	margin-bottom: 0px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1em;
	margin-bottom: 5px;
	float: left;
}

.profile_name {
	font-size: 1.5em;
	/* color: white; */
	min-height: 1em;
}

.profile_status {
	color: silver;
	min-height: 1em;
	text-transform: uppercase;
}

.profileblock {
	display: none;
}

.profilecontainer {
	padding: 0px 40px 40px 40px;
}

.profilehead table {
	text-align: center;
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: .8em;
	display: inline-block;
}

.profilehead {
	width: calc(100vw - 20px);
	padding: 13px 10px 35px 10px;
	font-size: 1em;
	border: 0;
	border-radius: 0;
	margin-bottom: -35px;
	margin-top: -4px;
}

#pages div.profilehead {
	margin-bottom: -55px;
}

.pubasusr span {
	line-height: 40px;
	padding-left: 20px;
	font-size: 1.3em;
}

.pubasusr {
	background: white;
	display: inline-block;
	width: calc(100% - 20px);
	padding: 10px;
}

.publicpage .rightblock {
	display: inline-block;
	width: calc(100% - 120px);
	padding-left: 10px;
}

.publicpage img {
	width: 100vw;
	margin-top: 10px;
	margin-left: -10px;
}

.publish_bar,
div.iconbig,
span.btn {
	display: inline-block
}

.publish_bar {
	position: relative;
	margin-top: -36px
}

.ratebx {
	margin: 0px !important;
	padding: 0px !important;
	float: left !important;
	width: 90px !important;
}

.red {
	color: red !important;
}

.redbk {
	background-color: red !important;
}

.reported {
	padding: 20px;
	border-radius: 10px;
	margin-top: 20px;
	background-color: #800000;
	color: white;
	width: calc(100% - 80px);
	margin-left: 10px
}

.result {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: calc(100% - 2rem);
	height: auto;
	padding: 1rem;
	background: black;
	color: white;
	font-size: 1rem;
	text-align: center;
	margin: 0;
	z-index: 200;
	padding-bottom: 2em;
	/* padding-bottom: 60px; */
}

.rightblock {
	display: inline-block;
	width: calc(100% - 90px);
	padding-left: 10px;
}

body#pagef .rightblock {
	display: inline-block;
	/* width: calc(100% - 60px); */
}

.commentblock .rightblock {
	display: inline-block;
	width: calc(100% - 65px);
	padding-left: 10px;
}

.scroller,
label,
span.editcat {
	display: inline-block
}

.scroller-cont {
	display: inline-flex
}

.scroller {
	overflow-x: auto;
	margin: 0;
	overflow-y: hidden
}

td.selected {
	background: #1e88e5 !important;
	border-radius: 4px;
}

div.selected {
	border-radius: 50%;
	width: 42px;
	height: 42px;
	background-color: #1e88e5 !important;
	position: absolute;
	left: calc(50% - 21px);
	padding: 5px;
	margin: -5px;
}

.tab.selected {
	border-radius: 0px;
	width: unset;
	height: unset;
	background-color: whitesmoke !important;
	position: unset;
	left: unset;
	padding: unset;
	margin: unset;
	cursor: pointer;
	display: inline-block;
	border: 1px solid lightgrey;
	margin-right: 2px;
	background-color: white;
	border-radius: 0 8px 0 0;
	padding: 5px;
	margin-bottom: -3px;
}

.selfie_descriptionholder {
	padding: 0px;
}

.selfie_name {
	margin-top: 25px;
	display: block;
	padding-left: 80px;
	text-align: left;
}

.selfie_ranking,
i.selfie_visible {
	color: grey;
	font-size: 1.3em;
	position: relative;
	top: -.3em
}

.selfiepage .avatar {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 2px solid white;
	border-radius: 100px;
	margin: 0;
	float: left;
	width: 40px;
	height: 40px
}

.selfiepage span.comm {
	display: inline-block;
	color: grey;
	font-size: .85em;
	width: calc(100% - 5px);
	text-align: left;
	position: relative;
	top: -5px;
}

.selfiepage span.selfie_description {
	display: inline-block;
	color: grey;
	font-size: .85em;
	width: calc(100% - 40px);
	text-align: left;
	margin-left: 10px;
	margin-top: 20px
}

.selfiepage span.commdt {
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: .9em;
	color: grey
}

.selfiepage span.dm {
	color: white;
	font-size: 1em;
	display: inline-block;
	text-align: center;
	padding: 10px 20px;
	background-color: slategray;
	border-radius: 6px;
	margin-top: 20px
}

.selfiepage span.dt {
	color: grey;
	font-size: .8em
}

span.msgtxt {
	background-color: aliceblue;
	padding: 4px 10px 4px 10px;
	display: inline-block;
	border-radius: 5px;
	color: black;
	float: left;
	clear: both;
	word-break: break-word;
	margin: 1px 0px 5px 0;
	font-size: 0.8em;
	max-width: calc(100% - 90px);
}

span.msgtxt.ismyreply {
	background-color: whitesmoke;
}

.avatar1.fc {
	width: 35px;
	height: 35px;
	margin-top: -2px;
}

a.morelink {
	margin-top: 5px;
	float: right;
	text-decoration: none;
	font-size: .8em;
	color: grey;
	margin-bottom: 15px;
}

.selfiepage span.name {
	font-size: .8em;
	color: #222;
	width: calc(100% - 20px);
	text-align: left;
	display: inline-block;
}

span.tm1 {
	color: grey;
	font-size: .6em;
	margin-right: 10px;
	padding-bottom: 5px;
	display: inline-block;
}

.selfiepage span.tm {
	float: right;
	color: #d3d3d3;
	font-size: .6em;
	margin-right: 20px
}

.share_dlg {
	width: 80vw;
	height: 80vw;
	background: white;
	position: absolute;
	left: 10vw;
	top: 10vh;
	border-radius: 100%;
	box-shadow: 0 0 10px;
	opacity: .6;
	z-index: 1000;
	overflow: hidden;
}

.showpinoverlay {
	position: absolute;
	display: inline-block;
	z-index: 2;
	left: 10px;
	width: calc(100% - 20px);
}

.silver {
	color: silver
}

.slategrayHi {
	background-color: #69185e
}

.slategrayLo {
	background-color: #3e1868
}

.social img {
	width: 18px;
	margin-left: 10px;
	margin-right: 10px;
}

.social_scroll a {
	float: left;
	display: inline;
}

.social {
	margin-top: 10px;
}

.spacer1 {
	height: 3em
}

.spacer {
	background-color: #4b0a4d;
	width: 100%;
	padding: 10px;
	top: 0;
	left: 0;
	z-index: 100
}

.star {
	display: inline-block;
	background-repeat: repeat-y;
	margin-bottom: 10px;
	height: 26px;
}

.styleassistantfooterbar {
	display: inline-block;
	width: 100vw;
	height: 60px;
	position: fixed;
	bottom: 0;
	left: 0;
}

.rightblock.fc {
	margin-bottom: 20px;
}

.selfie_descriptionholder.description .name {
	font-size: 1em;
	padding-top: 5px;
	display: inline-block;
}

.t.select {
	background-color: whitesmoke;
}

.tackbar i.fas.fa-thumbtack.thumbblack {
	background-color: black
}

.tackbar i.fas.fa-thumbtack.thumbblue {
	background-color: blue
}

.tackbar i.fas.fa-thumbtack.thumbgreen {
	background-color: green
}

.tackbar i.fas.fa-thumbtack.thumbindigo {
	background-color: indigo
}

.tackbar i.fas.fa-thumbtack.thumborange {
	background-color: orange
}

.tackbar i.fas.fa-thumbtack.thumbred {
	background-color: red
}

.tackbar i.fas.fa-thumbtack.thumbred {
	background-color: red
}

.tackbar i.fas.fa-thumbtack.thumbviolet {
	background-color: violet
}

.tackbar i.fas.fa-thumbtack.thumbwhite {
	background-color: white;
	border: 1px solid silver;
}

.tackbar i.fas.fa-thumbtack.thumbyellow {
	background-color: yellow
}

.tackbar i.fas.fa-thumbtack {
	padding: 5px;
	font-size: 1em;
	margin: 5px;
}

.tackbar i {
	background-color: silver
}

.tackbar {
	z-index: 101;
	position: absolute;
	top: 45px;
	left: 5%;
	width: 90%;
	height: auto;
	border: 1px solid silver;
	border-radius: 4px;
	align-items: center;
	text-align: center;
	background-color: whitesmoke;
	vertical-align: top;
	display: none;
}

.tagimg .ass_img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
}

.tagimg span.hashtag.comp {
	position: absolute;
	bottom: 0px;
	font-size: 0.6em;
	width: calc(100% - 6px);
	border-radius: 0 0 3px 3px;
	padding: 3px;
	text-align: center;
	border: 0;
	;
	overflow: hidden;
	color: white;
	background-color: grey;
}

span.hashtag.comp.select {
	background-color: #460000 !important;
	font-weight: bold;
	color: white;
}

.tagimg.comp.tagimgsmall.select.dummy:before {
	content: "";
	background-color: white;
	content: "\00a0";
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	bottom: -6.5px;
	transform: rotate(47deg) skew(5deg);
	-moz-transform: rotate(47deg) skew(5deg);
	-ms-transform: rotate(47deg) skew(5deg);
	-o-transform: rotate(47deg) skew(5deg);
	-webkit-transform: rotate(47deg) skew(5deg);
	box-shadow: 2px 2px 2px 0 rgba(178, 178, 178, .4);
	left: 10.5px;
	z-index: -1;
}

.tagimg.comp.tagimgsmall {
	height: 30px;
	width: 25px;
	margin-right: 2px;
	background-size: 25px 30px;
	border: 2px solid white;
}

.tagimg.comp.tagimgsmall.select {
	border: 2px solid red;
}

.tagimg {
	display: inline-block;
	height: calc(22vh - 15px);
	width: 19vw;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin-right: 5px;
	border-radius: 5px;
	margin-top: 6px;
	float: left;
	border: 2px solid black;
}

.tagtoolbar .hashtag {
	padding: 0px 5px 0px 5px;
	border: 1px solid silver;
	border-radius: 8px 0px 8px 0px;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

.tagtoolbar {
	padding: 10px;
	line-height: 2.3em;
	margin-bottom: -10px;
	display: inline-block;
	width: calc(100% - 20px);
}

.thumbblack {
	color: black
}

.thumbblue {
	color: blue
}

.thumbdlg .fa-arrows-alt {
	color: white;
	width: 10px;
	height: 10px;
	padding: 2px;
	font-size: .7em;
}

.thumbdlg .fa-check {
	color: white;
	background: green;
	width: 10px;
	height: 10px;
	padding: 2px;
	font-size: .7em;
	position: absolute;
	right: -10px;
	top: -10px;
	margin: 10px;
}

.thumbdlg .fa-trash-alt {
	color: white;
	position: absolute;
	background: red;
	width: 10px;
	height: 10px;
	padding: 2px;
	font-size: 0.7em;
	left: -10px;
	top: -10px;
	margin: 10px;
}

.thumbdlg input {
	width: 100px;
	border: 0px;
	background-color: transparent;
	text-align: center;
}

.thumbdlg.dlgtop .dlghead {
	left: 3em;
	width: calc(100% - 5em);
}

.thumbdlg.dlgtop input {
	width: 100%;
	color: black;
	text-align: left;
	border: 1px solid silver;
	margin-bottom: .5em;
	padding: .5em;
	border-radius: 5px;
	background: white;
}

.thumbdlg.dlgtop i {
	width: 1.3em;
	height: 1.3em;
	font-size: 1.3em;
	padding: .5em;
}

.thumbdlg.dlgtop {
	position: fixed;
	top: 80px !important;
	left: 0 !important;
	width: calc(100vw - 40px);
	margin: 10px;
	background-color: whitesmoke !important;
	border: 1px solid silver;
	padding: 10px;
	color: black !important;
	text-align: left;
	z-index: 12;
}

.thumbdlg {
	position: absolute;
	min-width: 100px;
	border-radius: 5px;
	background: whitesmoke;
	color: silver;
	vertical-align: middle;
	align-items: center;
	text-align: center;
	padding: 5px;
	overflow: hidden;
	padding-top: 20px;
}

.thumbgreen {
	color: green
}

.thumbindigo {
	color: indigo
}

.thumborange {
	color: orange
}

.thumbred {
	color: red
}

.thumbviolet {
	color: violet
}

.thumbwhite {
	color: white
}

.thumbyellow {
	color: yellow
}

.tmpname {
	height: 1em;
	margin-bottom: -2em;
	margin-top: 1em;
}

.toolbar i.fas.fa-check:after {
	content: " Save";
	font-family: Ubuntu;
	font-weight: normal;
}

.toolbar i.fas.fa-check {
	padding: 5px;
	font-size: 1em;
	border: 1px solid silver;
	margin: 5px;
	background-color: white;
}

.toolbar i.fas.fa-font {
	padding: 5px;
	font-size: 1em;
	border: 1px solid silver;
	margin: 5px;
	background: white;
}

.toolbar i.fas.fa-thumbtack {
	padding: 5px;
	font-size: 1em;
	border: 1px solid silver;
	margin: 5px;
}

.toolbar i.fas.fa-times-circle:after {
	content: " Close";
	font-family: Ubuntu;
	font-weight: normal;
}

.toolbar i.fas.fa-times-circle {
	padding: 5px;
	font-size: 1em;
	border: 1px solid silver;
	margin: 5px;
}

.toolbar i {
	min-width: 15px;
	color: black;
	background-color: white;
}

.toolbar {
	position: fixed;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 100vw;
	background: black;
	overflow-x: auto;
	overflow-y: hidden;
	height: 40px;
}

.toolbtn {
	padding: 5px;
	width: auto;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	background: slategray;
	color: white;
	margin-top: -15px;
}

.ui-coner-all {
	border: 0
}

.ui-datepicker .ui-datepicker-header {
	background-color: slategray
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 40%;
	margin-right: 5%
}

.ui-datepicker {
	width: calc(100% - 30px);
	box-shadow: 0 0 0 transparent
}

.ui-icon {
	zoom: 1
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background-color: slategray;
	color: white;
	font-weight: 700
}

.ui-widget,
button {
	font-size: 1em;
}

.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_FFFFFF_256x240.png)
}

.violet {
	color: violet
}

.vote_bar_clone img {
	opacity: .5;
	width: 10px !important;
	height: 10px !important;
}

.vote_bar_clone table {
	padding-right: 20px;
	float: right;
	left: unset;
	bottom: unset;
	width: calc(100% - 5px);
}

.vote_comm .selfie_up,
.vote_comm .selfie_down,
.vote_comm .comm_cnt {
	top: 1.5em !important;
	font-size: .5em !important;
	position: relative;
	color: grey;
}

.vote_comm img {
	width: 10px;
	height: 10px;
	opacity: .5;
	margin: 0px 2px 3px 10px !important;
}

.vote_comm {
	float: right;
	left: unset;
	bottom: unset;
}

.whitebox {
	width: 100%;
	height: 45px;
	background-color: white;
	opacity: .8;
	bottom: 0;
	left: 0
}

.white {
	color: white
}

.yellow {
	color: #ff0
}

/* @import "compass/css3"; */

a.loadmore1 i.aupdown {
	width: 0;
	height: 0;
	border-left: .5em solid transparent;
	border-right: .5em solid transparent;
	border-top: .9em solid silver;
	border-bottom: .9em solid transparent;
	top: 1.1em;
	position: relative;
	left: 8px;
}

a.loadmore:after,
a.loadmorebrief:after {
	content: "SHOW MORE";
}

a.loadmore,
a.loadmorebrief {
	color: grey;
	font-size: .85em;
	margin-right: 20px;
	margin-top: 10px;
	float: right;
	padding: 5px;
	border: 1px solid silver;
}

.navibuttonback {
	color: grey;
	font-size: .85em;
	margin-right: 20px;
	border: 1px solid silver;
	/* margin-left: 20px; */
	height: calc((((20vw - 18px) * 9 / 6) * 2) - -8px);
	width: 20px;
	position: absolute;
	left: -15px;
	text-align: center;
	border-radius: 10px 0 0 10px;
	cursor: pointer;
}

.navibuttonnext {
	color: grey;
	font-size: .85em;
	/* margin-right: 20px; */
	border: 1px solid silver;
	margin-left: 20px;
	height: calc((((20vw - 18px) * 9 / 6) * 2) - -8px);
	width: 20px;
	position: absolute;
	right: -15px;
	text-align: center;
	border-radius: 0 10px 10px 0;
	cursor: pointer;
}

.navibuttonback a,
.navibuttonnext a {
	width: 100%;
	height: 100%;
}

.navibuttonback i,
.navibuttonnext i {
	position: absolute;
	top: calc(50% - 0.5em);
	left: calc(50% - 0.3em);
}

/*
a.readmore.pararm.readless:before {
    content: "\f530" !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
} */
/* a.readmore.pararm.readless:after {
	content: "SHOW LESS" !important;
	padding-left: 10px;
} */

a.readmore.pararm.loading:after {
	content: "LOADING" !important;
	padding-left: 10px;
}

a.readmore.pararm:before {
	content: "\f70e";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

/* 
a.readmore.pararm:after {
	content: "SHOW MORE";
	padding-left: 10px;
} */

a.readmore.pararm {
	/* background-color: #1e88e5; */
}

a.readmore .fa-paperclip:before {
	padding-right: 10px;
}

a.ui-state-default {
	height: 2.5em
}

article.datasection {
	/* margin-bottom: 35px; */
	min-height: 25vh;
	/* background: #f5f5f599; */
	overflow-x: hidden;
	/* width: calc(100vw - 4px); */
	width: 100vw;
	height: auto;
	overflow-y: hidden;
	display: table-cell;
}

a {
	display: inline-block
}

.articleroundbuttons {
	/* width: 90%; */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	align-items: flex-start;
	gap: 1.3em;
	font-size: 1.3rem;
	margin-top: 3em;
}

a.twobutton.openbook:before {
	content: "\f008";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

a.twobutton.openflip:before {
	content: "\f518";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

a.twobutton.pdfviewer:before {
	content: "\f1c1";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

a.twobutton.briefcase:before {
	content: "\f0b1";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

a.twobutton.sharedoc:before {
	content: "\f1e0";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: relative;
	top: 1px;
	left: -1px;
}

a.twobutton.permdoc:before {
	content: "\f14d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	left: 3px;
	top: 0px;
}

a.twobutton.btnwhatsapp {
	background-color: rgb(0, 168, 132) !important;
}

a.twobutton.btnfacebook {
	background-color: rgb(59, 89, 152) !important;
}

a.twobutton.btntwitter {
	background-color: black !important;
	background-image: url(/images/x.com.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.9em;
}

a.twobutton.close:before,
a.twobutton.postparagraphico:before {
	font-size: 1.3em;
	line-height: 1.3em;
}

body#pagea .vote_bar img {
	width: 32px
}

body#pagea div.vote_bar {
	position: relative;
}

body#pagea table.vote_bar {
	position: relative;
	left: 5%;
	width: 90%;
}

body#pages table.vote_bar {
	bottom: 0;
	padding: 0;
}

body#pagew table.vote_bar,
body#pageh table.vote_bar {
	padding: 5px 0 5px 0px;
}

body.banned {
	width: calc(100vw - 40px);
	font-size: 1.3em;
	background-color: whitesmoke;
}

body.publicpage {
	padding: 10px;
	width: calc(100vw - 30px);
	overflow-x: hidden;
}

body.ratingspage .action_card table,
body.ratingspage .whitebox {
	bottom: 70px !important
}

body.selfiepage img.action_img {
	position: relative;
	margin: 0 0 0 10px;
	width: calc(100% - 20px);
	border-radius: 10px;
	max-width: calc(100vw - 20px);
}

button:focus {
	outline: none;
}

button[id='7290'] {
	margin-top: 10px
}

button {
	width: 100%;
	padding: 10px;
	background: slategray;
	color: white;
	border: 0;
	margin: 0;
	font-size: 1.3em
}

div#ass_1,
div#ass_3 {
	border-radius: 8px;
	margin-bottom: 10px;
	float: left;
	margin-right: 5px;
	width: calc(50vw - 8px);
}

div#ass_2,
div#ass_4 {
	border-radius: 8px;
	margin-bottom: 10px;
	float: left;
	width: calc(50vw - 7px);
}

div#catselectholder {
	margin-bottom: 100px;
	background-color: white;
	border: 1px solid silver;
	padding: 0;
	position: absolute;
	z-index: 20;
	box-shadow: 0px 0px 10px black;
}

#ui-datepicker-div {
	box-shadow: 0px 0px 10px black;
}

div#catselect {
	background-color: white;
	margin: 0;
	padding: 0
}

div.advert {
	width: 100%;
	height: auto;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	color: grey;
	display: inline-block;
}

div.advert img,
div.advert video {
	width: calc(100vw - 40px);
	height: auto;
	clear: both;
	display: inline-block;
	max-width: 1024px;
	max-height: 768px;
}

div.advert span {
	float: left;
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 0.8em;
}

div.advert a {
	float: right;
	display: inline-block;
	border: 1px solid grey;
	padding: 5px 10px;
	color: grey;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-size: 0.8em;
}

div.advert a:before {
	content: "Visit Sponsor";
	font-family: Ubuntu, Roboto, Nunito, Tahoma, Arial, sans-serif, Verdana;
	font-weight: normal;
}

div.advert a:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.8em;
	content: "  \f054\f054";
}

div.commline .tm {
	float: none;
	font-size: 8px;
	margin-left: 10px;
}

div.commline i:hover:before {
	text-decoration: none;
	color: slategray
}

div.editbkimg {
	background-image: url(./images/editbkimg.png);
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: 10px;
	bottom: 10px;
	border: 0px;
	color: transparent;
	border: 1px solid #f5f5f540;
	border-radius: 100%;
}

div.editprofileimg {
	background-image: url(./images/editprofileimg.png);
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: calc(50vw - 75px);
	bottom: 10px;
	border: 0px;
	color: transparent;
	border: 1px solid #f5f5f540;
	border-radius: 100%;
}

div.head i.fas.fa-check {
	padding: 4px;
	border: 1px solid silver;
	color: slategray;
	float: right
}

div.head input {
	width: calc(100% - 30px);
	border: 0;
	padding: 2px 0 0 10px
}

div.iconbig {
	padding: 8px 4px 4px 8px;
	position: relative;
	text-align: left;
	width: 46%
}

div.imgholder {
	position: relative
}

div.key_holder div.head {
	border-bottom: 1px solid silver;
	padding: 5px;
	width: calc(100% - 12px);
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 30px
}

div.key_holder span.keyvadd:after {
	content: "\f067";
	position: relative;
	right: -5px;
	color: #90ee90;
	top: 4px
}

div.key_holder span.keyvadd {
	display: inline;
	float: right;
	width: 20px;
	height: 20px;
	border: 1px solid silver;
	background: white;
	margin-bottom: 0
}

div.key_holder span.off {
	background: #f5f5f5;
	color: #000
}

div.key_holder span.on {
	background: slategray;
	color: white
}

div.key_holder span.t {
	display: inline;
	width: auto;
	margin-top: .3em;
	margin-bottom: -.3em
}

div.key_holder span.v .off:after,
div.key_holder span.v .on:after {
	content: "\f00d";
	position: absolute;
	right: 3px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900
}

div.key_holder span.v .off:after {
	top: 0;
	color: silver
}

div.key_holder span.v .off {
	padding: 5px;
	background: #f5f5f5;
	color: #000
}

div.key_holder span.v .on:after {
	top: 0;
	color: green
}

div.key_holder span.v,
div.key_holder span.v .off {
	width: auto;
	border: 1px solid silver;
	margin-right: 10px;
	min-width: calc(50% - 32px);
	position: relative;
	text-align: center
}

div.key_holder span.v {
	padding: 7px 10px;
	line-height: 2em
}

div.key_holder {
	border: 1px solid silver;
	display: inline-block;
	padding: 5px
}

div.loadmore,
div.loadmorebrief {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

div.scrollspacer {
	display: inline-block;
	width: 15px;
	float: left;
}

div.social_scroll_holder {
	width: 100%;
	overflow: scroll;
	scrollbar-width: none;
	margin-top: -4px;
}

div.social_scroll_holder::-webkit-scrollbar {
	display: none;
}

div.social_scroll {
	width: 1000%;
	height: 32px;
}

div.systemnotice {
	background-color: rgba(50, 255, 0, .1);
	border: 1px solid #d3d3d3;
	display: inherit;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 20px;
	position: relative;
	width: calc(100% - 42px)
}

i.action_del:after {
	color: silver;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f2ed";
	font-size: 1.1em
}

i.editcomment,
i.removecomment,
i.reply,
i.reportcomment,
i.report,
i.replyplaceholder {
	color: silver;
	font-style: normal;
	display: inline;
	margin-right: 8px;
	font-size: .8em
}

i.editcomment1 {
	color: silver;
	font-style: normal;
	display: inline;
	margin-right: 8px;
	font-size: .8em
}

i.editcomment:before,
i.editcomment1:before {
	content: "Edit"
}

i.efedit {
	float: right;
	color: silver
}

i.fas.fa-map-marker-alt.intextarea {
	bottom: unset;
	top: 2em;
}

i.fas.fa-thumbtack.up {
	font-size: 2em;
}

i.icobtn1:hover,
i.icobtn2:hover {
	background-color: white !important;
	color: #00bfff !important
}

i.icobtn1 {
	background: white;
	padding: 6px;
	align-items: center;
	border-radius: 3px;
	border: 1px solid silver;
	color: #778899;
	display: inline-block;
	float: left;
	font-size: 15px;
	height: 1.3em;
	line-height: 1.5em;
	margin-right: 5px;
	text-align: center;
	vertical-align: bottom;
	width: 1.3em;
	min-width: 1.5em;
}

i.pubfriend.fas.fa-lock {
	position: absolute;
	top: 5px;
	left: calc(100% - 20px);
	color: white;
	font-size: 8px;
	background: #0000006e;
	border-radius: 100%;
	padding: 4px;
}

i.removecomment:before {
	content: "Remove"
}

i.reply:before,
i.replyplaceholder:before {
	content: "\f3e5   Reply";
	font-family: 'Font Awesome 5 Free', Ubuntu;
	font-weight: 900;
}

i.report:before {
	content: "Report"
}

i.reportcomment:before {
	content: "Report"
}

img.ass_img.blur {
	object-fit: cover;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

img.dl2 {
	bottom: 10px;
	left: 10px;
	width: 32px;
	opacity: .5
}

img.dl {
	width: 25px;
	float: right;
	top: 0px;
	right: 4px
}

img.editpara {
	position: relative;
	width: 16px;
	padding: 6px;
	float: right;
	margin-bottom: -20px;
	background: white;
	margin-right: 20px;
	border-radius: 5px;
	border: 1px solid silver;
	margin-top: -20px;
	top: 25px;
}

img.hanger {
	position: relative;
	left: 25%;
	width: 60%;
	top: 25%;
	background-color: #ff00009e;
	border-radius: 50%;
}

img.iconbig {
	width: 100%;
	height: auto;
	position: relative;
	size: auto
}

img.imgatt {
	position: relative;
	height: auto;
	width: calc(100% - 20px);
	padding: 0;
	border-radius: 10px;
	left: 50%;
	transform: translateX(-50%);
	/* background-color: whitesmoke; */
	/* max-height: 160vw; */
}

img.logo {
	float: left;
	position: relative;
	bottom: 60px;
	left: 25px;
	margin-bottom: -50px;
	width: 38px;
}

img.postico,
img.postico1 {
	width: 24px;
	height: 20px;
	position: absolute;
	bottom: 0px;
}

img.rate0,
img.rate1 {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 10px;
	padding: 10px
}

img.reportimgs {
	width: 80%;
	padding-left: 10%;
	padding-top: 50%
}

img.reportimg {
	position: absolute;
	top: calc(50% - 100px);
	width: 70%;
	left: 15%;
}

img.sabackarrow {
	display: inline;
	margin-right: -30px;
	position: relative;
	left: -17px;
	top: 6vh;
	width: 13px;
	margin-bottom: -55px;
}

img.sanextarrow {
	height: 35px;
	display: inline;
	margin-right: -18px;
	position: relative;
	float: right;
	top: -14vh;
	width: 13px;
	margin-bottom: -55px;
}

img.stars {
	width: 128px;
	content: url(/images/622818_stars.png);
}

.imgstars {
	width: 128px;
	background-image: url(/images/622818_stars.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	border: 0px !important;
}

img.tagimgsmall {
	width: 100%;
}

img.trash {
	position: absolute;
	width: 10px;
	border-radius: 10px;
	background-color: whitesmoke;
	border: 1px solid silver;
	padding: 5px;
	right: 0px;
	margin-top: 0 !important;
	z-index: 3
}

input[id='7281_holder'] {
	background-image: url(/images/7281.png);
	background-repeat: no-repeat;
}

input[id='7282_holder'] {
	background-image: url(/images/7282.png);
	background-repeat: no-repeat;
}

input[id='7283_holder'] {
	background-image: url(/images/7283.png);
	background-repeat: no-repeat;
}

input[id='7289_holder'],
input[id='7331_holder'] {
	background-image: url(/images/7289.png);
	background-repeat: no-repeat;
}

input[id='7293_holder'] {
	background-image: url(/images/7293.png)
}

input[id='7297_holder'],
input[id='7330_holder'] {
	background-image: url(/images/7297.png);
	background-repeat: no-repeat;
}

input[id='7496_holder'] {
	background-image: url(/images/7496.png);
	background-repeat: no-repeat;
}

input[id='7487'] {
	background-image: url(/images/7487.png);
	background-repeat: no-repeat;
}

input[id='7539'] {
	background-image: url(/images/social_whatsapp.png);
	background-repeat: no-repeat;
}

input[id='7540'] {
	background-image: url(/images/social_fb.png);
	background-repeat: no-repeat;
}

input[id='7541'] {
	background-image: url(/images/social_instagram.png);
	background-repeat: no-repeat;
}

input[id='7542'] {
	background-image: url(/images/social_twitter.png);
	background-repeat: no-repeat;
}

input[id='7543'] {
	background-image: url(/images/social_youtube.png);
	background-repeat: no-repeat;
}

input[id='7544'] {
	background-image: url(/images/social_wechat.png);
	background-repeat: no-repeat;
}

input[id='7564'] {
	background-image: url(/images/social_snapchat.png);
	background-repeat: no-repeat;
}

input[id='7546'] {
	background-image: url(/images/social_linkedin.png);
	background-repeat: no-repeat;
}

input[id='7547'] {
	background-image: url(/images/social_tumblr.png);
	background-repeat: no-repeat;
}

input[id='7548'] {
	background-image: url(/images/social_pinterest.png);
	background-repeat: no-repeat;
}

input[name='7273'] {
	background-image: url(/images/7273.png);
	background-repeat: no-repeat;
}

input[name='7276'] {
	background-image: url(/images/7276.png);
	background-repeat: no-repeat;
}

input[name='7277'] {
	background-image: url(/images/7277.png);
	background-repeat: no-repeat;
}

input[name='7279'] {
	background-image: url(/images/7279.png);
	background-repeat: no-repeat;
}

input[name='7497'] {
	background-image: url(/images/7497.png);
	background-repeat: no-repeat;
}

input[name='7524'] {
	background-image: url(/images/7281.png);
	background-repeat: no-repeat;
}

label input,
label select,
label textarea,
textarea.bio {
	background: .5em .5em;
	color: #3e1868;
	padding-top: .5em;
	border-bottom: 1px solid #3e1868;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	padding-bottom: .5em;
	padding-left: 2em;
	font-size: 1em;
	float: left;
}

label input {
	width: 100%;
	background-size: 1em
}

label select {
	background-size: 1em
}

label span {
	float: left;
	font-size: 1em;
	margin-bottom: .5em;
	width: 100%
}

.iconbig>.iconbigcnt {
	width: unset;
}

label.fs {
	margin-bottom: 1em
}

label.iconbig a.fileDownloadSimpleRichExperience:hover {
	background: 0 0 !important
}

label.iconbig:hover {
	box-shadow: 0 0 10px light#4556b2;
	color: #000 !important;
	background-color: rgba(255, 255, 0, .6) !important
}

label.iconbig {
	background-color: white;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	margin: 0;
	position: relative;
	width: 100%;
	height: auto
}

label {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
}

p.para.edit {
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
	padding-top: 9px;
	margin-bottom: -6px;
	margin-top: 5px;
	padding-bottom: 5px;
}

p.para.imgatt {
	padding: 0;
	margin-left: -1px;
	width: 100%;
	display: inline-block;
	justify-content: center;
}

p.para {
	font-size: 0.9rem;
	color: grey;
	position: relative;
	/* margin-top: 10px; */
	padding-bottom: 5px;
	/* margin-bottom: 10px; */
}

#pages p.para.imgatt {
	margin-left: -1px;
}

select[name='7278'] {
	background-image: url(/images/7278.png);
	background-repeat: no-repeat;
}

select[name='7287'],
select[name='7328'] {
	background-image: url(/images/7287.png);
	background-repeat: no-repeat;
}

select[name='7288'],
select[name='7323'],
select[name='7329'],
select[name='7333'] {
	background-image: url(/images/7288.png);
	background-repeat: no-repeat;
}

select[name='7326'] {
	background-image: url(/images/7326.png);
	background-repeat: no-repeat;
}

select[name='7496'] {
	background-image: url(/images/7496.png);
	background-repeat: no-repeat;
}

span.action_img_tm {
	color: grey;
}

span.action_img_tm,
span.action_img_tmseen {
	font-size: .5em;
	clear: both;
	float: left;
	margin: 0;
	padding: 1em;
}

.doc_lastupdate span.action_img_tm {
	float: unset;
}

.rightblock span.action_img_tm {
	font-size: 9px;
	position: relative;
}

.rightblock span.action_img_tmseen {
	font-size: 9px;
}

.doc_lastupdate span.action_img_tm {
	font-size: 9px;
	padding-left: 5px;
}

span.assistant_down,
span.assistant_up {
	margin-left: 10px;
	border-right: 1px solid silver;
	padding: 11px
}

span.btn.action_del {
	background-color: red
}

span.btn {
	color: white;
	background-color: #3e1868;
	padding: 8px 15px;
	float: right;
	font-size: 1em;
	border-radius: 4px;
	border: 1px solid white
}

span.dlgfootbtn {
	float: right;
	margin: .5em;
	min-width: 20vw;
	left: unset !important;
}

span.editcat {
	background-color: #4556b2;
	border: 1px solid silver;
	color: white;
	font-weight: 700;
	height: 12px;
	margin-top: 7px;
	padding: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 70px
}

span.hashtag.reddot {
	background-image: url(/images/reddot.png);
	background-repeat: no-repeat;
	background-position: right top;
}

span.hashtag1:before {
	content: "#";
	color: gray;
}

span.hashtag1 {
	display: inline-block;
	margin-right: 5px;
	font-size: .85em;
	border: 1px solid silver;
	padding: 4px 7px;
	background-color: whitesmoke;
	border-radius: 3px;
	cursor: pointer;
	color: grey;
	margin-bottom: 5px;
}

#cropimageholder span.hashtag1 {
	background-color: black;
	color: white;
}

span.hashtag {
	padding: 3px 5px 3px 5px;
	border: 1px solid silver;
	border-radius: 8px;
	margin-right: 5px;
	background-color: white;
	width: auto;
}

span.head {
	font-weight: bold
}

span.hrs {
	font-size: .5em;
	padding-left: 4px
}

span.iconbigcnt {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #d2691e
}

span.iconbigtext {
	bottom: 0;
	position: absolute;
	width: 83%;
	background-color: rgba(255, 255, 255, .6);
	font-size: 80%;
	left: 5%;
	padding: 5px;
}

span.info {
	width: calc(100% - 20px);
	display: inline-block;
	padding: 10px;
	text-align: center;
	background-color: #9370db;
	color: white
}

span.keystring:after {
	padding-left: 10px;
	top: -4px;
	position: relative
}

span.keystring {
	padding: 10px 20px;
	border: 1px solid #d3d3d3;
	width: auto;
	float: left;
	margin-right: 10px;
	border-radius: 4px;
	background-color: #f5f5f5;
	display: inline !important
}

span.label {
	min-width: 61px;
	display: inline-block
}

span.msgcnt img {
	width: 13px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: -5px;
}

td.msgcnt {
	color: unset;
	background: unset;
	border-radius: unset;
	position: unset;
	left: unset;
	top: unset;
	float: unset;
	padding: unset;
	width: unset;
	height: unset;
	text-align: unset;
	font-weight: unset;
	margin-right: unset;
}

span.msgcnt {
	font-size: .8em;
	float: right
}

span.msgtxt a {
	margin-top: -3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

span.msgtxt1 {
	font-size: 1.3em;
	color: silver;
	padding-left: 10px;
	display: inline-block;
	text-align: left;
}

span.msgtxt2 {
	font-size: 1.3em;
	color: black;
	padding-left: 10px;
	display: inline-block;
	text-align: left;
}

span.name1 {
	margin-bottom: 5px;
	font-size: 1em;
	color: silver;
	padding-left: 10px;
	display: inline-block;
	text-align: left;
	width: calc(100% - 20px);
}

span.name2 {
	margin-bottom: 5px;
	font-size: 1em;
	color: black;
	padding-left: 10px;
	display: inline-block;
	text-align: left;
	width: calc(100% - 20px);
}

span.replyto:after {
	content: ":";
	color: grey;
}

span.replyto:before {
	content: "@";
	color: grey
}

span.replyto {
	color: grey;
	font-size: 0.8em;
	display: inline-block;
	width: 100%;
}

span.selfie_comment {
	color: grey;
	border: 1px solid silver;
	padding: 8px;
	background-color: whitesmoke;
	border-radius: 8px;
	display: inline-block;
	text-align: left;
	width: calc(100% - 50px);
}

span.sensored:after {
	content: "'"
}

span.sensored:before {
	content: "Sensored Content '"
}

span.sensored {
	color: red
}

span.subheading {
	width: 100vw;
	margin-left: 10px;
	margin-bottom: 5px;
	display: inline-block;
	color: gray;
}

span.tag {
	color: blue;
	text-decoration: underline;
}

table.comm_menu {
	float: right;
	display: inline;
	margin-right: -20px
}

table.selfie_bar tr {
	height: 45px
}

table.vote_bar_clone {
	display: inline-table;
}

table.vote_para td.paramenu,
td.dvote,
td.uvote {
	text-align: center;
}

td.assv .fa-arrow-circle-left,
td.assv .fa-arrow-circle-right {
	font-size: 4em;
	top: 15px;
	opacity: .3;
	width: 0;
	color: #ffb6c1;
	position: relative
}

td.assv .fa-arrow-circle-left {
	left: 28px
}

td.assv .fa-arrow-circle-right {
	left: -100px
}

td.attachdt {
	font-size: .6em;
	color: silver;
}

textarea#paragraph {
	width: calc(100% - 20px);
	border-radius: 6px;
	/* margin-left: 10px; */
	margin-bottom: 10px;
	min-height: 140px;
	display: inline-block;
	margin-top: 10px;
	padding: 10px;
}

.addpara textarea#paragraph {
	width: calc(100% - 40px);
}

textarea.comment {
	background-color: whitesmoke;
	border-radius: 7px;
	padding: 7px;
	resize: vertical;
	margin-bottom: 10px !important;
	margin-left: -40px;
	box-sizing: content-box;
	overflow: hidden;
	font-family: cursive;
}

#editcomment {
	padding: 0;
	margin-bottom: 26px;
}

#editcomment td {
	vertical-align: bottom;
}

#editcomment i {
	font-size: 1.6em;
}

#editcomment textarea.editcommenttext {
	background-color: whitesmoke;
	border-radius: 7px;
	resize: vertical;
	box-sizing: content-box;
	overflow: hidden;
	width: calc(100% - 1.2em);
	padding: 5px;
}

textarea:focus {
	outline: 0
}

video1 {
	border-radius: 9px;
	width: calc(100vw - 35px);
	margin-left: -10px;
}

.profilestats {
	display: none;
}

.noimageholder {
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(/images/yellowpostit.webp);
	font-size: 1.3em;
	text-shadow: 1px 1px 2px white;
	background-color: transparent;
	background-size: contain;
	height: 300px;
	background-position-x: center;
	background-repeat: no-repeat;
	padding-top: 20%;
	text-align: center;
}

.noimgcontent {
	display: inline-block;
	width: 250px;
	height: 250px;
	word-break: break-word;
	font-family: 'Permanent Marker';
}

section.sectionnewarticle {
	font-size: 1em;
	text-align: center;
	max-height: 226px;
	color: white;
	border-radius: 10px;
}

section.sectionnoarticle {
	background-image: radial-gradient(circle, #5ca2fa, #4a91f2, #307fe6, #0b65cf, #0561cd);
	border-radius: 10px;
	font-size: 1em;
	text-align: center;
	text-shadow: 1px 1px 2px white;
	max-height: 226px;
	color: white;
	text-shadow: 0 0 3px black;
}

section.sectionnoimg {
	background-image: radial-gradient(circle, #b7d4ff, #a8c2ff, #a9adff, #b993ff, #d171fb);
	border-radius: 10px;
	font-size: 1em;
	text-align: center;
	text-shadow: 1px 1px 2px white;
	max-height: 226px;
}

.uploadpic {
	float: right;
	margin-right: -20px;
	font-size: 2em;
	color: gray;
	cursor: pointer;
}

.commenticons {
	position: absolute;
	right: 14px;
	top: 23px;
	font-size: 1.5em;
	color: gray;
	cursor: pointer;
}

.commenticons i {
	padding-left: 20px;
}

.post_towall span.selfie_comment {
	width: calc(100% - 42px);
}

#pagep label i {
	position: absolute;
	bottom: 8px;
	left: 5px;
	color: silver;
}

html,
body {
	/* overflow-x: hidden; */
	padding: 0;
	margin: 0px;
	border: 0;
	width: 100vw;
	max-width: 100vw;
	/* height: auto; */
	/* height: 100%; isInViewport does not trigger is body, html height is set to 100%;*/
	/* height: 100vh; isInViewport does not trigger is body, html height is set to 100vh*/
	zoom: 100%;
	-moz-transform: scale(1);
	font-family: Ubuntu, Roboto, Nunito, Tahoma, Arial, sans-serif, Verdana;
	/* font-size: 9px; */
	/* position: relative; Messes up profile publish dialog*/
	/* background-color: white; */
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	/* background-color: black; */
	/* scrollbar-width: none; */
	top: 0px !important;
	overscroll-behavior-x: none;
	/* display: inline-flex; */
	/* background-color: var(--backcolor2); */
}

body::-webkit-scrollbar {
	width: 0 ! important
}

html {
	scrollbar-width: none;
}

body::-webkit-scrollbar {
	width: 0px;
	display: none;
	scrollbar-width: none;
	background: white;
	scroll-behavior: smooth;
}

body::-webkit-scrollbar * {
	background: transparent;
}

body::-webkit-scrollbar-thumb {
	background: rgba(255, 0, 0, 0.1) !important;
}

::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar * {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 0, 0, 0.1) !important;
}

div#permissions {
	display: none;
}

.perm i {
	font-size: 2.2em;
}

embed {
	width: calc(100% - -2px);
	height: 100%;
	overflow: hidden;
	margin: -1px;
}

.paraline embed.embedlink {
	/* margin-left: -10px; */
}

.saysome textarea {
	top: -49px;
	position: relative;
	margin-bottom: -35px !important;
}

textarea.editcommenttext.commentMainDescription {
	margin-left: 0;
	margin-top: -10px;
	width: 100%;
}

img.trash.commentMainDescription {
	right: 10px;
}

.privatechat {
	background: lightslategray;
	color: white;
	font-size: 2em;
	padding: 20px;
	text-align: center;
}

.avatarchat {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: 4px solid white;
	margin-left: -100px;
	margin-top: -130px;
}

.avatarchat1 {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: 4px solid white;
	margin-left: 100px;
}

section.sectionclosedgroup {
	background: lightslategray;
	color: black;
	text-align: center;
	vertical-align: text-bottom;
}

.icoattachment {
	display: inline;
	position: absolute;
	right: -10px;
	margin-top: 2px;
	text-align: center;
	line-height: 30px;
	color: grey;
	font-size: 2em;
}

i.isprivate {
	position: absolute;
	bottom: 10px;
	color: gray;
	left: 20px;
}

.btnPublish {
	float: right;
	padding: 6px;
	background: var(--hibtncolor);
	color: white;
	font-weight: 700;
	font-size: .8em;
	position: absolute;
	top: -5px;
	right: 15px;
	border: 1px solid lightgrey;
	text-transform: uppercase;
}

.btnPublish::before {
	content: "\f030";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 10px;
}

.btnEditProfile {
	float: left;
	padding: 6px;
	background: black;
	color: white;
	font-weight: 700;
	font-size: .8em;
	position: absolute;
	top: -5px;
	left: 5px;
	border: 1px solid lightgrey;
}

.btnEditProfile::before {
	content: "\f303";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 10px;
}

.profilebottomright {
	position: absolute;
	right: 10px;
	margin-top: -60px;
}

.profilebottomleft {
	position: absolute;
	left: 65px;
	margin-top: 45px;
}

.btnPrivateMsg {
	padding: 10px 20px 10px 20px;
	background: #0000003d;
	color: white;
	font-weight: 700;
	border: 1px solid lightgrey;
	font-size: 0.8em;
}

i.icocamera {
	font-size: 1.3em;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background-color: #3333338a;
	text-align: center;
	line-height: 2em;
	color: white;
}

i.icocamerasmall {
	font-size: 1em;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background-color: #3333338a;
	text-align: center;
	line-height: 1.5em;
	color: white;
	padding: 3px;
	border: 1px solid white;
}

span.main_heading {
	font-size: 1.3em;
	/* text-transform: uppercase; */
	position: absolute;
	top: 9px;
	white-space: nowrap;
	overflow-x: hidden;
}

span.sub_heading {
	display: inline;
	font-size: 1em;
	position: absolute;
	top: calc(16px - -1em);
	white-space: nowrap;
	overflow-x: hidden;
}

.btnEditProfile,
.btnPublish,
.btnPrivateMsg {
	cursor: pointer;
}

.social_scroll_holder::-webkit-scrollbar-track {
	-webkit-box-shadow: transparent;
	background-color: transparent;
}

.social_scroll_holder::-webkit-scrollbar {
	display: none;
}

.social_scroll_holder::-webkit-scrollbar-thumb {
	background-color: transparent;
	border: 0;
}

input.editfield.edittitle {
	font-size: 1em;
	width: 100%;
	color: black;
	margin-bottom: 5px;
}

input.editfield.editfooter {
	font-size: 0.8em;
	width: 100%;
	color: gray;
}

input.editfield.editheader {
	font-size: 0.8em;
	width: 100%;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
}

input.editfield.editurl {
	font-size: 0.8em;
	width: 100%;
	color: gray;
}

div#cropviews {
	display: inline-block;
}

input.editfield,
textarea.editfield {
	margin-top: 10px;
	padding: 5px;
	display: inline;
	margin-right: 10px;
	border: 1px solid var(--editborder) !important;
	line-height: 1.3em;
}

select.editfield {
	padding: 5px;
	border: 1px solid silver;
	background: transparent;
	margin-right: 10px;
}

textarea.editfield {
	margin-top: 10px;
	padding: 5px;
	display: inline;
}

.uploading {
	padding: 40px;
	margin: 20px;
	height: 40px;
	font-size: 2em;
	color: gray;
	border: 1px solid silver;
}

.uploading img {
	margin-right: 20px;
}

.ilb.saysome {
	margin-top: 10px;
}

input[type="number"] {
	text-align: right;
	padding-right: 10px;
}

input[type="date"],
input[type="time"] {
	padding: 3px;
}

.tabr.popr-item i {
	margin-right: 0;
}

.tabm.popr-item i {
	margin-right: 0;
}

span.selfie_footer {
	font-size: 0.7em;
	color: grey;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	display: inline-block;
	width: 100%
}

.embeddoc {
	width: calc(100% - 20px);
	height: 100%;
	max-height: 915px;
	min-height: 150px;
	background: whitesmoke;
	margin-left: 10px;
	margin-right: 10px;
	min-height: calc(100vw / 3 * 4);
}

ins.adsbygoogle1:before {
	content: "Advertisement";
	font-size: 0.6em;
	color: grey;
}

ins.adsbygoogle {
	background: white;
	margin-top: 10px;
	margin-bottom: 30px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.initalparaline {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.8em;
}

.action_card video1 {
	margin-left: 10px;
}

.action_card video[poster] {
	object-fit: contain;
	width: 100vw;
}

section video {
	height: auto;
	width: auto;
	margin: 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	display: block;
	left: 50%;
}

span.selfie_comment.onwall {
	width: calc(100% - 70px);
}

i.fas.fa-camera.uploadpic.onwall {
	margin-right: 0px;
}

.ui-progressbar-value {
	background: red !important;
	margin: 0px !important;
}

p.para video {
	padding: 0;
	margin-left: -20px;
	width: calc(100% - -40px);
	max-height: 160vw;
}

.nofloat {
	float: unset !important;
}

div.fixedchatbar {
	position: fixed;
	display: inline-block;
	width: 100%;
	z-index: 10;
	left: 0;
	background-color: black;
	bottom: 0;
	border-bottom: 10px solid black;
}

div.fixedchatbar .rightblock {
	width: calc(100% - 100px);
	position: relative;
	top: -10px;
}

div.fixedchatbar .ilb {
	margin-bottom: unset;
	width: calc(100% - 65px);
}

div.fixedchatbar .fc textarea.comment {
	margin-left: unset;
	width: calc(100% - -10px) !important;
	margin-top: unset !important;
	position: absolute;
}

div.fixedchatbar .postico {
	margin-left: unset;
	max-width: calc(100% - 10px) !important;
}

div.fixedchatbar .avatarchatcsamll {
	border-radius: 50%;
	width: 1.8em;
	height: 1.8em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid white;
	display: inline-block;
	margin-left: 20px;
}

div.fixedchatbar .avatarchat1small {
	border-radius: 50%;
	width: 1.8em;
	height: 1.8em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid white;
	display: inline-block;
	position: absolute;
}

div.fixedchatbar .afa-chevron-circle-right {
	position: relative;
	top: -12px;
}

div.fixedchatbar i {
	color: black;
	font-size: 20px;
	padding-top: 5px;
}

div.fixedchatbar textarea {
	width: 100%;
	border-radius: 5px;
	padding: 5px;
	border: 0px !important;
	/* min-height: 30px; */
	max-height: 160px;
	/* height: 30px; */
	line-height: 1.3em;
}

div.fixedchatbar textarea:hover {
	border: 0px;
}

div.fixedchatbar table {
	padding: 5px;
	width: 100%;
	position: relative;
}

div.fixedchatbar table td {
	text-align: center;
	vertical-align: top;
}

.twobutton {
	background-color: #333;
	color: white;
	text-align: center;
	display: inline-block;
	text-transform: capitalize;
	text-decoration: none;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	border: 2px solid grey;
	font-size: 1.3em;
	line-height: calc(1.3em + 5px);
	padding: 5px;
	width: calc(1.3em + 5px) !important;
}

.twobutton::before {
	/* font-size: 1.3rem; */
}

.editlivefieldhashs:hover,
.editlivefield:hover {
	cursor: text;
	border: 1px solid lightslategray;
}

div.doc_title {
	display: inline-block;
	color: grey;
	font-size: .9em;
	width: calc(100% - 30px);
	text-align: left;
	/* margin-top: 5px; */
	padding-left: 10px;
	font-weight: bold;
	outline: 1px solid transparent;
	/* padding-top: 10px; */
	margin-left: 10px;
	/* margin-bottom: 5px; */
}

div.doc_footer {
	font-size: 0.9rem;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	width: calc(100% - 40px);
	margin-left: 10px;
	outline: 1px solid transparent;
	margin-right: 10px;
	font-style: italic;
}

div.doc_header {
	font-size: 1.5rem;
	font-weight: bold;
	text-transform: uppercase;
	width: calc(100% - 80px);
	text-overflow: ellipsis;
	margin-left: 20px;
	margin-top: 1em;
	outline: 1px solid transparent;
	color: gray;
	display: inline-block;
}

div.doc_description {
	display: inline-block;
	color: grey;
	font-size: 0.9em;
	width: calc(100% - 40px);
	text-align: left;
	margin-left: 20px;
	margin-top: 15px;
	outline: 1px solid transparent;
}

div.editlivefield.doc_description {
	margin-left: 10px;
}

div.doc_url {
	font-size: 1em;
	width: calc(100% - 60px) !important;
	margin-left: 10px;
	margin-top: 10px;
	color: gray;
	outline: 1px solid transparent;
	overflow: hidden;
	/* word-wrap: nowrap; */
	padding-bottom: 30px;
	padding-right: 20px;
}

.btnsmallsave {
	margin-left: 10px;
	font-size: 20px;
	color: silver;
}

span.remainingchars {
	color: silver;
	font-size: 0.6em;
	position: absolute;
	right: 2em;
	bottom: 2em;
}

i.fas.fa-microphone.isrecording {
	color: red;
}

i.fas.fa-microphone.isrecording1 {
	color: black;
}

.rightblock .action_img_tm {
	margin-left: unset;
}

#pagef[data-pm='1'] .rightblock .action_img_tm,
#pagef[data-pm='1'] .rightblock .action_img_tmseen {
	margin-left: unset;
	display: inline-block;
	padding-right: 20px;
	float: left;
	clear: both;
}

#pagef[data-pm='1'] .rightblock .action_img_tmseen,
.action_img_tmseen {
	color: green;
	/* color: #4aea46 */
}

input#date {
	padding: 5px;
	border: 1px solid silver;
	background: transparent;
	margin-right: 10px;
}

.doc_filesize {
	text-align: right;
	padding-right: 20px;
	color: silver;
	font-size: 8px;
	display: inline;
	float: right;
	margin-bottom: -20px;
}

.paralinefoot {
	float: right;
	padding-right: 20px;
	margin-bottom: -20px;
}

.doc_views {
	font-size: 1em;
	color: gray;
	margin-left: 20px;
	margin-top: 20px;
	color: blue;
	cursor: pointer;
	float: left;
}

td.paramove {
	padding-right: 3px;
	text-align: center;
	padding-left: 3px;
}

span.readmore {
	margin-top: 15px;
	float: right;
	text-decoration: none;
	font-size: 0.7em;
	color: grey;
	cursor: pointer;
	padding: 5px;
	border: 1px solid silver;
	margin-bottom: 15px;
}

span.readmore:hover {
	background-color: silver;
}

.paraline.hilight {
	background: whitesmoke;
	width: calc(100% - -2px - 1em);
	padding: 1em 0 0em 1em;
	margin-bottom: 1em;
	overflow: hidden;
}

.paraline.fullwidth.hilight {
	width: calc(100% - 24px);
}

.plevel1.hilight {
	width: calc(100vw - 2em - 16px);
}

.plevel2.hilight {
	width: calc(100vw - 4em - 16px);
}

.plevel3.hilight {
	width: calc(100vw - 6em - 16px);
}

.plevel4.hilight {
	width: calc(100vw - 8em - 16px);
}

.plevel5.hilight {
	width: calc(100vw - 10em - 16px);
}

.paraline.hilightred {
	background: #ff00001a;
	outline: 2px dotted red;
}

.paraline.hilight textarea {
	background-color: white;
}

.paraline.hilight .remainingchars {
	background-color: white;
	padding: 0px 10px 0 10px;
}

.addpara .close {
	margin-left: 30px;
}

.editlivefieldhashes,
.editlivefield {
	min-height: 1em;
	outline: 1px dashed grey !important;
	width: calc(100% - 50px) !important;
	padding: 10px;
	position: relative;
}

/*
.editlivefield.doc_footer {
	width: calc(100vw - 50px) !important;
} */
table.vote_bar {
	color: grey;
	text-align: center;
	font-size: 0.8em;
	vertical-align: baseline;
	width: 100%;
	position: relative;
	border: 0;
}

table.vote_bar i {
	font-size: 1.6em !important;
	padding: 7px;
	border-radius: 50%;
	border: 2px solid silver;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.3em;
	background: var(--votebarback);
	color: silver;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	z-index: 2;
}

table.vote_bar i:hover {
	color: var(--lighthilight);
	border-color: var(--lighthilight);
}

.dohashtags {
	padding: 0px 0px 20px 0px;
}

.dohashtags textarea {
	margin-bottom: 10px;
	width: calc(100% - 10px) !important;
	background: transparent;
	color: grey;
}

body#pagef p .imgatt {
	margin-left: 0;
}

body#pages table.vote_para {
	/* margin-bottom: 2em; */
}

p.para.editlivefield {
	margin-left: 10px;
}

.editfield {
	float: left
}

#editfieldinput {
	padding: 10px;
	color: black;
	background-color: white;
	line-height: 1.3em;
	overflow-y: scroll;
}

.linenumber #editfieldinput {
	width: 50px !important;
}

.allhashtags {
	margin-top: 2em !important;
	display: inline-block;
	width: 100%;
}

.doc_header.editlivefield {
	margin-left: 10px;
}

.readmore.doc_description.editlivefield {
	margin-left: 10px;
}

.doc_description textarea {
	margin-left: -10px;
	width: calc(100% - -10px) !important;
}

.doc_header textarea {
	margin-left: -10px;
	width: calc(100% - -10px) !important;
}

.articleico {
	position: absolute;
	left: calc(50% - 0.5em);
}

.permissionico {
	float: right;
}

.icoindicator {
	margin: 5px;
	font-size: 10px;
	color: white;
	background: black;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	opacity: 0.5;
	text-align: center;
}

.icoindicator i {
	margin-top: 3px;
}

.profilestats.profileblock {
	margin-top: 15px;
	margin-bottom: -25px;
}

.profilecontainer .heading {
	margin-top: 20px;
}

.profilecontainer label {
	width: 100% !important;
}

.profilecontainer input,
.profilecontainer select,
.profilecontainer textarea {
	width: 100%;
	border: 1px solid silver;
	padding: 2px;
	line-height: 1.3em;
}

.profilecontainer input,
.profilecontainer select {
	height: 2em;
}

.profilecontainer label.social input {
	padding-left: 40px;
	width: calc(100% - 40px);
}

.imgmenu {
	text-align: center;
	color: gray;
}

table.vote_bar span,
table.vote_bar time {
	position: absolute;
	bottom: 0px;
	font-size: 9px;
	z-index: 1;
	padding: 0 5px 6px 5px;
}

table.vote_bar time {
	margin-bottom: 3px;
}

table.vote_para {
	color: silver;
	float: right;
}

table.vote_para .imgmenu {
	color: silver;
}

table.vote_comm td {
	white-space: nowrap;
	color: gray;
	font-size: 12px;
	padding-left: 15px;
	vertical-align: top;
	position: relative;
}

table.vote_comm td:first-child {
	white-space: nowrap;
	color: gray;
	font-size: 12px;
	padding-left: 0px;
}

table.vote_comm i {
	padding: 6px;
	border-radius: 50%;
	border: 1px solid silver;
	background-color: whitesmoke;
	height: 1em;
	line-height: 1em;
}

table.vote_comm i.reply,
table.vote_comm i.replyplaceholder {
	border-radius: 4px;
}

.graph.statistics {
	margin-bottom: 20px;
	margin-top: 20px;
}

.dohashtags {
	display: inline-block;
	width: 100%;
}

#saydiv {
	width: 100%;
	margin: 0;
	padding: 15px;
}

.paraline {
	position: relative;
	width: 100%;
	display: inline-block;
	margin-bottom: -1em;
}

i.attachtag.fa.fa-check-circle {
	position: absolute;
	right: 20px;
	font-size: 1em;
	color: green;
}

.hilightother {
	background: aliceblue;
	margin: 0;
	padding: 10px 0 0 0;
	/* width: calc(100vw - 20px) !important; */
	margin-bottom: 10px;
}

.hilightself {
	background: transparent;
	margin: 0;
	padding: 10px 0 0 0;
	margin-bottom: 10px;
}

table td.votetd {
	position: relative;
	cursor: pointer;
}

.pararate table td.votetd {
	width: 30px;
	min-width: 30px;
	text-align: center;
	color: silver;
}

.vote_comm,
.pararate table.vote_comm {
	width: auto;
}

.vote_comm,
.pararate table.vote_para {
	width: auto;
}

.paraline.plevel0 .pararate {
	width: calc(100% - 2em);
	z-index: 0;
	position: relative;
}

.combar table.vote_comm {
	padding-left: 0;
	padding-right: 0;
	margin-top: 10px;
}

.paraline table.vote_para {
	/* padding-left: 0; */
	/* padding-right: 0; */
	/* margin-right: 10px; */
	/* margin-top: 5px; */
}

.doc_lastupdate:before {
	font-family: 'Font Awesome 5 Brands';
	content: "\f16c";
	font-style: normal;
	font-variant: normal;
	padding-right: 5px;
	font-size: 16px;
}

.doc_lastupdate {
	font-size: 10px;
	padding-top: 5px;
	background: black;
	color: white;
	padding-bottom: 5px;
	width: 100%;
	line-height: 10px;
	text-align: center;
}

.graph.statistics {
	padding-bottom: 20px;
	padding-top: 20px;
}

.tagholder,
.permissionholder {
	box-shadow: unset !important;
}

.action_card .dohashtags {
	padding-left: 10px;
	width: calc(100% - 20px);
	padding-top: 10px;
}

div#tags {
	display: inline-block;
	position: relative;
	width: 100%
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	background-image: url();
	padding: 0;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	/* position: relative; */
	/* margin-top: 4px; */
	padding: 0.5rem 0.5rem 0px 2rem;
	background: whitesmoke;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.ui-accordion .ui-accordion-content {
	padding: 5px;
	overflow: hidden;
}

.ui-state-active {
	background-color: whitesmoke !important
}

.toolcnt {
	float: right;
	display: inline;
	text-align: right;
	padding: 4px 8px 2px 8px;
	font-size: 1em;
	font-weight: normal;
	min-width: 55px;
	margin: -5px 0px 1px 3px;
	color: gray;
	background: white;
	border: 1px solid silver;
	border-radius: 5px;
}

.toolcnt:hover {
	color: black
}

.trays {
	width: 100%;
	display: none;
}

.aico_personal::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f2bd";
}

.aico_tray_private::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f023";
}

.aico_tray_trash::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f2ed";
}

.aico_tray_info::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f674";
}

.aico_tray_personalinfo::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: "\f007";
}

.aico_tray_payhist::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f201";
}

.aico_tray_current::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f788";
}

.aico_tray_legal::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f24e";
}

.aico_tray_sales::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f788";
}

.aico_tray_briefcase::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f0b1";
}

.aico_payhist::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f080";
}

.aico_products::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f07a";
}

.aico_map::before {
	content: "\f57c";
}

div#ajax_tray_priv {
	padding: 10px 0px;
	margin-left: -2px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid silver;
	color: gray;
	font-weight: bold;
}

#pagew textarea.comment,
#pageh textarea.comment {
	margin-left: -15px;
	width: calc(100% - 10px) !important;
}

i.far.fa-times-circle.closemenuico {
	float: right;
}

.buttonbar {
	padding-top: 10px;
	display: inline-block;
	width: 100%;
}

.tray_container {
	display: inline-block;
	padding: 0px;
	/* margin-top: 20px; */
	/* margin-left: -1px; */
	width: 100%;
	margin-bottom: 20px;
}

.traycontent {
	padding: 0px;
	margin-left: -6px;
	width: unset;
	border: 0;
}

.commfileext {
	position: absolute;
	font-size: 55px;
	top: 0px;
	right: 0px;
	cursor: pointer;
	color: black;
}

.addfooter {
	display: inline-block;
	padding: 8px 20px 20px 20px;
	width: calc(100% - 40px);
}

.addfooter input {
	width: calc(100% - 20px);
	padding: 1em;
	border: 1px solid red;
	border-radius: 4px;
}

p.para.audatt {
	margin: 10px 20px 15px !important;
	padding: 0;
}

.doc_title.audatt {
	padding-left: 20px;
}

audio.audio {
	padding-left: 20px;
	width: calc(100% - 40px);
	margin-top: 50px;
}

audio {
	border-radius: 100px;
	display: inline-block;
	/* float: left; */
	width: calc(100% - 2px);
	/* margin: 2px 0 0 1px; */
	margin-bottom: 10px;
}

.audatt i {
	color: black;
	font-size: 3em;
	display: inline;
	float: left;
	padding: 8px 0 0 10px;
	background: whitesmoke;
	height: 45px;
}

i.bigicon {
	font-size: 60px;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: calc(50% - 30px);
	color: black;
}

section audio {
	width: 90%;
	position: absolute;
	height: 1.8em;
	transform: translateY(-50%) translateX(-50%);
	left: 50%;
	top: 50%;
}


section:active {
	border-color: red;
}

section.sticky {
	background-image: url(/images/yellowpostit.webp);
	text-shadow: 1px 1px 2px white;
	background-color: transparent;
}

span.stickhead {
	position: absolute;
	top: 6%;
	padding: 5%;
	font-size: 0.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
}

section.memo {
	background-color: white;
}

span.sticktxt {
	padding: 5%;
	font-size: 1em;
	display: inline;
	line-height: 0.7em;
	text-transform: full-size-kana;
}

wave {
	display: inline-block;
	width: 100%;
}

div.headingmedia {
	color: grey;
	text-transform: none;
	margin-bottom: 5px;
	font-size: 0.9em;
}

.avatar1.gotopic.audavatar {
	margin-top: 10px;
	margin-left: 10px;
	height: 30px;
	width: 30px;
}

span.name.audioname {
	font-size: 0.95em;
}

p.para.audioatt {
	margin-left: 30px;
}

span.action_img_tm.audiotime {
	margin-left: 15px;
	margin-top: 3px;
}

.audiocomline {
	padding-top: 0px !important;
	margin-top: 0px !important;
	padding-bottom: 10px !important;
	margin-bottom: 0px !important;
	overflow: hidden;
}

.audiocomline .rightblock {
	padding-bottom: 5px;
}

.streampic i.fas.fa-unlink {
	background: black;
	font-size: 1.3em;
	padding: 20px 10px 20px 10px;
}

.addheading {
	margin-bottom: 5px;
	width: calc(100% - 20px);
}

.wall[data-pm='1'] .selfie_reply {
	position: fixed;
	padding: 0px;
	margin-top: -5px;
	bottom: 0;
}

.wall[data-pm='1'] article.datasection {
	margin: 0;
	width: calc(100% - 10px);
	overflow: hidden;
	padding: 6px 0px 20px 10px;
	background: #f5f5f585;
}

.wall[data-pm='1'] .rightblock span.action_img_tm {
	top: 0px;
}

.wall[data-pm='1'] .commline {
	display: inline-block;
	position: relative;
	padding: 10px;
	width: calc(100vw - 40px);
	clear: both;
	margin: 0;
	overflow-x: hidden;
	background: white;
	margin-bottom: -3px;
}

.privatepmtray,
.privatepmyy {
	width: calc(100vw - 20px) !important;
	margin-bottom: -3px;
}

.post_towall .rightblock.fc {
	margin-bottom: 20px;
	width: calc(100% - 55px);
}

i.fas.fa-at.uploadaticon {
	position: absolute;
	right: 45px;
	top: 23px;
	font-size: 1.5em;
	color: gray;
	cursor: pointer;
}

video:focus,
audio:focus {
	outline: transparent;
}

.croptoolbtn,
.croptoolbtn1 {
	display: inline-block;
	padding: 10px 12px;
	border: 2px solid silver;
	margin-right: 7px;
	width: 20px;
	text-align: center;
	background: white;
	height: 20px;
	line-height: 18px;
	font-size: 18px;
	position: relative;
	border-radius: 50%;
	color: grey;
	margin-bottom: 15px;
}

.croptoolbtn:after,
.croptoolbtn1:after {
	position: absolute;
	bottom: -20px;
	left: 0;
	font-size: 9px;
	font-weight: normal;
	width: 43px;
	text-align: center;
	display: inline-block;
	color: grey;
	font-family: Ubuntu;
}

i#cropgal:after,
i#multi:after {
	content: "Gallery";
}

i#cropopen:after {
	content: "Browse";
}

i#toggleimgvid:after {
	content: "Capture";
}

i#briefcase:after {
	content: "Briefcase";
}

i#rotatebutton:after {
	content: "Rotate";
}

i#hflipbutton:after {
	content: "H Flip";
}

i#vflipbutton:after {
	content: "V Flip";
}

i#cropaccept:after {
	content: "Crop";
}

i#audioback:after {
	content: "Back";
}

i#audioplay:after {
	content: "Play";
}

i#audiopause:after {
	content: "Pause";
}

i#audiostop:after {
	content: "Stop";
}

i#audionext:after {
	content: "Forward";
}

i#recordvideo:after {
	content: "Record";
}

i#recordpreview {
	display: none;
}

i#recordpreview:after {
	content: "Live";
}

i#recordplay:after {
	content: "Play";
}

i#recordstop:after {
	content: "Stop";
}

i#recordcancel:after {
	content: "Cancel";
}

i#cropcancel:after {
	content: "Cancel";
}

i#cropsave:after {
	content: "Upload";
}

.croptools {
	display: inline-block;
	width: calc(100vw - 25px);
	background: unset;
	border: unset;
	margin: 30px 0;
	padding: unset;
}

.videorecord {
	display: none;
}

.videopreview {
	width: 80%;
	height: auto;
	background: black;
}

.optionvideo {
	display: inline-block;
}

#cropimageform #eftitle {
	margin: 0 0 10px 0 !important;
	width: calc(100% - 50px) !important;
}

#cropimageform #effooter {
	margin: 10px 0 0 0 !important;
	width: calc(100% - 50px) !important;
}

#cropimageform #efheading,
#cropimageform #efdescription,
#cropimageform #efurl,
#cropimageform #efurlheading {
	width: calc(100% - 50px) !important;
}

#cropimageform .docmore {
	display: none;
}

#cropimageform #efamount,
#cropimageform #efdate {
	width: 42%;
}

#cropimageform .more {
	float: right;
	border: 1px solid silver;
	padding: 5px;
	color: grey;
}

/* #cropimageform {
  input, textarea, select {
    border: 1px solid silver;
  }
} */
#videoviews {
	display: none;
}

.wait {
	background: url(/images/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50px;
}

.pageletter .avatar {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: .5px solid #f5f5f5;
	border-radius: 100px;
	margin: 0;
	float: left;
	width: 40px;
	height: 40px;
}

.letterpage {
	position: relative;
	font-size: 12px;
	padding: 35px 20px 5px 20px;
	margin: 5px;
	width: calc(100vw - 51px);
	display: inline-block;
	background-color: whitesmoke;
	color: grey;
}

.letterhead {
	display: inline-block;
	float: left;
	width: 100%;
	position: relative;
}

.letterfileing {
	font-size: 0.5em;
	float: right;
	width: 100%;
	display: inline-block;
}

.letterlogo {
	width: 55%;
	float: left;
	display: inline-block;
}

.letteraddressfrom {
	width: auto;
	float: right;
	padding-right: 10px;
	line-height: 1em;
	font-size: 1em;
}

.letteraddressto {
	width: auto;
	float: left;
	margin-top: 50px;
	line-height: 1em;
	font-size: 1em;
	border: 1px solid whitesmoke;
	min-height: 50px;
	min-width: 100px;
}

.lettername {
	margin-top: 10px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.lettersubject {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
}

.letterreg {
	float: right;
	font-size: 8px;
}

.errorfooter {
	float: right;
	font-size: 0.5em;
	color: grey;
}

.errorpage {
	padding: 40px;
	text-align: center;
	color: #333;
	padding-top: 60px;
}

.errorpage i {
	color: red;
}

.errorpage p {
	font-size: 0.8em;
}

section.letter {
	background: black;
	color: white;
	text-align: center;
	background-image: url(/images/category_951.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

body#pageletter table.vote_bar {
	bottom: 0;
	padding: 5px 0 5px 10px;
	background-color: whitesmoke;
	margin-top: 10px;
	width: 100%;
}

.videofooterbar {
	color: white;
	background-color: black;
	padding: 5px 0 5px 0;
	display: inline-block;
	width: calc(100vw - -2px);
	margin-bottom: 10px;
	margin-top: -5px;
}

.videofooterbar span.action_img_tm {
	color: gray;
	margin-left: 10px;
}

.videofooterbar .doc_footer {
	color: white;
	font-style: italic;
	font-size: .9em;
	margin-top: 2px;
}

.doc_header.doc_mainheader {
	margin-top: 30px;
}

#pageletter .attachments {
	padding: 0;
	margin: 0;
}

#pageletter .header {
	font-size: 14px;
}

#pageletter p {
	color: black;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

#pageletter #editfieldinput {
	width: calc(100% - -40px);
	/* border-radius1: 6px; */
	margin-left: 0px;
	margin-bottom: 10px;
	min-height: 2em;
	min-width: 100px;
	display: inline-block;
	margin-top: 0px;
	padding: 10px;
	z-index: 10;
	color: black;
	background-color: white;
}

#pageletter .lettersignature {
	line-height: 1em;
	font-size: 1em;
	margin-bottom: 150px;
}

span.linenumber {
	font-size: .85em;
	width: 20px !important;
	display: inline-block;
	height: 1em;
	margin-left: -30px;
	vertical-align: top;
	padding: 0;
	min-height: 18px;
	color: grey;
	margin-top: 1em;
}

span.linenumber:after {
	content: ".";
}

.paraline.fullwidth {
	margin: 0px;
	width: calc(100vw - 12px);
	min-width: 100px;
}

.paraline.fullwidth textarea {
	border-color: red;
}

.plevel0 {
	padding-left: 10px;
}

.plevel1 {
	padding-left: calc(2em - -10px);
	width: calc(100% - 2em - 10px);
}

.plevel2 {
	padding-left: calc(4em - -10px);
	width: calc(100% - 4em - 10px);
}

.plevel3 {
	padding-left: calc(6em - -10px);
	width: calc(100% - 6em - 10px);
}

.plevel4 {
	padding-left: calc(8em - -10px);
	width: calc(100% - 8em - 10px);
}

.plevel5 {
	padding-left: calc(10em - -10px);
	width: calc(100% - 10em - 10px);
}

div#twittercasebtns {
	background: whitesmoke;
	padding: 5px;
	border-bottom: 1px solid silver;
	margin-top: -5px;
}

.letterlogo img {
	width: 100%;
}

.lettersignature.nosignature {
	margin-top: 50px;
}

#pageletter div.header p.para {
	width: calc(100% - 10px) !important;
	font-size: 14px;
	min-height: 18px;
}

#pageletter p.para {
	width: calc(100% - 10px) !important;
	font-size: 12px;
	min-height: 18px;
}

.letterAdressee span.name {
	color: darkslategrey;
	position: absolute;
	left: 30px !important;
	top: 2px;
	line-height: 14px;
	font-size: 11px;
	width: calc(100% - 35px);
	height: 14px;
	overflow: hidden;
}

.letterAdressee span.action_img_tm {
	left: 10px;
	top: 16px;
	position: relative;
	color: grey;
	font-size: 6px;
}

.avatar1.authoravatar {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
}

.letterAdressee {
	background: #c0c0c073;
	width: 100%;
	display: inline-block;
	max-height: 28px;
	height: 28px;
	top: 0px;
	position: absolute;
	left: 0px;
	overflow: hidden;
}

.searchsection .info {
	font-size: 0.8em;
	background-color: #000000a1;
	color: white;
	padding: 0.5em 0.5em 0.5em 2em;
	text-transform: capitalize;
}

.searchsection .info i {
	color: var(--hoverback);
	width: 1em;
	margin-left: -1.5em;
}

@media only screen and (max-width:641px) {
	#pageletter p.para {
		font-size: 8px;
		min-height: 14px;
	}

	span.linenumber {
		font-size: 8px;
		min-height: 14px;
	}

	.letterpage {
		font-size: 8px;
	}

	.letterlogo {
		width: 40%;
	}

	p.para.addressline {
		max-width: 40% !important;
		min-height: 50px !important;
	}

	input#searchusr {
		max-width: 40%;
	}

	.letterAdressee {
		height: 25px !important;
		font-size: 0.5em;
	}

	.letterAdressee span.name {
		left: 25px !important;
	}

	.searchsection .info {
		font-size: 0.5em;
	}

	.searchsection .searchcnt {
		bottom: calc(0.5em - -17px) !important;
	}

	p.para.imgatt {
		margin-bottom: 6px !important;
	}

	.pararate {
		margin-top: 7px !important;
	}

	.letterAdressee span.name {
		color: black;
		position: absolute;
		left: 17px !important;
		top: 4px;
		line-height: 5px;
		font-size: 4px;
	}

	.letterAdressee span.action_img_tm {
		left: -3px;
		top: 9px;
		position: relative;
		color: black;
		font-size: 1px;
	}

	.avatar1.authoravatar {
		position: absolute;
		top: 3px;
		left: 3px;
		width: 10px;
		height: 10px;
	}

	.letterAdressee {
		max-height: 16px;
		height: 16px;
	}

	section.sec950,
	section.sec951 {
		background-position: 0px 15px !important;
	}

	.letterAdressee span.name {
		width: calc(100% - 20px);
		line-height: 5px;
		overflow: hidden;
		height: 5px;
	}

	.fcmmessage {
		width: calc(100% - 14px) !important;
		left: 0 !important;
	}

	div#swiperName {
		font-size: 0.8em !important;
		/* margin-top: -2em; */
	}

	.result {
		font-size: 1em;
		line-height: 1.3em;
		padding-bottom: 2em;
		bottom: 0;
		z-index: 1000;
	}

	.headinggrid {
		font-size: 0.5em;
	}

	.profilegridbtn {
		font-size: 1em;
		margin-top: 0.3em;
	}

}

#pageletter td.paramove {
	color: silver;
}

#pageletter td.paramove:hover {
	color: grey;
}

#pageletter .pararate {
	margin-top: -15px;
	margin-bottom: 10px;
}

#pageletter .addpara {
	padding: 0;
	margin: 0;
	width: 100%;
}

#pageletter textarea#editfieldinput {
	font-size: 8px;
	font-weight: 400;
	color: rgb(0, 0, 0);
	text-transform: none;
	overflow: hidden;
	overflow-wrap: break-word;
	resize: horizontal;
	height: 200px;
	background: white;
	z-index: 1;
	width: calc(100% - 10px) !important;
	z-index: 1;
	background: white;
	height: auto;
	font-size: 14px;
	color: black;
	background-color: white;
	margin-top: -2px;
	margin-left: -1px;
	margin-bottom: 8px;
}

input#editfieldinput {
	display: inline-block;
	padding: 5px !important;
	border: 0 !important;
	margin-left: -0px !important;
	margin-top: -5px !important;
	position: absolute;
	width: 20px !important;
	min-width: 10px !important;
	font-size: 14px;
	color: black;
	background-color: white;
}

.letterfooter {
	margin-left: -20px;
	width: calc(100vw - 10px);
	position: absolute;
	bottom: 0px;
}

div.topbuttonbar {
	z-index: 10;
	width: 100%;
	top: 0;
	height: 55px;
	background-color: black;
}

i.menubutton {
	color: white !important;
	font-size: 2em;
	background-color: transparent;
	text-align: center;
	padding: 10px;
}

.doctoolbar {
	width: 100%;
	display: inline-block;
	text-align: right;
}

.doctoolbar a {
	color: grey;
}

.doctoolbar i {
	padding: 2px;
	margin-left: 5px;
	color: gray;
}

/* iStyle U */
.styleassistant {
	height: calc(22vh)
}

.asstopscroll {
	height: 48px;
}

.pdf-view {
	box-shadow: 0px 0px 10px silver;
	border-radius: 0px !important;
}

a:active {
	background-color: silver !important;
}

a:hover {
	color: silver;
}

iframe.fullwidth {
	width: 100vw;
	margin: 0;
	padding: 0;
	margin-left: -10px;
	height: calc((100vw / 210 * 290) - 60px);
}

iframe::-webkit-scrollbar {
	display: none;
}

.imgatt.extpdf {
	border-radius: 0px;
	width: calc(100vw - 20px);
	border: 1px solid silver;
	margin-bottom: 5px;
}

img.imgatt.privextpdf {
	box-shadow: silver 5px 5px 10px;
	width: 200px;
	margin-bottom: 5px;
	border-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: silver;
	border-image: initial;
	margin-left: 20px;
}

#pagep input[type="checkbox"] {
	height: 1.5em;
}

i.ialign {
	padding-right: 10px;
}

table.grid_list {
	width: 100%;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	/* margin-bottom: 10px; */
	background: whitesmoke;
	max-width: 100vw;
	overflow-x: hidden;
}

p.justify-1 {
	text-align: left;
}

p.justify0 {
	text-align: center;
}

p.justify1 {
	text-align: right;
}

p.justify2 {
	text-align: justify;
}

.signatureblock {
	background: whitesmoke;
	display: inline-block;
	width: 200px;
	height: 100px;
}

img.signatureline {
	width: auto;
	float: left;
	margin-bottom: -10%;
	width: 100%;
}

#pageletter p.signatureline {
	border-bottom: 1px solid black;
	width: 200px !important;
	max-width: 33%;
}

.sigline {
	border-top: 1px solid black;
	width: 200px;
	margin-top: -30px;
	margin-bottom: 30px;
	float: left;
	z-index: 10;
	position: absolute;
}

.authorpic {
	display: inline-block;
	width: 100%;
	padding-left: 10px;
	padding-top: 5px;
}

.authorpic .avatar {
	width: 32px;
	height: 32px;
	margin-top: 5px;
}

.authorpic .action_img_tm {
	margin-top: -17px;
	margin-left: 45px;
	padding-left: 0;
}

.authorpic span.action_img_tm::before {
	content: "" !important;
	padding-right: 0px !important;
}

.letterAdressee span.action_img_tm::before {
	padding-right: 1px !important;
}

.letterAdressee span.time::before {
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.letterAdressee time.timeago::before {
	padding-left: 1px !important;
	padding-right: 1px !important;
}

section.sec950,
section.sec951 {
	background-position: 0px 30px;
	background-size: contain;
	background-color: white;
}

.searchresults {
	display: inline-block;
	position: absolute;
	top: 31px;
	max-height: 220px;
	overflow-y: auto;
	background: white;
	z-index: 1;
	width: 50%;
	left: 0px;
}

div.searchseperator {
	text-align: center;
	padding: 10px;
	color: gray;
	background: whitesmoke;
	height: 1.5em;
	line-height: 1.5em;
	width: calc(100% - 20px);
	float: left;
}

.searchuser {
	display: block;
	width: calc(100% - 10px);
	padding: 5px;
	border-bottom: 1px solid whitesmoke;
	float: left;
	clear: both;
	background-color: white;
}

.searchuser .name {
	font-size: 10px;
	margin-top: 3px;
	margin-left: 5px;
	display: inline-block;
	color: grey;
	font-weight: bold;
	width: calc(100% - 50px);
}

.searchuser .status {
	font-size: 9px;
	margin-left: 5px;
	margin-top: 3px;
	color: gray;
	display: inline-block;
}

p.para.addressline {
	/* border-left: 1px solid grey !important;
	border-top: 1px solid grey !important;
	border-right: 1px solid silver !important;
	border-bottom: 1px solid silver !important; */
	max-width: 250px;
	min-height: 50px !important;
	/* border-radius: 7px; */
	padding: 5px !important;
	/* background: #f5f5f5c2; */
}

p.para.salutationline {
	border: 1px solid whitesmoke;
}

.searchusr {
	position: relative;
	top: -5px;
	left: 5px;
}

input#searchusr {
	width: 180px;
	padding-left: 23px;
	padding-right: 23px;
}

input#searchusr:focus-within {
	border: 1px solid silver;
}

.plevel1.fullwidth {
	max-width: calc(100% - 20px);
}

.plevel2.fullwidth {
	max-width: calc(100% - 40px);
}

.plevel3.fullwidth {
	max-width: calc(100% - 60px);
}

.plevel4.fullwidth {
	max-width: calc(100% - 80px);
}

.plevel5.fullwidth {
	max-width: calc(100% - 100px);
}

.searchusr .fa-sign,
.searchusr .fa-at {
	position: absolute;
	left: 3px;
	top: 5px;
	font-size: 1.3em;
	color: gray;
}

.searchusr .fa-search {
	position: relative;
	right: 15px;
	top: -2px;
	color: gray;
}

.emailaddr {
	width: calc(100% - 10px);
	display: inline-block;
	border: 1px solid whitesmoke;
	min-height: 1em;
	padding: 5px;
	margin-bottom: 5px;
}

.email p.emailline {
	min-height: 80px;
}

.emailmsg {
	min-height: 80px;
}

.letterhead i.far.fa-trash-alt {
	position: absolute;
	top: -16px;
	color: silver;
	font-size: 1.3em;
	right: 0;
}

span.emailtitle {
	width: 50px;
	color: grey;
	float: left;
}

.emailattachment {
	position: relative;
	font-size: 12px;
	padding: 5px;
	margin: 5px;
	width: calc(100vw - 20px);
	padding-top: 35px;
	margin-top: 20px;
	background-color: whitesmoke;
}

#iemlatt {
	position: relative;
	font-size: 12px;
	padding: 5px;
	box-shadow: 2px 2px 10px silver;
	margin: 5px;
	width: calc(100vw - 20px);
	padding-top: 30px;
	margin-bottom: 30px;
}

.emailattachment i.far.fa-trash-alt:hover {
	color: grey;
}

.letterhead i.far.fa-trash-alt:hover {
	color: grey;
}

span.email {
	display: inline-block;
	float: left;
	margin-right: 5px;
	border: 1px solid silver;
	padding: 2px;
	width: auto;
	background-color: white;
	border-radius: 5px;
	cursor: pointer;
	padding-left: 25px;
	padding-right: 10px;
	margin-bottom: 5px;
}

.searchemail .fa-search {
	border: 1px solid silver;
	padding: 4px;
	background-color: whitesmoke;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}

.searchemail .searchusr {
	float: left;
	margin-right: 2px;
	position: relative;
	top: 0;
	left: 0;
}

.searchemail .searchusr input {
	padding-left: 2px !important;
	margin-left: -10px;
	margin-right: 5px;
}

.avatar.emailavatar {
	width: 16px;
	height: 16px;
	margin-left: -22px;
}

span.emailaddress {
	font-size: 0.8em;
	color: gray;
}

.emailmsg p {
	width: 100%;
	min-height: 120px;
}

.emailaddr input {
	width: calc(100% - 50px);
}

.dlgheading {
	font-size: 15px;
	height: 1.3em;
	background-color: grey;
	line-height: 1.3em;
	padding: 5px;
	color: white;
	margin-bottom: 10px;
	margin-left: -5px;
	width: 100%;
	margin-top: -35px;
}

.dlgheadingbtn {
	float: right;
	padding: 3px;
	color: silver;
}

.letterpage .dlgheading {
	position: absolute;
	left: 5px;
	width: calc(100% - 10px);
}

p.emailsub,
p.emailmsg {
	margin-left: -10px !important;
	padding: 5px !important;
	width: calc(100% - 10px) !important;
}

#iemlsub .emailtitle,
#iemlmsg .emailtitle,
#iemlatt .emailtitle {
	padding-left: 7px;
}

.emaillists {
	display: grid;
	width: auto;
	float: left;
}

.cutline {
	display: inline-block;
	border-top: 1px dashed silver;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

.cutline:after {
	position: absolute;
	right: 13px;
	top: -9px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f0c4";
	transform: rotate(180deg);
	color: gray;
}

a.twobutton.sendpdfdoc:before {
	content: "\f14d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 1em;
}

a.twobutton.sendpdfdoc {
	font-size: .85em;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: black;
	margin-left: 10px;
	line-height: 1.5em;
	color: white;
	text-decoration: none;
}

a.twobutton.sendpdfdoc:after {
	content: "SEND / POST";
}

a.twobutton.addemailattachment:before {
	content: "\f0c6" !important;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 1em;
}

a.twobutton.addemailattachment {
	font-size: .85em;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #1e88e5;
	margin-left: 20px;
	line-height: 1.5em;
}

a.twobutton.addemailattachment:after {
	content: "ATTACH MORE";
}

#pageletter article {
	margin-bottom: 0;
	min-height: auto;
	background: #f5f5f599;
	width: auto;
}

#pageletter section {
	display: inline;
	width: calc(25vw - 12px);
	height: calc((25vw - 12px) * 16 / 9);
	background-size: contain;
}

#pageletter section .fa-trash-alt {
	color: red;
	position: absolute;
	right: 3px;
	top: 3px;
	background-color: white;
	padding: 2px;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}

.iemlattlist {
	width: 100%;
	background: whitesmoke;
	display: inline-block;
}

section.placeholder i {
	color: white;
	font-size: 3em;
	text-align: center;
	width: 100%;
	margin-top: 40px;
}

section.placeholder {
	color: white;
	text-align: center;
}

textarea#saymore {
	width: calc(100% - 10px);
	min-height: 1.3em;
	height: 1.3em;
}

img.draft {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30%;
	margin-top: -23.5px;
	opacity: 0.3;
	height: auto;
	width: 60%;
}

.navjoinbtn {
	display: inline-block;
	padding: 5px;
	float: left;
}

td.bbtd {
	vertical-align: top;
	text-align: center;
}

td.bbtd i.menubutton {
	color: white !important;
	font-size: 2.3em;
	background-color: transparent;
	text-align: center;
	padding: 0;
	margin: 0;
}

td.bbtd span {
	width: 100%;
	text-align: center;
	color: white;
	padding: 0;
	margin: 0;
	font-size: 0.7em;
}

td.bbtd i.menubutton.fas.fa-bars {
	font-size: 2.3em;
	position: relative;
	top: 0;
}

div.buttonbar {
	padding: 0;
	margin: 0;
}

.navjoinbtn {
	display: inline-block;
	padding: 0;
	float: left;
	color: green;
	text-transform: uppercase;
	font-weight: bold;
}

.aico_feed {
	height: 50px;
	text-align: left;
	background-color: var(--backcolorappbar);
	color: white;
	border: 0;
	border-color: black;
	display: block;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 5px;
}

div#globalnav {
	width: 100%;
	/* margin-left: -2px; */
	margin-top: 0px;
	height: 100vh;
}

#appbluebar .aico_feed {
	border-radius: 0;
}

.gsi-link {
	color: #4285f4;
	font-variant: normal;
	font-weight: 400;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: inline;
	cursor: pointer;
}

.navjoin a {
	color: grey;
}

.navjoin {
	height: 45px;
	overflow-y: scroll;
	width: calc(100% - 40px);
	padding-right: 30px;
	padding-top: 10px;
	border-radius: 5px;
	margin-bottom: 5px;
	background: whitesmoke;
	border: 1px solid silver;
	padding-left: 10px;
}

#righttd {
	position: relative;
}

.navjoin i.fas.fa-caret-down {
	font-size: 2em;
	color: slategray;
	position: absolute;
	top: 2px;
	right: 5px;
}

.cmplogo {
	width: 100%;
	height: 40px;
	display: inline-block;
	margin-bottom: 10px;
	cursor: pointer;
	background: white;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	vertical-align: middle;
}

.cmplogoimg {
	width: 28px;
	height: 28px;
	margin: 5px;
	margin-left: 19px;
	float: left;
}

.complogoname {
	float: left;
	cursor: pointer;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: normal;
	margin-left: 5px;
	width: 150px;
	color: black;
	padding-top: 6px;
	vertical-align: middle;
}

.complogoslogan {
	float: left;
	font-size: 0.8em;
	width: 160px;
	overflow: hidden;
	height: 2em;
}

.landingbody {
	/* display: inline-flex; */
	background-image: url(/images/622818_mmoo_background.jpg);
	width: 100vw;
	background-color: white;
}

.cmp718657 {
	background-color: #505050;
	color: white;
}

.cmp718657 .complogoname {
	color: white;
}

.cmp727812 {
	background-color: #02bd7e;
	color: white;
}

.cmp727812 .complogoname {
	color: white;
}

.cmp705436 {
	background-color: black;
	color: white;
}

.cmp705436 .complogoname {
	color: white;
}

.cmp622904 {
	background-color: #db4437;
	color: white;
}

.cmp622904 .complogoname {
	color: white;
}

.cmp622901 {
	background-color: #f4b400;
	color: black;
}

.cmp622901 .complogoname {
	color: black;
}

span.toolico {
	padding: 3px;
}

div#ajax_msg_performance {
	max-height: 285px;
	overflow-y: scroll !important;
}

#mobileapp {
	height: 100%;
	resize: both;
}

iframe body,
html {
	background-image: unset !important;
	/* background-color: black; */
}

#iGraphGlobal {
	width: calc(100% - 2px);
	height: 220px;
	margin: 0px;
	margin-top: 5px;
	border-radius: 4px;
	display: inline-block;
	background: white;
}

.statsglobal {
	font-size: 1.3em;
	color: grey;
	font-weight: bold;
}

.boxed {
	border: 1px solid silver;
	border-radius: 5px;
	display: inline-block;
	width: calc(100% - 22px);
	margin-top: -8px;
	padding: 10px;
	margin-right: -10px;
}

i.fa-power-off {
	color: red;
	font-size: 2.5em;
	text-align: center;
	/* width: 100%; */
}

.powerbtn {
	float: right;
	color: black;
	margin-right: -26px;
	cursor: pointer;
}

.aico_custom::before {
	content: "\f12e";
}

div.iconbig {
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
}

label.iconbig {
	width: 83px;
	height: 86px;
	position: relative;
	background-color: white;
	border-radius: 5px;
	border: 1px solid lightgrey;
	text-align: center;
}

img.iconbig {
	width: 48px;
	height: 48px;
	position: relative;
	top: 12px;
}

span.iconbigtext {
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 99%;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 80%;
	left: -5%;
}

img.backoffice {
	margin-top: -10px;
	margin-left: -18px;
	height: 54px;
}

.navjoin>a:hover {
	background: transparent;
	display: inline-block;
}

.menubutton,
.msg_centerhead,
.streamitemicon {
	cursor: pointer;
}

.avatarpic {
	width: 50px;
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	float: left;
	display: inline-block;
	color: white;
	background-color: black;
	font-size: 2em;
	text-align: center;
	margin-right: 5px;
	border: 2px solid whitesmoke;
}

.fcmmessage .avatarpic {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	margin-right: 10px;
	float: left;
	display: inline-block;
	color: white;
	background-color: black;
	font-size: 2em;
	text-align: center;
	margin-right: 5px;
	border: 2px solid whitesmoke;
}

#attachmentviews {
	background-position: center;
	background-repeat: no-repeat;
	max-height: 60vh;
	overflow-y: auto;
	float: left;
	width: calc(100% - 60px);
}

.doc_footer a {
	color: #1e88e5;
	text-decoration: none;
}

div.paypaldonate,
div.externalurl,
div.visitexternal {
	border: 1px solid silver;
	font-size: 1em;
	line-height: 1em;
	color: grey;
	text-decoration: none;
	background-color: white;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	float: right;
	display: inline-block;
	border-radius: 4px;
	clear: both;
}

div.visitexternal {
	margin-bottom: 10px;
	margin-right: 10px;
}

div.externalurl:before,
div.visitexternal:before {
	content: "Visit Link";
	font-family: Ubuntu, Roboto, Nunito, Tahoma, Arial, sans-serif, Verdana;
	font-weight: normal;
	color: grey;
	border-radius: 4px;
}

div.internalurl:before {
	content: "Visit";
}

div.externalurl:after,
div#swiperStart:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.8em;
	content: "  \f054\f054";
	color: grey;
}

a.externalurl {
	float: right;
	/* display: inline-block; */
	/* margin: 40px 20px 0px 0px; */
	/* clear: both; */
}

a.externalurl:active,
a.externalurl:visited,
a.externalurl:link,
a.externalurl:hover {
	background: white;
}

.avatarpicstats {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	margin-right: 10px;
	float: left;
	display: inline-block;
	color: white;
	background-color: black;
	font-size: 2em;
	text-align: center;
}

table.stats td {
	text-align: center;
}

table.stats td:first-child {
	width: 45px
}

table.stats td:nth-child(2) {
	text-align: left;
}

.noscroll {
	position: fixed !important;
}

.insetimg3 {
	/* width: calc(((100% - 20px) / 3) - -5px); */
	height: 33vw;
	/* float: left; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	/* margin-right: 2px; */
}

.insetimg3:nth-child(2) {
	/* width: calc(((100% - 20px) / 3) - -6px); */
}

.insetimg3:nth-child(3) {
	/* margin-right: 0px; */
	border-radius: 0 0 10px 0;
	/* width: calc(((100% - 20px) / 3) - -4px); */
}

.insetimg3.extgif:nth-child(3) {
	margin-right: 0;
}

*/ .insetimg2 {
	width: calc((100% - 22px) / 2);
	height: 50vw;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 2px;
}

.insetimg0 {
	width: calc((100% - 22px) / 2);
	height: 50vw;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 2px;
}

.imageinsets,
.imageinsetsfull {
	width: calc(100% - 20px);
	margin-left: 10px;
	border-radius: 0 0 10px 10px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: space-around;
	justify-content: space-between;
	align-items: stretch;
	gap: 4px;
}

.imageinsets div,
.imageinsetsfull div {
	flex-grow: 1;
}

.action_imgnbb {
	border-radius: 10px 10px 0 0 !important;
}

div.imgattcnttxt {
	line-height: 80px;
	width: 80px;
	height: 80px;
	background: #00000094;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
}

div.imgattcnt {
	height: 33vw;
	line-height: 33vw;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	color: white;
	font-size: 2em;
	width: 33vw;
}

.action_imgnbb1 {
	margin-left: -10px !important;
	width: calc(50% - -5px) !important;
	border-radius: 0 !important;
}

.action_imgnbb1a {
	width: calc(50% - -5px);
	border-radius: 0;
}

/* 
.imageinsets.imageinsetsfull {
	width: calc(100vw - -2px);
	padding: 0;
	margin-left: 0;
	border-radius: 0;
} */

.insetimg3.extgif:nth-child(1) {
	margin-left: -1px;
}

.insetimg3.extgif {
	/* width: calc((100vw/ 3) - 9px); */
	border-radius: 0;
}

.insetimg3.extgif:nth-child(2) {
	/* width: calc((100vw/ 3) - 7px); */
}

.imageinsetsfull .imgattcnt {
	right: 0px;
}

span.nofloat {
	font-size: 16px !important;
}

.sod .tagimg.comp {
	border: 2px solid white;
}

.sod .tagimg span.hashtag.comp {
	background-color: #ffffffba;
	color: black;
}

.writemore {
	display: none
}

.hashtagmore,
.hashtagless {
	width: calc(100vw - 20px);
	padding: 10px;
	display: inline-block;
}

.hashtagmorebtn {
	float: right;
	display: inline-block;
	border: 1px solid silver;
	padding: 5px;
	font-size: 0.8em;
}

video.action_imgnbb {
	border-radius: 0 !important;
}

.insetimg2:nth-child(2) {
	border-radius: 0 0 10px 0;
	width: calc((100vw / 2) - 9px);
}

/* .imageinsetsfull .insetimg2 {
	width: calc((100vw / 2) - 2px);
	border-radius: 0;
}

.imageinsetsfull .insetimg2:last-child {
	width: calc(100vw / 2);
	border-radius: 0;
	margin-right: -2px;
}

.imageinsetsfull {
	margin-top: -2px;
	display: inline-block;
	position: relative;
	width: calc(100vw - -2px);
}

.imageinsetsfull .insetimg3 {
	width: calc((100vw / 3) - 1px); 
border-radius: 0;
}
*/
.autoaudio {
	width: 45px;
	display: inline-block;
	position: relative;
	top: -1.5em;
	color: white;
	font-size: 2.8em;
	float: right;
	margin-right: .5em;
	margin-bottom: -3em;
	background: #000000a0;
	border-radius: 50%;
	padding: 5px;
	line-height: 45px;
	height: 45px;
}

.autoaudio .fa-music {
	margin-bottom: -3em;
	font-size: .2em;
	position: relative;
	left: 1.9em;
	top: calc(1.5em - -5px);
	color: black;
}

div#editcomment {
	display: inline-block;
	width: 100%;
	margin-left: 40px;
}

div#loading {
	display: inline-block;
	width: 100%;
	color: black;
	padding-top: 30px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 4%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 4%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 4%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

#loading i {
	position: relative;
	display: inline-block;
	margin: 0 4px;
	width: 5px;
	height: 15px;
	border-radius: 2px;
	border: solid #212121;
	border-width: 0 1px 1px 0;
	background: #999;
	animation: tilt infinite 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
	transform-origin: 100% 100%;
}

#loading i::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	display: block;
	width: 5px;
	height: 5px;
	background: transparent;
	box-shadow: 0 2px rgba(0, 0, 0, .3);
	animation: stretch infinite 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
	opacity: 0;
	transform-origin: 0% 0%;
}

#loading i:nth-child(2),
#loading i:nth-child(2)::before {
	animation-delay: .3s;
}

#loading i:nth-child(3),
#loading i:nth-child(3)::before {
	animation-delay: .6s;
}

#loading i:nth-child(4),
#loading i:nth-child(4)::before {
	animation-delay: .9s;
}

#loading i:nth-child(5),
#loading i:nth-child(5)::before {
	animation-delay: 1.2s;
}

#loading i:nth-child(6),
#loading i:nth-child(6)::before {
	animation-delay: 1.5s;
}

#loading i:nth-child(7),
#loading i:nth-child(7)::before {
	animation-delay: 1.8s;
}

#loading i:last-of-type {
	animation-name: tilt-last;
}

#loading i:last-of-type::before {
	animation-name: stretch-last;
}

@keyframes tilt {
	10% {
		transform: rotate(70deg)
	}

	60% {
		transform: rotate(70deg)
	}

	70% {
		transform: rotate(0deg)
	}
}

@keyframes tilt-last {
	10% {
		transform: rotate(90deg)
	}

	60% {
		transform: rotate(90deg)
	}

	70% {
		transform: rotate(0deg)
	}
}

@keyframes stretch {
	10% {
		transform: rotate(-70deg);
		width: 10px;
		opacity: 1;
		left: 0px;
		bottom: -1px;
	}

	60% {
		transform: rotate(-70deg);
		width: 10px;
		opacity: 1;
	}

	70% {
		width: 5px;
		transform: rotate(0deg);
		opacity: 0;
	}
}

@keyframes stretch-last {
	10% {
		transform: rotate(-90deg);
		width: 10px;
		height: 2px;
		opacity: .5;
		left: 3px;
		bottom: -1px;
	}

	60% {
		transform: rotate(-90deg);
		width: 10px;
		height: 2px;
		opacity: .5;
	}

	70% {
		transform: rotate(0deg);
		width: 5px;
		height: 5px;
		opacity: 0;
	}
}

a.backoffice {
	font-size: 2.5em;
	text-decoration: none;
}

i.signoutbo {
	width: auto;
	float: right;
	padding-top: 10px;
}

div.payc {
	display: inline-block;
	margin-right: 10px;
	font-size: 0.5em
}

div.payd {
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 5px;
}

div.payl {
	position: relative;
	top: -45px;
	left: 35px;
	display: inline-block;
	margin-bottom: -45px;
}

div.igraph {
	overflow: hidden;
	padding: 0px 0px 12px 0px;
	float: left;
	margin: 5px;
}

div.paymentgraphinfo {
	font-size: .8em;
	position: relative;
	left: 20px;
	bottom: 23px;
}

select.paygraphyear {
	float: right;
	position: absolute;
	right: 5px;
	top: 5px;
}

div.traycontent {
	margin: 0px !important;
	padding: 0px !important;
	overflow: hidden !important;
	/* background-color: white; */
	position: relative;
}

.wall[data-pm='1'] table.commentbox {
	margin: 0;
}

table.commentbox {
	padding: 5px 10px;
	font-size: 1em;
	vertical-align: top;
	background: silver;
}

table.commentbox td {
	padding: 0 5px;
	vertical-align: bottom;
	text-align: center;
	min-width: 30px;
}

table.commentbox td a {
	margin: -4px;
}

table.commentbox td:nth-child(1) {
	/* width:auto; */
	vertical-align: top;
	padding: 8px 0 0 0;
}

table.commentbox td:nth-child(2) {
	width: 100%;
	/* padding-left: 5px; */
	/* padding-right: 5px; */
}

td.dohide {
	display: none;
}

table.commentbox textarea {
	color: grey;
	border: 1px solid lightgray;
	padding: 8px;
	background-color: white;
	border-radius: 8px;
	display: inline-block;
	text-align: left;
	width: calc(100% - 16px);
	font-size: 1em;
	min-height: 1.3em;
}

table.commentbox i {
	font-size: 1.3em;
	color: white;
	border-radius: 50%;
	border: 2px solid white;
}

.commline table.commentbox {
	background-color: black;
}

.tempcomment {
	/* margin-bottom: 20px !important; */
	position: relative;
}

.tempcomment:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 20px;
	border: .75rem solid transparent;
	border-top: 0;
	border-bottom-color: black;
	filter: drop-shadow(0 -0.0625rem .0625rem rgba(0, 0, 0, .2));
}

.selfie_reply i {
	color: grey;
}

.commentbox i {
	margin-bottom: 10px;
}

.combar table.commentbox {
	margin-left: -45px;
	width: calc(100vw - 45px);
}

div.holder {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	overflow-y: hidden;
}

body#pagew div.holder {
	/* border-bottom: 20px solid #dadada; */
	/* border-top: 1px solid silver; */
	/* box-shadow: 0 10px 20px grey; */
	margin-bottom: 20px;
}

table.appwebmenu {
	background-color: black;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 10px;
	position: relative;
	margin-top: 5px;
	border-radius: 4px;
	cursor: pointer;
}

nav.appwebmenu.bottomscreen {
	border-bottom: 5px solid black;
}

table.appwebmenu td {
	width: calc(100% / 7);
	padding-top: 2px;
	border-radius: 4px;
	text-align: center;
	align-items: center;
	position: relative;
}

img.sqr {
	width: 40px;
}

img.sqr1 {
	width: 28px;
}

table.appwebmenu a {
	text-decoration: none;
	color: white;
}

table.appwebmenu a:hover {
	background-color: transparent;
}

table.appwebmenu i {
	margin-bottom: 2px !important;
}

table.commentbox td i {
	border-radius: 50%;
	padding: 5px;
	text-align: center;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: black;
	margin-bottom: 3px;
	color: white;
}

.fixedchatbar table.commentbox td i {
	color: white;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border: 2px solid white;
	background-color: #ffffff2e;
}

.firebaseui-container.firebaseui-page-provider-sign-in.firebaseui-id-page-provider-sign-in.firebaseui-use-spinner {
	width: 100%;
	/* height: 425px; */
	padding-bottom: 70px;
}

.firebaseui-card-footer.firebaseui-provider-sign-in-footer {
	position: absolute;
	bottom: 0;
	left: 1px;
}

.scrollercontent {
	overflow: auto;
	display: inline-block;
	width: 100%;
	scrollbar-width: none;
}

#righttd .scrollercontent {
	height: calc(100vh - 60px);
}

div.iframediv {
	width: calc(100% - 4px);
}

.flg {
	width: 32px;
	float: left;
	margin-left: 1px;
	margin-right: 1px;
}

.flg span {
	width: 100%;
	margin: -6px 0 0 0;
	font-size: 8px;
	text-align: center;
}

table.commentbox .avatar1.fc {
	width: 40px;
	height: 40px;
	border: 1px solid lightgray;
}

#righttd div.traycontent {
	padding: 10px !important;
}

.floatleft {
	float: left;
	padding-right: 5px;
	margin-top: 3px;
	line-height: 1em;
}

.floatright {
	float: right;
}

div#appbluebar,
.bluebar {
	margin: 0;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	max-width: 100vw;
	border-radius: 0;
	display: inline-block;
	height: 60px;
}

/*
.bluebar {
  width: calc(100% - 8px);
} */
#accordion_language>.traycontent {
	padding-left: 10px;
}

img.branditem {
	height: 22px;
	padding: 3px;
}

div.branditem {
	border-radius: 2px;
	border: 1px solid silver;
	/* float: left; */
	display: inline-flex;
	margin-bottom: 2px;
	margin-right: 2px;
	background-color: whitesmoke;
}

.branding {
	/* width: calc(100% - 40px); */
	padding-left: 11px;
	display: inline-block;
	font-size: 14px;
	color: #555;
	margin-top: 15px;
	margin-bottom: 10px;
}

.branding .head {
	margin-bottom: 10px;
}

.copyright {
	/* margin-bottom: 10px; */
	font-size: 8px;
	color: grey;
	/* padding-bottom: 45px; */
	/* margin-left: 10px; */
	/* width: calc(100% - 30px); */
	line-height: 8px;
	display: inline-block;
	padding: 40px 10px 30px 10px;
	width: calc(100% - 30px);
	max-width: calc(100vw - 30px);
}

.copyright div {
	width: calc(100% - 35px);
	float: left;
}

.copyright img {
	float: left;
	width: 20px;
	border: 1px solid silver;
	border-radius: 4px;
	padding: 2px;
	background: white;
	margin-right: 5px;
}

@media all and (max-width:900px) {
	body {
		overflow-x: hidden;
		width: unset;
		max-width: unset;
		position: absolute;
		margin: 0 -3px 0 0;
		height: 100vh;
		padding: 0;
		margin: 0;
	}

	.lrsh,
	.daynight.fa-sun,
	.daynight.fa-moon {
		display: none;
	}

	/*
  .aico_feed {
    border-radius: 0 !important;
  } */
	table.appwebmenu {
		z-index: 10000 !important;
		border-radius: 0 !important;
	}

	body.swiper .bluebar {
		position: unset;
		margin-left: unset;
		margin-top: unset;
		top: unset;
		width: 100vw;
	}

	.iwapads {
		width: calc(100vw);
		max-width: unset;
		margin: 0;
		padding: 0;
	}

	.msg_center {
		margin-left: -2px;
		padding-top: 4px !important;
		overflow-x: hidden;
		left: 0;
		top: 0px;
		width: calc(100% - -6px) !important;
		height: calc(100vh - 220px) !important;
		margin-top: 0px !important;
		border: 0;
	}

	.streamitem {
		width: calc(100% - 40px);
	}

	iframe#mobileapp_iframe {
		/* height: calc(100vh - 62px); */
		width: 100vw;
		margin: 0;
		background-color: var(--backcolor2);
	}

	#accordionmsg_messages h3 {
		display: none
	}

	.msgbtnbar {
		margin-top: 3px !important;
	}

	a:active {
		background-color: transparent !important
	}


	a:link {
		background-color: transparent !important;
	}

	#mobileapp {
		height: 100vh;
	}

	.iwap_content {
		margin: 0;
		padding: 0;
		height: 100vh;
	}

	.scrollercontent {
		margin-left: -2px;
		width: calc(100% - -3px) !important;
		position: absolute;
		top: 60px;
		overflow-x: hidden;
	}

	.msgdateband .streamitem {
		width: calc(100% - 35px);
	}

	.iwapframe {
		padding: 0;
	}

	div.iframediv {
		border: 0;
		padding: 0 !important;
		margin: 0 0 0 5px !important;
		width: 100vw;
		overflow-x: hidden !important;
	}

	#ajax_msg_calendar {
		align-items: center;
	}

	table#taskcalendar td {
		height: 32px;
	}

	div#ajax_msg_performance {
		zoom: 1.4;
	}

	nav {
		display: inline-block;
		position: fixed;
		left: 0;
		bottom: 0;
		margin: 0 !important;
		width: calc(100vw - 30px);
		/* border-bottom: 5px solid black; */
		background-color: black;
		max-width: 100vw;
	}

	nav>div.navscroll {
		width: calc(100% - 20px);
	}

	#mobileapp_iframe {
		margin-top: 0 !important
	}

	.cookieconsent {
		width: calc(90vw - 44px) !important;
		bottom: 80px !important;
		transform: translateX(5vw) !important;
		left: 0 !important;
	}

	div#appbluebar,
	.bluebar {
		position: fixed;
	}
}

span.status {
	color: grey;
	font-size: 10px;
	width: calc(100% - 20px);
	display: inline-block;
	position: relative;
	top: -5px;
}

#appbluebar .fa-sync-alt {
	font-size: 30px;
	padding: 14px 14px 14px 32px;
	margin-top: -5px;
	margin-right: -5px;
	float: right;
}

#appbluebar #globalnavback,
i.menuico.fas.fa-university,
i.menuico.fas.fa-chevron-left,
i.menuico.fas.fa-briefcase {
	font-size: 30px;
	float: left;
	height: 40px;
	padding: 5px 10px 10px 10px;
	line-height: 40px;
	display: inline-block;
}

.appheading {
	float: left;
	display: inline-block;
}

body#pagep {
	background-color: white;
}

body#pagep .action_card {
	background-color: white;
}

body#pagep .profile_name_float {
	color: black;
}

.selfie_reply>.commentbox {
	background-color: black;
}

.commline>.commentbox td i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	margin-left: 0px;
	margin-right: -10px;
	margin-bottom: 6px;
	background-color: black;
}

div#swiperContent {
	width: calc(100vw - 10px);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: black;
	position: relative;
	border: 5px solid black;
	height: calc(100vh - 118px);
	display: inline-block;
}

#swiperAudioPlayer {
	width: 100%;
	height: calc(100vw * 9 / 16);
	position: relative;
}

div.swiperTimeLine {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: calc(65vh - 196px);
	width: 100vw;
}

div.swiperTimeLine .commline {
	width: calc(100% - 16px);
	font-size: 1rem;
}

body.swiper div.bluebar {
	border-radius: 0;
	width: 100vw !important;
}

body.swiper div.bluebar i {
	font-size: 29px;
	padding: 0px 5px 0px 0px !important;
	/* margin: -10px -60px 0 0; */
}

body.swiper h3.aico_swiper {
	height: 50px;
	text-align: left;
	background-color: #1e88e5;
	color: white;
	border-bottom: 0;
	padding: 10px 10px 0 10px;
	border-color: black;
	display: block;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	list-style: none;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0;
	margin-inline-end: 0;
	margin: 0;
}

body.swiper table.commentbox {
	background: black;
	font-size: 1.3em;
	width: 100vw;
	margin: 0;
}

body.swiper table.commentbox {
	position: fixed;
	bottom: 0;
}

body.swiper table.tempcomment {
	margin-left: -7px;
	width: calc(100% - -15px);
	position: relative;
	bottom: unset;
}

.appswipernav {
	width: calc(100vw - 10px);
	display: inline-block;
	color: silver;
	font-size: 1em;
	padding: 5px;
	background-color: #a9a9a90f;
}

.appswipernav .navbtn {
	display: inline-block;
	padding: 5px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 2em;
	position: relative;
	margin: 0;
}

div#swiperClock {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: white;
	border: 1px solid red;
	padding: 6px;
	line-height: calc(1em - -3px);
	text-align: center;
	border-radius: 50%;
	width: calc(1em - -6px);
	height: calc(1em - -6px);
	background-color: var(--backcolor2);
}

#swiperBack,
#swiperNext,
#swiperCnt {
	display: inline;
	font-size: 1em;
}

#swiperCnt {
	font-size: 0.6em;
}

#swiperBackVol,
#swiperComments {
	float: left;
}

#swiperNormalScreen,
#swiperFullScreen {
	float: left;
}

#swiperThumbsUp,
#swiperThumbsDown {
	float: right;
}

.swiperTimeLine td.votetd span {
	float: right;
	margin-top: -15px;
	margin-right: -3px;
}

.swiperSelect {
	border: 1px solid red;
}

.swiperstart {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100vw;
	height: calc(100vh - 80px);
	z-index: 3;
}

.swiperstart i {
	color: grey;
	opacity: 0.8;
	text-shadow: 0 0 1px black;
}

.swiperstart i.far.fa-play-circle {
	position: absolute;
	top: calc(50vh - .5em - 25px);
	left: calc(50vw - .5em - 25px);
	background: black;
	padding: 30px;
	opacity: 1;
	border-radius: 50%;
	color: dimgrey;
}

.swiperstart i.fas.fa-chevron-left {
	position: absolute;
	top: calc(50vh - 0.5em);
	left: 0;
}

.swiperstart i.fas.fa-chevron-right {
	position: absolute;
	top: calc(50vh - 0.5em);
	right: 0;
}

.swiperstart i.fas.fa-chevron-top {
	position: absolute;
	top: 0;
	left: calc(50vw - 0.5em);
}

.swiperstart i.fas.fa-chevron-down {
	position: absolute;
	bottom: 50px;
	left: calc(50vw - 0.5em);
}

.navbtn {
	display: inline-block;
	padding: 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 1.5em;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
}

div#ibtnNetwork>img {
	width: 1.4em;
	height: 1.4em;
	margin-top: 5px;
}

.appswipercnt {
	width: 100%;
	margin-bottom: -2em;
	font-size: 2em;
	color: silver;
	float: left;
}

.swiperVideoPlayer {
	display: inline-block;
}

#swiperVideoPlayer::-webkit-media-controls {
	opacity: 0;
}

.swiperAudioPlayer {
	padding-top: 50px;
}

div#swiperAudioWav {
	width: 70vw;
	left: calc(6em - -40px);
	position: absolute;
	top: 5px;
}

table.swipertbl {
	background-color: black;
}

#swiperIDBlk {
	position: relative;
	width: calc(100% - 10px);
	z-index: 10;
	background-color: #000000b8;
}

#swiperAvatar {
	width: 20vw;
	height: 20vw;
	border: 2px solid white;
	border-radius: 50%;
	margin: 0 0 0 10px;
	z-index: 1;
	max-width: 8em;
	max-height: 8em;
}

#swiperIDBlk.avataronly #swiperAvatar {
	width: 52px;
	height: 52px;
}

#swiperIDBlk.avataronly #swiperText {
	opacity: 0;
	font-size: 0px;
}

#swiperIDBlk.avataronly #swiperName {
	font-size: .6em;
}

td#swiperText {
	height: 100%;
	color: white;
	font-size: 1.3em;
	margin-top: 10px;
	padding: 1em;
	z-index: 3;
	overflow-y: scroll;
}

div#swiperName {
	color: white;
	font-weight: bold;
	font-size: 1.3em;
}

div#swiperMenu {
	float: right;
}

span.swipertime {
	font-size: 0.8em;
	margin-bottom: 10px;
	width: 90%;
	/* margin-top: 1em; */
}

.swiperAudioControl {
	color: white;
	font-size: 3em;
	padding: 10px;
	position: absolute;
	top: 15px;
	left: 0px;
}

.swiperAudioControl i {
	padding-left: 5px;
	padding-right: 5px;
}

.swiperProgress {
	width: 100vw;
	position: absolute;
	top: 60px;
	left: 0;
	height: 3px;
	border: 0;
	--webkit-appearance: none;
	z-index: 100;
}

progress::-webkit-progress-value {
	background: red;
}

progress::-moz-progress-bar {
	background: red;
}

.swiperProgress[value] {
	--webkit-appearance: none;
	appearance: none;
}

.swiperProgress::-webkit-progress-bar {
	background-color: black;
}

.swiperProgress::-webkit-progress-value {
	background-color: red;
}

.swiperProgress::-webkit-progress-value {
	background: red;
}

#swiperplaybtn::before {
	content: "Pause";
}

#swiperplaybtn.paused::before {
	content: "Play";
}

#swiperplaybtn i {
	float: right;
	font-size: 1.5em;
	padding-left: 20px;
	margin: -1px -4px;
}

#swiperplaybtn i::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: "\f28b";
	font-style: normal;
}

#swiperplaybtn.paused i::after {
	content: "\f144";
	font-weight: 400;
	font-style: normal;
}

#swiperplaybtn i.t2sblink {
	color: red;
}

.swiperProgress1::after {
	content: attr(data-content);
	color: white;
	font-size: 10px;
	top: -20px;
	left: 98%;
	position: absolute;
	width: 100vw;
	display: inline-block;
	text-shadow: 0 0 1px black;
}

input,
textarea {
	border: 0;
}

input:focus,
textarea:focus {
	outline: 1px solid var(--hover);
}

input,
textarea,
button,
select,
a,
div,
span {
	-webkit-tap-highlight-color: transparent;
	font-family: Ubuntu, Roboto, Nunito, Tahoma, Arial, sans-serif, Verdana;
}

/* input:focus, textarea:focus {
  border: 1px solid red;
} */
body.swiper .holder {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	overscroll-behavior: none;
	width: 100vw;
	overflow-x: hidden;
}

body.swiper .combar {
	width: 100%;
}

body.swiper span.msgtxt {
	min-height: 1.3em;
	margin-left: 5px;
}

.permname {
	text-transform: capitalize;
}

.btnbar {
	display: inline-block;
	padding: 5px;
	overflow: hidden;
	/* border-top: 1px solid lightgray; */
	margin-top: 14px;
	background: whitesmoke;
	width: 100%;
	margin-left: -6px;
	height: 50px;
}

.msgbtnbar {
	position: relative;
	height: 33px;
	padding-left: 10px;
	margin-top: -1px;
	width: calc(100% - 10px);
}

div#msgstreambtns {
	width: calc(100% - 52px);
	height: 53px;
	overflow-y: hidden;
	overflow-x: auto;
	margin-bottom: -20px;
	position: absolute;
	padding-top: 2px;
	padding-bottom: 5px;
}

.scroller-cont {
	display: inline-flex;
}

.toolbarbtn.active {
	color: white !important;
	font-weight: bold !important;
	background-color: lightslategray !important;
}

.toolbarbtn {
	display: inline-block;
	font-size: 13px;
	min-width: 55px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 16px;
	cursor: pointer;
	border: 1px solid silver;
	border-radius: 5px;
	background: white;
	color: lightslategray;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
	text-transform: capitalize;
	white-space: nowrap;
}

div.btnbar .arrow-left,
div.btnbar .arrow-right {
	border: 0;
	line-height: 13px;
	height: 13px;
}

.searchbar {
	padding: 5px;
	background-color: black;
	margin-top: -3px;
	margin-bottom: 10px;
}

.searchbar input {
	width: calc(100% - 95px);
	padding: 5px;
	border: 1px solid silver;
	display: inline;
	border-radius: 4px;
	color: grey;
}

.searchbtn {
	display: inline-block;
	background: grey;
	width: 28px;
	height: 28px;
	line-height: 27px;
	text-align: center;
	border-radius: 50%;
	color: white;
	border: 2px solid white;
	margin-left: 5px;
}

.searchbtn:nth-child(1) {
	margin-left: 0;
	margin-right: 5px;
	float: left;
}

.searchbtn>i {
	line-height: 28px;
}

.networkingico {
	background-image: url(/images/networking.png);
	background-position: center;
	background-size: contain;
	border: 0;
}

.information {
	font-size: 1.3em;
	text-align: center;
	padding: 10px;
	background-color: aliceblue;
	border: 1px solid silver;
	margin: 5px;
	border-radius: 4px;
}

.firebaseui-id-secondary-link.firebaseui-button.mdl-button.mdl-js-button,
.firebaseui-id-submit.firebaseui-button.mdl-button.mdl-js-button {
	max-width: 40%;
}

.mdl-shadow--2dp {
	box-shadow: 0 0 0 0 !important;
}

video#videorecord,
video#videopreview {
	max-height: 80vh;
	max-width: 100%;
	width: unset;
	height: unset;
}

video#videopreview {
	margin-left: 0px;
}

video#swiperVideoPlayer {
	width: 50%;
	height: 50%;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	top: 0;
	transform: 0;
	-webkit-transform: 0;
	position: relative;
}

.swipervideo {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	position: absolute !important;
	pointer-events: none;
}

.floater.thumbup {
	width: 32px;
	height: 32px;
	color: white;
	font-size: 20px;
	background-color: #333;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: 10px;
	bottom: 110px;
}

.floater.thumbdown {
	width: 32px;
	height: 32px;
	color: white;
	font-size: 20px;
	background-color: #333;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: 10px;
	bottom: 70px;
}

#doSignin {
	background-color: #1e88e5;
	color: white;
	text-decoration: none;
}

#doSignin i {
	color: white;
}

#doShare {
	background-color: green;
	color: white;
}

span.msgtxt.shortertxt {
	margin-right: 70px !important;
}

div#sharelink {
	text-align: left;
	word-break: break-all;
	width: 92%;
	float: left;
	border: 1px solid silver;
	padding: 10px;
	position: relative;
	left: 2%;
	background: whitesmoke;
	margin-top: 20px;
}

div#sharelink input {
	padding: 10px;
	width: 96%;
	display: inline-block;
}

.commentblock video {
	width: calc(100% - 20px);
}

.streampic {
	cursor: pointer;
	width: 65px !important;
	height: 85px !important;
	position: absolute;
	right: 15px;
	top: 10px;
	border: 1px solid whitesmoke;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--backcolor2);
}

.streamitem.a4 .streampic {
	right: 10px;
}

.streamitem {
	min-height: 75px;
}

a.commentFile {
	float: right;
	border: 2px solid silver;
	border-radius: 4px;
	padding: 5px;
	font-size: 10px;
	background-color: whitesmoke;
	word-break: break-all;
	max-width: 90px;
	display: inline-block;
	max-height: 160px;
	overflow: hidden;
}

a.commentFile:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f15b";
	padding-left: 10px;
}

.popm {
	position: absolute;
	left: 3px;
	top: -13px;
	z-index: 15;
	transition: .5s;
	font-size: 12px;
}

table.vote_para .popm {
	left: -10px;
}

.popm i {
	font-size: 16px !important;
	padding: 10px !important;
	width: 20px !important;
	height: 20px !important;
	line-height: 20px !important;
	text-align: center;
	border-radius: 50%;
	border: 2px solid silver !important;
	background-color: whitesmoke;
	color: grey;
	z-index: 2;
}

.popm span {
	position: absolute;
	left: -10px;
	top: 40px;
	min-width: 50px;
	text-align: center;
	color: black;
	background-color: whitesmoke;
	border: 1px solid silver;
	border-radius: 10px;
	min-height: 10px;
	z-index: -1;
	padding: 0px 5px 2px 5px;
	font-size: 10px;
	z-index: 1;
}

.popmbox {
	position: absolute;
	border: 2px solid silver;
	z-index: 10;
	display: inline-block;
	border-radius: 100%;
	transition: 1s;
	background-color: #c7c7c7d1;
}

.commcontent>.subcomment:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 20px;
	border: .75rem solid transparent;
	border-top: none;
	border-bottom-color: whitesmoke;
	/* filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .2)); */
	/* background-color: white; */
}

.commcontent>.subcomment {
	border-radius: 4px;
	position: relative;
	padding-top: 15px;
	padding-left: 10px;
	margin: 0 10px;
	display: none;
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
	background-color: whitesmoke;
	padding-right: 10px;
}

i.updatecomment,
i.cancelcomment {
	padding: 6px;
	border-radius: 4px;
	border: 1px solid silver;
	background-color: whitesmoke;
	font-size: 1em !important;
	font-style: normal;
	display: inline-block;
}

i.updatecomment:before {
	content: "\f138   Update";
	font-family: 'Font Awesome 5 Free', Ubuntu;
	font-weight: 900;
}

i.cancelcomment:before {
	content: "\f00d   Cancel";
	font-family: 'Font Awesome 5 Free', Ubuntu;
	font-weight: 900;
}

.saymoreplaceholer {
	color: grey;
	background-color: white;
	width: calc(100% - 10px);
	height: 28px;
	text-align: left;
	padding: 5px;
	border-radius: 10px;
	margin-bottom: 2px;
	padding-top: 10px;
}

.fcmmessage {
	position: fixed;
	top: 0;
	left: 1%;
	display: inline-block;
	background-color: white;
	min-width: 200px;
	min-height: 80px;
	border-radius: 4px;
	border: 2px solid grey;
	z-index: 10000;
	padding: 5px;
	font-size: 12px;
	height: 120px;
	width: 330px;
	opacity: 1;
}

.fcmhead {
	background-color: red;
	color: white;
	padding: 5px;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px solid #b30000;
}

.fcmcontent {
	display: inline-block;
	width: 100%;
}

.fcmarticletitle {
	color: gray;
	text-transform: uppercase;
	width: calc(100% - 140px);
	margin-left: 65px;
}

.fcmtitle {
	color: gray;
	font-weight: bold;
	font-size: 1.2em;
	width: calc(100% - 140px);
	margin-left: 65px;
}

.fcmsubtitle {
	color: black;
	width: fit-content;
	max-width: calc(100% - 140px);
	margin-left: 60px;
	padding: 5px;
}

.fcmhead i.fas.fa-times {
	float: right;
	padding: 8px;
	margin: -5px;
}

.fcmimage {
	width: 65px;
	height: 85px;
	display: inline-block;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 40px;
	right: 5px;
}

.fcmfoot {
	display: inline-block;
	width: calc(100% - 70px);
	font-size: 14px;
	color: black;
	height: 1em;
	margin-top: 5px;
}

.fcmview,
.fcmclose,
.fcmmute {
	width: calc(33% - 14px);
	display: inline-block;
	background-color: whitesmoke;
	padding: 5px;
	border: 1px solid silver;
	text-align: center;
}

.avatarpic i {
	font-size: 26px;
	padding-top: 5px;
	line-height: 40px;
}

#pagef table.commentbox {
	background: black;
}

a.btndownload {
	background-color: green;
	color: white;
	padding: 5px;
	text-decoration: unset;
	text-transform: capitalize;
}

a.btndownload i {
	color: white;
}

span.msgcnt {
	color: white;
	background-color: #ff00008f;
	border-radius: 50%;
	position: absolute;
	right: 7px;
	top: 9px;
	font-size: 0.6em;
	line-height: 1em;
	width: 1em;
	padding: 11px;
	text-align: center;
	text-shadow: 0 0 1px black;
}

.bluebar .fa-sync-alt {
	position: relative;
}

.bluebar .fa-sync-alt span {
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
}

.bluebar .fa-sync-alt span {
	right: 0;
	left: -6px;
	top: -2px;
	bottom: 0;
	width: 22px;
	height: 22px;
	line-height: 22px;
}

#ibtnNetwork span.msgcnt {
	width: 100%;
	text-align: center;
	height: 100%;
	position: absolute;
	background-color: #ff00008f;
	color: white;
	line-height: 2em;
	font-size: 1.3em;
	padding: 0;
	text-shadow: 0 0 1px black;
	top: 0px;
	left: -5px;
}

#ibtnNetwork img {
	width: 1em;
	aspect-ratio: 1 / 1;
	margin-top: 0.25em;
}

span.msgtxt.msgspace {
	background-color: transparent;
	border-color: transparent;
	margin: 0;
	padding: 0;
	max-width: calc(100% - 85px);
}

.streammsg.unread {
	background-color: #ffffbc;
	padding: 5px;
	width: fit-content;
	margin-left: -5px;
}

body.notifypm .aico_feed {
	background-color: black;
	color: silver;
}

body.notifypm {
	padding-bottom: 50vh;
	height: unset !important;
	background-color: #1c1e21;
}

select.goog-te-combo,
select#voicelist {
	margin-bottom: 5px;
	z-index: 10000;
	max-width: 100vw;
	margin-top: 10px;
	margin-right: 5em;
	font-size: 1rem;
	border: 1px solid white;
	padding: 0.5em;
}

select.goog-te-combo option,
select#voicelist option {
	font-size: 1rem;
	margin-bottom: 5px !important;
}

div#swiperVisit:before {
	content: attr(data-content);
	width: 100%;
	text-align: left;
	padding-left: 10px;
	z-index: 20;
}

div#swiperVisit {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: white;
	font-size: 1.5em;
	padding: 5px 10px 5px 0px;
	border: 1px solid silver;
	background-color: var(--visitcolor);
	min-width: 120px;
	cursor: pointer;
}

#swiperText i {
	float: right;
	font-size: 1em !important;
	padding-left: 10px;
	margin: 0;
}

#swiperText i.far.fa-times-circle {
	position: absolute;
	right: -15px;
	top: 0px;
}

.skiptranslate {
	display: none;
}

.cropplace {
	background-image: url(/images/jcropper.gif);
	width: calc(100% - 50px) !important;
	height: calc(100vw * 9 / 16);
	max-height: calc(100vh - 320px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

div#swiperStartComments,
div#swiperContinue,
div#swiperSkip {
	left: 0px;
	text-align: left;
}

div#swiperStartComments:before,
div#swiperContinue:before,
div#swiperSkip:before {
	padding-right: 15px;
}

div#swiperStart,
div#swiperTop {
	right: 0px;
	text-align: right;
}

div#swiperStart:after,
div#swiperTop:after {
	padding-left: 15px;
}

div#swiperTop:after {
	content: "\f2f1";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

div#swiperTop:before {
	content: "Restart";
}

div#swiperSkip,
div#swiperTop {
	bottom: 40px;
}

div#swiperStartComments:before,
div#swiperContinue:before,
div#swiperSkip:before {
	content: "\f27a";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.audplace {
	width: 100%;
	height: 54px;
	top: -67px;
	position: relative;
	margin-bottom: -54px;
}

.swiperBtn {
	position: absolute;
	bottom: 80px;
	color: white;
	font-size: 1.5em;
	padding: 8px 20px 8px 20px;
	border: 1px solid silver;
	background-color: #000000e0;
	min-width: 100px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}

.btnClick {
	color: var(--navhicolor) !important;
	background-color: var(--navhiback) !important;
}

.result.error {
	background: darkred;
}

.talkdoc {
	padding: 15px;
	float: right;
	margin-right: 10px;
	color: grey;
	position: relative;
	right: -5px;
	top: calc(-2em);
	margin-bottom: calc(-1em - 30px);
}

.talk {
	cursor: pointer;
}

.t2sArticle {
	margin-top: 10px;
	position: relative;
	float: right;
	color: grey;
	margin-right: 10px;
	margin-bottom: calc(-1em - 5px);
	z-index: 2;
	border-radius: 50%;
	border: 1px solid grey;
	font-size: 0.8em;
	padding: 5px;
	line-height: calc(1em - -5px);
	height: calc(1em - -5px);
	width: calc(1em - -5px);
}

.t2s {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	text-align: center;
}

.t2s:hover {
	text-decoration: none;
}

.t2s:before {
	content: "\f530";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.t2s.playing:before {
	content: "\f04d";
}

.t2s.pause:before {
	content: "\f04c";
}

.t2sReaderButton:after {
	content: "\f530";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	border-radius: 50%;
	border: 1px solid silver;
	padding: 5px;
	width: 1.4rem;
	position: relative;
	right: -3px;
	background-color: whitesmoke;
	color: silver;
}

.t2sReaderButton {
	border-radius: 5px 24px 24px 5px;
	border: 1px solid silver;
	width: 80px;
	padding: 5px 4px 7px;
	float: right;
	display: inline-block;
}

.t2svoice:before {
	content: "VOICE";
}

.t2svoice,
.t2slang {
	border: 1px solid silver;
	padding: 5px 10px 5px;
	float: right;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	margin-top: 10px;
	position: relative;
	color: grey;
	margin-right: 10px;
	margin-bottom: calc(-1em - 5px);
	z-index: 2;
	line-height: calc(1em - -5px);
	height: calc(1em - -5px);
}

.t2sblink:before {
	color: red !important;
}

table.vote_para i {
	background-color: whitesmoke;
	border-radius: 50%;
	font-size: 1em;
	padding: 6px;
	height: 1em;
	line-height: 1em;
	border: 1px solid silver;
	cursor: pointer;
	width: 1em;
}

table.vote_para i:hover {
	background-color: silver;
	color: white;
}

section.selected:before {
	content: "\f058";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.5em;
	color: lime;
	left: 5px;
	top: 5px;
	border: 1px solid black;
	position: absolute;
	border-radius: 50%;
	background: white;
	width: 1em;
	height: 1em;
}

.visitlinkicon {
	width: 25px;
	height: 25px;
	position: absolute;
	background: #1c1e21;
	border-radius: 50%;
	border: 2px solid white;
	color: white;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	bottom: 40px;
	right: 5px;
	z-index: 0;
}

i#editdocimg {
	position: absolute;
	z-index: 2;
	left: 25px;
	margin-top: 70px;
}

body.pageh {
	background-color: #1c1e21;
	color: white;
}

body.pageh .action_card {
	background-color: #1c1e21;
	color: white;
}

body.pageh span.name {
	color: white;
}

body.pageh div.doc_title {
	color: silver;
}

div#ibtnProfile {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.aico_clip::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f0c6";
}

.aico_comment::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: "\f27a";
}

.aico_calendar::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f073";
}

.aico_calendaryear::before {
	margin-left: -20px;
	padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
	content: "\f073";
	font-weight: 400 !important;
}

h3.aico_calendaryear {
	/* font-size: 1.1rem !important; */
	/* line-height: 1.5em; */
}

.accordioncommtray {
	margin: 0px 0px 0px -10px;
	width: calc(100vw - 20px);
}

.loadingcolor>.commline {
	opacity: 0.7;
}

.loadingcolor {
	background-color: #203bff0d !important;
}

.accordioncommtrayyy {
	position: relative;
	left: -12px;
	width: calc(100vw - 20px);
}

.accordioncommtray>.traycontent {
	padding: 10px !important;
}

.scrolltotop,
.attachmentscroll {
	width: 30px;
	height: 30px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
	background-color: whitesmoke;
	text-align: center;
	line-height: 30px;
	border: 1px solid silver;
	border-radius: 4px;
	opacity: .8;
}

.attachmentscroll {
	background-color: var(--redback);
	color: var(--redcolor);
	opacity: .5;
}

.attachmentscroll.scrollup {
	right: 55px;
}

span.smaller {
	display: inline;
	font-size: 0.7em;
}

.commline.done:after {
	content: "\f00c";
	left: 31px;
	color: white;
	font-size: .6em;
	font-family: 'Font Awesome 5 Free';
	width: 1.2em;
	height: 1.2em;
	font-weight: 900;
	top: 31px;
	position: absolute;
	border-radius: 50%;
	border: 1px solid black;
	background: green;
	line-height: 1.2em;
	text-align: center;
	opacity: .7;
	z-index: 2;
	padding: .3em;
}

table.vote_comm i.commicons {
	padding: 6px;
	border-radius: 50%;
	border: 1px solid silver;
	background-color: whitesmoke;
	height: 1em;
	line-height: 1em;
	border-radius: 4px;
	font-size: 0.8em;
}

table.vote_comm i.commicons:before {
	content: "\f02c";
	font-family: 'Font Awesome 5 Free', Ubuntu;
	font-weight: 900;
}

.tagholder {
	position: absolute;
	top: 59px;
	width: 50px;
	left: 5px;
}

.tagholder i {
	font-size: .6em;
	font-family: 'Font Awesome 5 Free';
	width: 1.3em;
	height: 1.3em;
	font-weight: 900;
	border-radius: 50%;
	border: 1px solid silver;
	line-height: 1.6em;
	text-align: center;
	padding: .3em;
	float: left;
	margin-right: -4px;
	margin-bottom: -4px;
}

.tagholder i:hover {
	text-decoration: none;
}

.tagholder i.fas.fa-check {
	color: white;
	background-color: #0080005e;
}

.streamdate {
	text-align: center;
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: whitesmoke;
	padding: 10px;
	margin-left: -10px;
	width: calc(100% - -10px);
}

.streamclick.nostreampic {
	width: calc(100% - 64px);
}

audio.audioplayerstream {
	margin-top: 5px;
	margin-bottom: -3px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 40px;
}

.commicons>div>i.commstatus {
	font-size: 10px;
	font-weight: 900;
	width: 20px !important;
	height: 20px;
	line-height: 20px !important;
	text-align: center;
	padding: 6px !important;
}

div.popm.commstatus1 i,
div.tagholder i.commstatus1 {
	background-color: #6fde6f !important;
	color: white !important;
}

div.popm.commstatus2 i,
div.tagholder i.commstatus2 {
	background-color: #f53737 !important;
	color: white !important;
}

div.popm.commstatus3 i,
div.tagholder i.commstatus3 {
	background-color: #7daeff !important;
	color: white !important;
}

div.popm.commstatus4 i,
div.tagholder i.commstatus4 {
	background-color: black !important;
	color: white !important
}

div.popm.commstatus5 i,
div.tagholder i.commstatus5 {
	background-color: #982525 !important;
	color: white !important;
}

div.popm.commstatus6 i,
div.tagholder i.commstatus6 {
	background-color: violet !important;
	color: black !important;
}

div.popm.commstatus7 i,
div.tagholder i.commstatus7 {
	background-color: yellow !important;
	color: black !important;
}

div.popm.commstatus8 i,
div.tagholder i.commstatus8 {
	background-color: white !important;
	color: red !important;
}

i.commstatus:before,
div.tagholder i:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: 'Font Awesome 5 Free';
	width: 1.4em;
	height: 1em;
}

div.popm i.commstatus1:before,
div.tagholder i.commstatus1:before {
	content: "\f00c";
	font-weight: 900;
}

div.popm i.commstatus2:before,
div.tagholder i.commstatus2:before {
	content: "\f7e4";
}

div.popm i.commstatus3:before,
div.tagholder i.commstatus3:before {
	content: "\f2dc";
}

div.popm i.commstatus4:before,
div.tagholder i.commstatus4:before {
	content: "\f02b";
	font-weight: 900;
}

div.popm i.commstatus5:before,
div.tagholder i.commstatus5:before {
	content: "\f2b6";
}

div.popm i.commstatus6:before,
div.tagholder i.commstatus6:before {
	font-weight: 400 !important;
	content: "\f0f3";
}

div.popm i.commstatus7:before,
div.tagholder i.commstatus7:before {
	font-weight: 400 !important;
	content: "\f005";
}

div.popm i.commstatus8:before,
div.tagholder i.commstatus8:before {
	font-weight: 400 !important;
	content: "\f024";
}

.loadmoretray {
	width: 100%;
	height: 50px;
	display: inline-block;
	/* background-color: red; */
	text-align: center;
	position: absolute;
	bottom: 0;
}

.traycontent>.ui-accordion>h3 {
	background-color: #e2e2e2;
}

.traycontent>.ui-accordion>h3>.toolcnt {
	background-color: whitesmoke;
}

span.larger {
	font-weight: bolder;
	font-size: large;
}

.stacked {
	display: none;
}

.showstacked:before {
	content: "SHOW MORE";
}

.showstacked {
	padding: 5px;
	border: 1px solid silver;
	margin-bottom: 10px;
	float: right;
	color: grey;
	font-size: .85em;
	margin-right: 10px;
}

.code {
	display: inline-block;
	width: 10px;
	height: 10px;
	word-break: break-all;
	background: lightgoldenrodyellow;
	padding: 10px;
	border: 1px solid silver;
	margin-left: 5%;
	margin-bottom: 10px;
	font-size: 10px;
	font-family: monospace;
	color: grey;
	overflow: auto;
	/* position: absolute; */
	z-index: 1000;
}

.code:hover {
	/* transition: width linear 0.2s, height linear 0.2s; */
	width: 100vw !important;
	height: 100vh !important;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
}

p.para.audatt>audio {
	margin: 0 0 -10px 0;
}

#feedTrays {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.gridplaceholder {
	display: inline-block;
	overflow: hidden;
	width: calc(25vw - 9px);
	position: relative;
	border: 1px solid silver;
	border-radius: 8px;
	float: left;
	margin-left: 5px;
	margin-bottom: 4px;
	height: calc(((25vw - 15px) * 16) / 9);
	background-color: #333;
	animation: pulse 1s 4s;
}

.commplaceholder {
	width: 100%;
	height: 165px;
	margin-bottom: 2px;
	background-color: #333;
	animation: pulse 1s 4s;
	position: relative;
	display: flex;
}

.commplaceholder ul {
	list-style-type: none;
}

.commplaceholder li:nth-child(1) {
	width: 42px;
	height: 42px;
	background: #444;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 10px;
}

.commplaceholder li:nth-child(2) {
	width: 20%;
	height: 1em;
	background: #444;
	position: absolute;
	left: 60px;
	top: 10px;
}

.commplaceholder li:nth-child(3) {
	width: 40%;
	height: 1em;
	background: #444;
	position: absolute;
	left: 60px;
	top: calc(1em + 12px);
}

.commplaceholder li:nth-child(4) {
	width: calc(100% - 150px);
	height: 3em;
	background: #444;
	position: absolute;
	left: 60px;
	top: calc(2em - -14px);
}

.commplaceholder li:nth-child(5) {
	width: 65px;
	height: 85px;
	background: #444;
	position: absolute;
	right: 10px;
	top: 10px;
}

.commplaceholder li:nth-child(6) {
	width: 20%;
	height: 1em;
	background: #444;
	position: absolute;
	left: 60px;
	top: 100px;
}

.commplaceholder li:nth-child(7) {
	width: 60px;
	height: 30px;
	background: #444;
	position: absolute;
	left: 60px;
	top: 120px;
	border-radius: 4px;
}

.commplaceholder li:nth-child(8) {
	width: 30px;
	height: 30px;
	background: #444;
	position: absolute;
	right: 10px;
	top: 120px;
	border-radius: 50%;
}

.commplaceholder li:nth-child(9) {
	width: 30px;
	height: 30px;
	background: #444;
	position: absolute;
	right: 50px;
	top: 120px;
	border-radius: 50%;
}

.commplaceholder li:nth-child(10) {
	width: 30px;
	height: 30px;
	background: #444;
	position: absolute;
	right: 90px;
	top: 120px;
	border-radius: 50%;
}

.commplaceholder li:nth-child(11) {
	width: 30px;
	height: 30px;
	background: #444;
	position: absolute;
	right: 130px;
	top: 120px;
	border-radius: 50%;
}

body.artview .gridplaceholder,
body#pages .gridplaceholder {
	display: none;
}

body.artview .gridplaceholder:nth-child(1),
body#pagew .gridplaceholder:nth-child(1) {
	display: inline;
	height: 50vh;
	width: calc(100vw - 10px);
	border-radius: 10px 10px 0 0;
	margin-top: 80px;
	margin-bottom: 1px;
}

body.artview .gridplaceholder:nth-child(2),
body#pagew .gridplaceholder:nth-child(2) {
	display: block;
	height: 25vh;
	width: calc((100vw / 3) - 5px);
	border-radius: 0 0 0 10px;
}

body.artview .gridplaceholder:nth-child(3),
body#pagew .gridplaceholder:nth-child(3) {
	display: block;
	height: 25vh;
	width: calc((100vw / 3) - 6px);
	border-radius: 0;
	margin-left: 1px;
}

body.artview .gridplaceholder:nth-child(4),
body#pagew .gridplaceholder:nth-child(4) {
	display: block;
	height: 25vh;
	width: calc((100vw / 3) - 6px);
	border-radius: 0 0 10px 0;
	margin-left: 1px;
}

@keyframes pulse {
	0% {
		background-color: #222;
	}

	100% {
		background-color: #555;
	}
}

#t2sRead {
	color: grey !important;
	display: inline;
	padding: 0;
	margin: 0;
}

#t2storead {
	color: white !important;
	display: inline;
	padding: 0;
	margin: 0;
}

#swiperBackVol {
	position: relative;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	-moz-border-radius-bottomright: 4px
	/*{cornerRadius}*/
	;
	-webkit-border-bottom-right-radius: 4px
	/*{cornerRadius}*/
	;
	-khtml-border-bottom-right-radius: 4px
	/*{cornerRadius}*/
	;
	border-bottom-right-radius: 4px
	/*{cornerRadius}*/
	;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	-moz-border-radius-bottomleft: 4px
	/*{cornerRadius}*/
	;
	-webkit-border-bottom-left-radius: 4px
	/*{cornerRadius}*/
	;
	-khtml-border-bottom-left-radius: 4px
	/*{cornerRadius}*/
	;
	border-bottom-left-radius: 4px
	/*{cornerRadius}*/
	;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	-moz-border-radius-topright: 4px
	/*{cornerRadius}*/
	;
	-webkit-border-top-right-radius: 4px
	/*{cornerRadius}*/
	;
	-khtml-border-top-right-radius: 4px
	/*{cornerRadius}*/
	;
	border-top-right-radius: 4px
	/*{cornerRadius}*/
	;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}

.ui-widget {
	font-family: Verdana, Arial, sans-serif;
	/* font-size: 1.1em; */
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}

.ui-widget-content a {
	color: #222222
	/*{fcContent}*/
	;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	-moz-border-radius-bottomright: 4px
	/*{cornerRadius}*/
	;
	-webkit-border-bottom-right-radius: 4px
	/*{cornerRadius}*/
	;
	-khtml-border-bottom-right-radius: 4px
	/*{cornerRadius}*/
	;
	border-bottom-right-radius: 4px
	/*{cornerRadius}*/
	;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	-moz-border-radius-bottomleft: 4px
	/*{cornerRadius}*/
	;
	-webkit-border-bottom-left-radius: 4px
	/*{cornerRadius}*/
	;
	-khtml-border-bottom-left-radius: 4px
	/*{cornerRadius}*/
	;
	border-bottom-left-radius: 4px
	/*{cornerRadius}*/
	;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	-moz-border-radius-topright: 4px
	/*{cornerRadius}*/
	;
	-webkit-border-top-right-radius: 4px
	/*{cornerRadius}*/
	;
	-khtml-border-top-right-radius: 4px
	/*{cornerRadius}*/
	;
	border-top-right-radius: 4px
	/*{cornerRadius}*/
	;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	-moz-border-radius-topleft: 4px
	/*{cornerRadius}*/
	;
	-webkit-border-top-left-radius: 4px
	/*{cornerRadius}*/
	;
	-khtml-border-top-left-radius: 4px
	/*{cornerRadius}*/
	;
	border-top-left-radius: 4px
	/*{cornerRadius}*/
	;
}

a.ui-slider-handle.ui-state-default.ui-corner-all {
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

#swiperBackVolC {
	position: absolute;
	bottom: 48px;
	left: 15px;
	width: 4px;
	background-color: #333;
	color: white;
}

#swiperHead {
	font-size: 1.7em;
	color: white;
	padding-left: 20px;
	position: absolute;
	top: 20px;
	background: #000000a1;
	padding: 10px;
	left: -100%;
	max-width: calc(100% - 70px);
	white-space: pre-wrap;
}

#swiperFoot {
	font-size: 1.3em;
	color: white;
	padding-left: 20px;
	position: absolute;
	bottom: 10px;
	background: #000000a1;
	padding: 10px;
	left: -100%;
	max-width: calc(100% - 70px);
}

.hilight table.vote_para i {
	border-color: red;
	color: red;
}

.initial.endofattch {
	/* margin-bottom: 1em; */
	/* margin-top: 2em; */
}

.fullwidth.hilight {
	margin-bottom: calc(0px - 4em + 10px);
	margin-top: -18px;
	z-index: 20;
}

.artmenu {
	position: relative;
}

.artmenu>div.popm {
	left: 10px;
	top: -10px;
	width: min-content;
}

.artmenu>div.popmbox {
	margin-left: 10px;
	margin-top: -5px;
}

.artmenu span {
	left: -8px !important;
	white-space: nowrap;
	padding-bottom: 7px;
}

.artmenu>.popm.popmon {
	left: 35px;
	top: 2px;
}

div.profilefeedtray,
div.profilefeedyy {
	padding: 0;
	margin-top: -5px;
	margin-bottom: 3px;
}

.replyingtocomm {
	background-color: whitesmoke;
	border: 1px solid silver;
	width: calc(100% - 18px);
}

.replyingtocomm>.streampic {
	right: 50px;
}

h4 {
	font-weight: normal;
	color: grey;
}

i.editdocimg {
	position: absolute;
	left: 20px;
	top: 20px;
	border: 2px solid red;
	height: 2em;
	width: 2em;
	background-color: black;
	line-height: 2em;
}

.dlg {
	min-width: 50vw;
	padding: 10px;
	background: whitesmoke;
	border: 1px solid silver;
	z-index: 100;
	box-shadow: 0 0 10px black;
	display: inline-block;
	max-width: 80vw;
	display: none;
}

.dlgbtn {
	float: right;
	font-size: 1.3em;
	cursor: pointer;
}

span.dlghead {
	text-align: center;
	padding: 5px;
	width: calc(100% - 10px);
	background-color: #333;
	color: white;
	cursor: default;
}

p.dlgmsg {
	padding: 10px;
	color: grey;
	display: inline-block;
	font-size: 2em;
	margin: 20px 0 0 0;
	width: calc(100% - 20px);
	word-break: break-all;
}

.flg>div {
	min-height: 32px;
}

#voicelist {
	background-color: transparent;
	padding: 4px;
	height: auto;
}

.t2slang select {
	background-color: transparent;
	border: 0;
	color: gray;
	font-size: 16px;
	margin: 0px -10px 0px -5px !important;
}

.btnoption {
	display: inline-block;
	font-size: 14px;
	border: 1px solid silver;
	padding: 6px;
	color: grey;
	margin-top: 10px;
	margin-left: 10px;
	text-transform: uppercase;
	border-radius: 4px;
	cursor: pointer;
}

.btnread,
.btnlanguage,
.btnvoice {
	float: right;
	font-size: 14px;
	border: 1px solid silver;
	padding: 6px;
	color: grey;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: -10px;
	text-transform: uppercase;
	border-radius: 4px;
	cursor: pointer;
}

.btnread i {
	font-size: 10px;
	border: 1px solid silver;
	padding: 3px;
	color: grey;
	position: relative;
	top: -3px;
	right: -3px;
	margin: 0;
	margin-bottom: -14px;
}

.btnread {
	border-radius: 4px 20px 20px 4px;
}

.btnvoice select {
	border: 0px;
	color: grey;
	margin-top: -6px !important;
	margin-bottom: -5px !important;
}

.btnlanguagefloat {
	border: 1px solid silver;
	float: right;
	padding: 0;
	margin-bottom: -21px;
	margin-right: 5px;
	margin-left: -6px;
	border-left: 1px solid white;
	margin-top: 10px;
	padding: 3px 0 2px 0;
}

.btnlanguagefloat>div {
	color: transparent;
	height: 2.3em;
}

.btnlanguagefloat .goog-te-combo {
	border: 0;
	background-color: transparent;
	color: grey;
	margin: -3px 0 !important;
	padding: 7px !important;
}

.floatvoice,
.floatlanguage {
	position: absolute;
	color: grey !important;
	right: 10px;
	z-index: 10 !important;
	width: auto;
	min-width: 25%;
}

.floatvoice:focus,
.floatlanguage:focus {
	border: 1px solid silver;
}

.floatlanguage {
	opacity: 0;
}

.floatlanguage .goog-te-combo {
	border: 0px;
	color: grey;
}

.floatvoice {
	font-size: 14px;
	line-height: 14px;
}

.selectlanguage {
	border: 0;
	width: 100%;
	color: grey;
	font-size: 14px;
	margin-bottom: -20px;
}

.goog-tooltip {
	display: none !important;
}

.filtercomm {
	float: right;
	border: 1px solid silver;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 50px;
	color: grey;
}

.filtercomm:after {
	content: "SHOW MORE";
}

.result.bottomscreen {
	bottom: 64px;
	border-bottom: 1px solid grey;
}

span.debugid {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 8px;
}

.btnoff {
	background-color: #333 !important;
	border-color: grey !important;
}

.btnoff:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f7a4";
	color: grey;
	position: absolute;
	left: -0.05em;
	top: -0.05em;
	text-align: center;
	line-height: 50px;
	font-size: 3em;
	transform: rotate(45deg);
	opacity: 0.5;
}

.btnoff>i {
	color: grey !important;
}

.securityicon {
	opacity: 0;
	height: 0;
}

i.swiperindexbtn {
	position: absolute;
	right: 10px;
	top: 5px;
	color: white;
	font-size: 26px;
	padding: 10px;
}

#swiperplaybtn {
	position: absolute;
	right: 60px;
	top: 10px;
	color: white;
	font-size: 1.5em;
	padding: 5px 10px;
	border: 1px solid silver;
	line-height: 1.5em;
	border-radius: 4px .8em .8em 4px;
}

div#swiperoutline {
	display: inline-block;
	width: calc(100vw - 4px);
	color: grey;
	background: #1c1e21;
	font-size: 2em;
	overflow-x: hidden;
	padding: 140px 0px 100px 2px;
}

div#swiperoutline .btnbar {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 58px;
	left: 0;
}

div#swiperoutline .btnbar>div {
	border: 1px solid silver;
	flex: none;
	margin: auto;
	padding: 5px 20px;
}

div#swiperoutline .btnbar>div>i {
	margin-right: 10px;
}

div#swiperoutline p {
	white-space: nowrap;
	padding-left: 0.5em;
	width: calc(100vw - 0.5em - 2px);
	line-height: 2em;
	cursor: pointer;
	color: white;
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: space-between;
	overflow: hidden;
}

div#swiperoutline p span:nth-of-type(2) {
	flex-grow: 1;
	border-bottom: 1px dashed grey;
	height: 1.5rem;
}

div#swiperoutline li {
	white-space: nowrap;
	padding-left: 10px;
	margin-left: 2em;
	width: calc(100% - 62px);
	line-height: calc(1em - -18px);
	cursor: pointer;
	display: inline-block;
	position: relative;
}

div#swiperoutline img {
	content: url(/images/star0.png);
	transform: rotate(90deg);
	width: auto;
	height: 1.5em;
	margin-left: -40px;
	margin-right: 15px;
	margin-bottom: -8px;
	opacity: 0.2;
}

div#swiperoutline li.fav img {
	content: url(/images/star1.png);
	transform: rotate(90deg);
	opacity: 1;
}

div#swiperoutline li:hover,
div#swiperoutline li:hover>i,
div#swiperoutline p:hover {
	background: grey;
	color: #333;
}

div#swiperoutline li:hover>i {
	color: #333 !important;
}

div#swiperoutline li:hover>i:hover {
	background-color: white !important;
}

#swiperoutline ul {
	display: none;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width: calc(100% - 4px);
	font-size: 1rem;
}

#swiperoutline ul li span {
	flex-grow: 1;
	overflow: hidden;
	white-space: nowrap;
}

#swiperoutlinecurrout {
	border: 1px solid red;
	background-color: var(--redback);
}

#swiperoutline .navbtn {
	border-radius: 2px;
	border-width: 1px;
	padding: 0 0.25em;
	font-size: .8em;
	width: auto;
	height: auto;
	border-color: grey;
	font-size: 0.8rem;
	margin: 0 0.25em;
}

#swiperoutline .navscrollcontent {
	float: right;
	margin-right: 10px;
}

#swiperoutline .navbtn:nth-child(4) {
	border-radius: 4px .8em .8em 4px;
	padding-right: 2.5em;
}

#swiperoutline .navbtn .fa-glasses {
	color: grey;
	border-radius: 50%;
	border: 1px solid grey;
	width: 1em;
	height: 1em;
	line-height: 1em;
	font-size: 0.8em;
	margin-left: 7px;
	padding: 5px;
	margin-top: 3px;
	position: absolute;
	text-align: center;
}

.loadmorecontent {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid silver;
	color: grey;
	text-align: center;
	padding: 5px 10px;
}

.loadmorecontent::before {
	content: "SHOW MORE";
}

.taskcalendar {
	padding: 10px;
}

.taskcalendar i.prev-month {
	font-size: 1.17em;
	float: left;
	padding: 0.5em 1em;
	margin-top: -0.5em;
	cursor: p;
}

.taskcalendar i.next-month {
	font-size: 1.17em;
	float: right;
	padding: 0.5em 1em;
	margin-top: -0.5em;
	cursor: pointer;
}

.taskcalendar h3 {
	text-align: center;
}

#taskcalendar {
	border-collapse: separate;
}

#taskcalendar .today {
	/* border-color: red; */
	outline: 1px solid red;
	outline-offset: -2px;
}

#taskcalendar .active {
	background-color: whitesmoke;
	cursor: pointer;
}

#taskcalendar .busy {
	background-color: yellow;
	color: black;
}

#taskcalendar th {
	text-align: center;
	font-weight: 700;
}

#taskcalendar .weekendsat {
	font-weight: bold;
	background-color: #c0c0c061
}

#taskcalendar .weekendsun {
	font-weight: bold;
	background-color: #c0c0c09c
}

#taskcalendar td {
	/* border: 1px solid white; */
	padding-right: 3px;
	padding-top: 3px;
	background-color: white
}

#taskcalendar td {
	height: 2em;
	width: 2em;
	text-align: right;
}

.tasklists {
	padding: 10px
}

.taskcalendar .datevalue {
	height: 1em;
	font-size: 1.17em;
	font-weight: 900;
	padding-right: 5px;
	display: inline-block;
}

.taskcalendar .month-year {
	height: 2em;
}

#readarticle {
	font-size: 1px;
}

#swiperoutline nav {
	width: 100vw;
	position: fixed;
	top: 60px;
	left: 0;
	height: 1.5em;
}

a.paypaldonate {
	/* margin-left: 20px; */
	/* float: left; */
	/* margin-top: 40px; */
	/* margin-bottom: -100%; */
}

div.paypaldonate {
	padding-bottom: 8px;
}

div.paypaldonate:after {
	content: "Donate";
}

div.paypaldonate:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1em;
	content: "\f4c0  ";
}

.loadmorelm {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid silver;
	color: grey;
	text-align: center;
	padding: 5px 10px;
	font-style: normal;
	font-size: 1em;
}

@media only screen and (max-width:641px) {
	.loadmorelm {
		font-size: .7em;
	}
}

.loadmorelm::before {
	content: "Show More";
}

.notifydate {
	position: absolute;
	right: 20px;
	padding: 20px;
	border: 1px solid silver;
	margin-right: 20px;
	margin-top: -4em;
	background: whitesmoke;
	padding-bottom: calc(1.3em - -50px);
	z-index: 100;
}

.notifydate div {
	background: var(--backcolor3);
	padding: 5px 10px;
	margin: -20px -20px 28px -20px;
}

.notifydate>span {
	position: absolute;
	top: 40px;
	padding-left: 5px;
}

.notifydate input {
	margin-top: 5px;
	border: 1px solid silver;
}

#notifytime {
	margin-left: 5px;
}

.greenbk {
	background-color: green;
}

.notifydate i {
	font-size: 1.3em;
}

.notifydate i.fa-bookmark {
	font-size: 1em;
}

.notifydate i:hover {
	color: red;
}

#notifyremove {
	position: absolute;
	right: 70px;
	bottom: 10px;
	background-color: white;
	font-size: 1rem !important;
	padding: 7px;
	border-radius: 50%;
	border: 2px solid gray;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.3em;
	color: black;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	z-index: 2;
}

#notifyaccept {
	position: absolute;
	right: 20px;
	bottom: 10px;
	background-color: white;
	font-size: 1rem !important;
	padding: 7px;
	border-radius: 50%;
	border: 2px solid gray;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.3em;
	color: black;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	z-index: 2;
}

#notifyremove:hover,
#notifyaccept:hover {
	border-color: var(--redborder);
}

#notifyclose {
	float: right;
}

#calendardata article {
	/* width: 100%; */
	min-height: auto;
	/* display: flex; */
	flex-direction: row;
	flex-wrap: wrap;
	/* align-content: flex-start; */
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5em;
	/* max-width: 264px; */
}

#calendardata section {
	width: 17%;
	height: auto;
	aspect-ratio: 9/16;
	border-radius: 4px;
	display: inline-block;
}

#calendardata section .headinggrid {
	font-size: 0.6em;
	padding: 3px;
	text-align: left;
}

#taskcalendar .dayhastasks {
	outline: 1px solid blue;
	outline-offset: -1px;
}

.notifybell {
	position: absolute;
	z-index: 1;
	right: 70px;
	width: 2em;
	height: 2em;
	align-items: center;
	font-size: 1.3em;
	border-radius: 50%;
	background-color: #3333338a;
	text-align: center;
	line-height: 2em;
	color: white;
	margin-bottom: -2em;
	margin-top: 5px;
}

#briefcase section {
	width: calc(20vw - 18px);
	height: calc((20vw - 18px) * 9 / 6);
}

section.gridpad {
	border-color: transparent !important;
	background-color: transparent !important;
}

.tray_container .trays {
	/* margin-bottom: -5px; */
}

div#readerContent {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	font-size: 1px;
	background-color: transparent;
	z-index: 1000;
	max-width: 100vw;
	max-height: 1px;
	color: transparent;
}

div#readerContent p {
	padding: 0;
	margin: 0;
	display: inline;
}

div#readerContent font {
	color: transparent;
}

span.findtextlo {
	background-color: yellow;
	/* padding: 0 4px; */
	color: black;
	/* outline: 1px solid black; */
	/* margin-left: 10px; */
	/* margin-right: 10px; */
	display: inline;
}

#findtextdlg {
	position: fixed;
	top: 60px;
	width: 100vw;
	z-index: 10001;
	height: auto;
	padding: 10px;
	font-size: 1rem;
	/* border-bottom: 1px solid black; */
	background-color: whitesmoke;
}

#findtextdlg .btnbar {
	background-color: transparent;
	border-color: transparent;
	padding: 5px;
	width: 100%;
	margin: 10px 0 0 0;
}

#findtextdlg input {
	padding: 5px;
	font-size: 1rem;
	width: calc(100% - 2rem - 102px);
	border: 2px solid silver;
	height: 1.3rem;
}

#findtextdlg i {
	width: 2rem;
	text-align: center;
	border: 2px solid silver;
	height: 2rem;
	line-height: 2rem;
	border-radius: 50%;
	margin-left: 10px;
	color: silver;
	background: white;
}

#findtextdlg div.search {
	margin-right: 10px;
}

span.findString.findtexthi {
	background: green;
	color: white;
}

#findtextcnt {
	font-size: 0.5em;
	position: absolute;
	right: 25px;
	bottom: 3px;
	color: gray;
}

li.liexp {
	white-space: break-spaces !important;
	line-height: 1em !important;
}

.translate>ul {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	margin-inline-start: 0 !important;
	margin-inline-end: 0 !important;
	padding-inline-start: 0 !important;
	display: inline !important;
	margin: 0 !important;
	width: auto !important;
	height: auto;
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
	float: left;
}

.translate>ul>li,
.translate>p {
	font-size: 1px !important;
	display: inline !important;
	line-height: 1px !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	width: 1px !important;
	overflow-x: auto !important;
	white-space: break-spaces !important;
	height: 1px !important;
	list-style-type: none;
}

.translate i,
.translate img {
	height: 0 !important;
	width: 0 !important;
	display: none !important;
	margin: 0 !important;
	font-size: 0 !important;
	line-height: 0px !important;
}

.translate font {
	background-color: red;
}

.transarray {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10002;
	color: black;
	background-color: white;
	display: inline-block;
}

.transarray p {
	display: inline;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	float: left;
}

.transarray font {
	display: inline;
}

.paraline.sl {
	height: 3px;
	overflow: hidden;
}

.imagepaceholder {
	background: #111;
	width: calc(100% - 30px);
	height: 100px;
	margin-left: 10px;
	border: 1px solid gray;
	margin-bottom: 10px;
}

/*
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
    background-color: #71717100;
    color: white;
} */
.pmchateof {
	color: white;
	background-color: #00800082;
	padding: 20px;
	margin-right: 10px;
	text-align: center;
}

#swiperoutline ul li {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	justify-content: flex-start;
	width: calc(100% - 4em);
}

#swiperoutline .fa-share-alt {
	/* background-color: #333; */
	/* position: absolute; */
	/* right: -7px; */
	padding: 9px;
	color: grey !important;
}

#swiperoutline .fa-star {
	/* position: absolute; */
	/* right: 50px; */
	padding: 9px;
}

#swiperoutline ul li.fav .fa-star {
	color: gold !important;
	font-weight: 900 !important;
}

#swiperoutline ul li.video:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f008";
	color: grey !important;
	width: 22px;
	max-width: 22px;
	min-width: 22px;
	text-align: center;
}

#swiperoutline ul li.paragraph:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: "\f15c";
	color: grey !important;
	width: 22px;
	max-width: 22px;
	min-width: 22px;
	text-align: center;
}

#swiperoutline>p i {
	float: right;
	line-height: 1.7em;
	padding: 0 0.5em;
	position: relative;
	top: -0.2em;
	margin-bottom: -0.2em;
}

#swiperoutline>p i:hover {
	background: white;
	color: black;
}

#swiperoutlinecurrout>i {
	background: red;
	color: white;
}

#swiperoutlinecurrout>i.fa-sort-up {
	padding-top: 0.4em;
	margin-bottom: -0.7em;
}

#swiperoutline>p i.fa-sort-up {
	padding-top: 0.4em;
	margin-bottom: -0.7em;
}

.header p.para {
	color: grey;
}

#ibtnSA img {
	width: 35px;
	height: 35px;
	margin-top: -3px;
}

.searchsection {
	color: grey;
}

.searchsection .title {
	color: black;
}

article p.searchsection {
	padding-left: 20px;
	padding-right: 20px;
}

body#pagebrowse #ajax_msg_messages .btnbar {
	position: fixed;
	top: 57px;
	z-index: 100;
	background-color: black;
	width: calc(100vw - 8px);
}

body#pagebrowse #ajax_msg_messages .btnbar .toolbarbtn {
	color: white;
	background-color: black
}

body#pagebrowse #ajax_msg_messages .btnbar i {
	color: white;
	background-color: black
}

body#pagebrowse #ajax_msg_messages .msgsearch {
	position: fixed;
	top: 103px;
	width: calc(100vw - 10px);
	z-index: 100;
	background-color: var(--backcolor2);
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid black;
}

body#pagebrowse #ajax_msg_messages {
	padding-top: 100px;
}

/* body#body #ajax_msg_messages #searchinput {
  max-width: 210px;
} */
.streamitem .avatarpic i {
	width: 90%;
	height: 90%;
	padding-top: 10%;
}

div.msgheart {
	background-position: 7px 6px;
	background-size: 80%;
}

input.linkheading {
	padding: 5px;
	/* margin-left: 10px; */
	width: 50%;
	border-radius: 5px;
}

input.chapterheading {
	padding: 5px;
	/* margin-left: 10px; */
	width: calc(100% - 1em);
	border-radius: 5px;
}

input.amount {
	padding: 5px;
	margin-left: 10px;
	width: 41%;
	border-radius: 5px;
}

p.paralink a {
	border: 1px solid grey;
	text-decoration: none;
	/* color: white; */
	padding: 5px 10px;
	cursor: pointer;
	margin-bottom: 1em;
}

div.editlink {
	font-size: 0.7em !important;
}

.paraline .editlink {
	color: silver;
	padding: 8px;
	word-break: break-all;
	font-size: .8em;
	border: 1px solid grey;
	width: fit-content;
	cursor: text;
	z-index: 3;
	position: relative;
	cursor: pointer;
}

.editlink.justify1 {
	margin-left: auto;
}

.editlink.justify0 {
	margin-left: auto;
	margin-right: auto;
}

div.linkurl {
	float: right;
	border: 1px solid silver;
}

a.visiturl {
	border: 1px solid grey;
	line-height: 37px;
	float: right;
	margin-right: 20px;
	color: grey;
	text-decoration: none;
	padding-right: 10px;
}

a.visiturl>img {
	float: left;
	padding-right: 10px;
}

a.visiturl:before {
	content: "Next";
}

a.visiturl:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.8em;
	content: "  \f054\f054";
}

.attachments>div:nth-child(1) {
	padding-top: 2em;
}

.endofattch>div.hastagbar {
	margin-top: 2em;
}

.navscroll,
.messagescroller {
	scrollbar-width: none;
}

.messagescroller {
	padding-bottom: 100px;
	position: relative;
}

iframe#mobileapp_iframe::-webkit-scrollbar {
	width: 0 ! important
}

.ui-loader-default {
	display: none;
}

#searchinput {
	padding: 5px;
	width: calc(100% - 91px);
}

.searchIndexH>select {
	float: left;
	line-height: 1em;
	font-size: 1em;
	padding: 5px 0;
	border: 1px solid silver;
}

.searchIndexH>select:nth-of-type(2n) {
	margin: 0 5px;
}

#searchclear {
	margin-left: 5px;
}

#searchBookPH {
	float: left;
	color: white;
	padding: 7px 0;
	max-width: calc(100vw - 290px);
	text-overflow: ellipsis;
	max-height: 1em;
	overflow: hidden;
	line-height: 1em;
}

#ajax_msg_messages .messagescroller {
	/* height: 100vh; */
	/* overflow-y: auto; */
	height: calc(100% - 95px);
	padding-bottom: 100px;
}

#searchgo1 {
	float: right;
	margin-right: 5px;
}

body.wall {
	padding-top: 60px;
}

body.artview {
	/* padding-top: 0; */
	position: relative;
	background-color: black;
	background-image: url(https://i.mmoo.website/media/729857/729857/avatar-large.webp);
	background-size: 40vw;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0;
}

body.mobileapp {
	padding-top: 0;
}

body.mobileapp .profilehead {
	padding-top: 10px;
}

body#pagebrowse.mobileapp #ajax_msg_messages .btnbar {
	top: -4px;
}

body#pagebrowse.mobileapp #ajax_msg_messages .msgsearch {
	top: 39px;
	background-color: black;
}

body#pagebrowse {
	background-color: var(--backcolor2);
}

.cookieconsent {
	border: 1px solid white;
	background: #333;
	color: white;
	bottom: 0;
	position: fixed;
	padding: 20px;
	z-index: 1000;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.3em;
	line-height: 1.5em;
	max-width: 430px;
}

.cookieconsent button {
	font-size: 0.8em;
	float: left;
	width: auto;
	padding: 5px 20px 5px 20px;
	min-width: 20%;
}

.cookieconsent a {
	color: white;
}

.cookieconsent button:nth-of-type(2) {
	margin: 0 10px;
}

.iwap_content {
	margin: 0;
	padding: 0;
	height: 100vh;
	overflow: auto;
}

label.area>textarea {
	padding: unset;
	border: 1px solid silver;
}

label.f {
	width: auto;
}

.searchsection .searchcnt {
	font-size: .7em;
	line-height: 20px;
	text-align: right;
	color: white;
	background: black;
	opacity: 0.6;
	border-radius: 12px 0 0 0;
	position: absolute;
	right: 0;
	bottom: calc(1em - -16px);
	padding: 0 5px 0 10px;
	height: calc(1em - -10px);
}

div.appbar {
	background-color: #1e88e5;
	color: white;
}

div.appbar {
	width: calc(100% - 10px);
	display: inline-block;
	line-height: 40px;
	font-size: 28px;
	padding: 5px;
}

div.appbar i:nth-of-type(1) {
	float: left;
	padding: 0 5px;
	line-height: 15px;
	font-size: 28px;
}

div.appbar i:nth-of-type(2) {
	float: right;
	padding: 0 5px;
	line-height: 15px;
	font-size: 28px;
}

div.appbar.main_heading {
	font-size: 20px;
}

div.appbar h3 {
	font-size: 15px;
	line-height: 15px;
}

i.far.fa-trash-alt.pmmenu {
	float: right;
	color: white;
	border: 1px solid white;
	padding: 8px;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	background-color: var(--backcolor3);
	margin-bottom: -2em;
	text-align: center;
}

body.notifypm i.far.fa-trash-alt.pmmenu {
	color: red;
	right: 10px;
	position: absolute;
	text-align: center;
}

body.notifypm .fa-sms {
	color: var(--navhiback);
	margin-right: 10px;
}

.searchinput {
	width: 100%;
	display: inline-block;
}

#searchclear {
	width: 28px;
	font-size: 1rem;
	float: left;
}

#searchgo,
#searchgo1 {
	width: 28px;
	font-size: 1rem;
	float: right;
}

.paraline.pagebreak {
	width: calc(100% - 2em);

	!i;
	!;
	position: relative;
	cursor: pointer;
	font-size: 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
}

.nextpb,
.priorpb {
	/* float: right; */
	/* margin-right: 10px; */
	/* border: 1px solid grey; */
	padding: 1em;
	font-size: 1em;
	line-height: 1em;
	/* text-align: center; */
	color: grey;
	/* border-radius: 4px; */
	clear: both;
}

body.swiperapp .bluebar {
	display: none;
}

body.swiperapp #swiperContent {
	height: calc(100vh - 60px)
}

body.swiperapp #swiperoutline nav {
	top: 0px;
	padding-left: 0;
	height: auto;
	position: fixed;
}

body.swiperapp div#swiperoutline {
	margin-top: 45px;
	padding: 20px 0px 100px 10px;
	height: calc(100vh - 165px);
}

body.swiperapp nav div.navscroll {
	height: auto;
}

.nativeapp i {
	font-size: 5em;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -65%);
}

html.whatsnew {
	scroll-snap-type: y mandatory;
	/* scroll-padding: 50%; */
}

body.whatsnew {
	font-size: .8rem;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	overflow: auto;
	height: auto;
	display: initial;
}

.whatsnew>.bluebar {
	width: 100%;
	display: inline-block;
	background-color: transparent;
}

body.whatsnew:not(.whatsnewscroller) .aico_feed {
	background-color: transparent !important;
	position: fixed;
}

body.whatsnew:not(.whatsnewscroller) .appheading {
	display: none;
	background-color: red;
}

body.whatsnew .appheading {
	display: none;
}

body.whatsnew .bluebar {
	position: fixed !important;
	top: 0;
	margin-bottom: -100%;
	background-color: red;
}

.whatsnew {
	/* position: relative; */
	width: 100%;
	/* height: auto; */
	background: black;
	color: white;
}

.whatsnew_head {
	display: inline-block;
	width: 100%;
	padding: 1em 0.5em 1em 0.5em;
	left: 0;
	/* background-color: red !important; */
}

.whatsnew_content {
	position: relative;
	height: auto;
}

.whatsnew_card-cont {
	position: relative;
	width: 100vw;
	height: auto;
	margin: 0;
}

.whatsnew_card {
	position: relative !important;
	/* left: 0;
	top: 0; */
	width: 100vw !important;
	height: 100vh !important;
	background-color: black;
	overflow: hidden;
	/* display: none; */
	scroll-snap-align: start;
}

.whatsnew .articleroundbuttons {
	position: fixed;
	bottom: 9.5em;
	z-index: 3;
	right: 0.5em;
	background: black;
	padding: 0.5em;
	border-radius: 2em;
	display: none;
}

.whatsnew .articleroundbuttons i {
	padding: 0;
	left: unset;
}

.whatsnew .articleroundbuttons a {
	font-size: 1rem;
	width: 1.3em !important;
	height: 1.3em !important;
	aspect-ratio: 1;
	text-align: center;
	line-height: 1em;
	border: 2px solid silver;
	margin-right: 1em;
}

.whatsnew .result {
	display: none !important;
}

.whatsnew .articleroundbuttons>a:last-child {
	background-color: #333;
	margin-right: 0;
}

.whatsnew .articleroundbuttons>a:nth-child(1)>i {
	margin-left: 3px;
}

.whatsnew .articleroundbuttons>a:nth-child(2)>i {
	margin-left: 3px;
}

.whatsnew .articleroundbuttons>a:nth-child(3) {
	background-size: 1.4em;
}

.whatsnew .articleroundbuttons>a:nth-child(4)>i {
	margin-left: 3px;
}

.whatsnew .articleroundbuttons>a:nth-child(5)>i {
	margin-left: 2px;
}

.whatsnew_card .avatarpic {
	width: 40px;
	height: 40px;
}

.whatsnew_card .sub_heading {
	width: calc(100% - 165px);
}

.whatsnew_card.card {
	font-size: 2rem;
}

.whatsnew_card.reset {
	transition: transform 0.3s;
	transform: translateX(0) !important;
}

.whatsnew_card.reset {
	transition: opacity 0.3s;
	opacity: 0 !important;
}

.whatsnew_card.inactive {
	transition: transform 0.3s;
}

.whatsnew_card.to-left {
	transform: translateX(-30rem) rotate(-30deg) !important;
	z-index: 3;
}

.whatsnew_card.to-right {
	transform: translate(30rem) rotate(30deg) !important;
	z-index: 3;
}

.whatsnew_card.below {
	z-index: 1;
}

.whatsnew_active {
	z-index: 6;
}

.whatsnew_card_img,
.whatsnew_card>div.half {
	background-size: contain;
}

.whatsnewsmaller {
	background-size: cover;
}

.whatsnew_card_img,
.whatsnew_card>div.half {
	overflow: hidden;
	width: 100%;
	height: calc(100% - 0px);
	background-repeat: no-repeat;
	background-position: center;
	cursor: -webkit-grab;
	cursor: grab;
	top: 0px;
	position: relative;
	/* height: auto; */
	/* background-size: cover; */
}

.whatsnew_card_name {
	text-align: left;
	font-size: 0.8rem;
	color: #fff;
	background-color: black;
}

.whatsnew_card_drag {
	z-index: 5;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: -webkit-grab;
	cursor: grab;
}

.whatsnew_tip {
	text-align: center;
	font-size: 2.2rem;
}

.whatsnew_head .main_heading {
	/* background: blue; */
	width: calc(100% - 9rem);
	line-height: 1em;
	position: absolute;
	left: 55px;
	top: unset;
}

.whatsnew_head .sub_heading {
	/* background: green; */
	width: calc(100% - 9rem);
	position: absolute;
	left: 55px;
	max-height: 2em;
	top: 2.3em;
	white-space: normal;
	line-height: 1em;
}

.whatsnew_head .paragraph {
	/* background: yellow; */
	width: calc(100% - 10rem);
	line-height: 1em;
	height: 2.3em;
	overflow: hidden;
	color: white;
	position: absolute;
	left: 5rem;
	line-height: 1.3em;
}

.whatsnew_head .avatarpic {
	width: 40px;
}

.whatsnew_card .action_img_tm {
	padding-top: 5px;
	width: calc(100% - 170px) !important;
	background-color: transparent;
	color: white;
	font-size: 0.7em;
	position: absolute;
	top: calc(40px - -2em);
	white-space: nowrap;
	overflow-x: hidden;
}

.whatsnew_card .action_img_tm span {
	float: left;
}

.whatsnew_card .advert {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	left: 0;
}

.whatsnew_article span:first {
	line-height: 40px;
	margin-top: -40px;
	padding-left: 30px;
	font-size: 1rem;
}

.whatsnew_article,
.whatsnew_fav,
.whatsnew_voteup,
.whatsnew_votedown,
.whatsnew_share,
.whatsnew_play {
	align-content: center;
	background-color: #33333382;
	border-radius: 50%;
	color: white;
	float: left;
	font-size: 1.3em;
	height: 1.3em;
	line-height: 1.5em;
	padding: 0.4em;
	position: fixed;
	right: 1em;
	text-align: center;
	width: 1.3em;
	z-index: 3;
	cursor: pointer;
}

.whatsnew_article>span,
.whatsnew_fav>span,
.whatsnew_voteup>span,
.whatsnew_votedown>span,
.whatsnew_share>span,
.whatsnew_play>span {
	font-size: 0.7rem;
	text-align: center;
	position: absolute;
	bottom: -1.4em;
	margin: 0px;
	padding: 5px 5px 2px 5px;
	line-height: 0.7em;
	background: #33333382;
	border-radius: 11px;
	transform: translateX(-50%);
	left: 50%;
}

.whatsnew_voteup {
	bottom: 19.5em;
}

.whatsnew_votedown {
	bottom: 16em;
}

.whatsnew_share {
	bottom: 12.5em;
}

.whatsnew_article {
	bottom: 9em;
}

.whatsnew_fav {
	bottom: 5.5em;
}

.whatsnew_play {
	position: absolute;
	right: 1.6em;
	bottom: calc(1em - -1px);
	background-color: #333;
	/* border: 2px solid white; */
}

.whatsnew_article img,
.whatsnew_votedown img {
	margin-top: 5px;
}

.whatsnew_voteup.active>i,
.whatsnew_votedown.active>i,
.whatsnew_fav.active>i {
	color: red;
}

.whatsnew_card {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#whatsnew_video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
	display: none;
}

.whatsnew_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: black;
	z-index: 100;
	opacity: 0.5;
}

.whatsnew_overlay:before {
	content: "\f144";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	font-size: 5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.disabled>i {
	color: silver;
}

body.whatsnewscroller .whatsnew_card>video {
	width: 100%;
	max-height: calc(100% - 50px);
	top: 50%;
	position: relative;
	transform: translateY(calc(-50% + 40px));
	height: auto;
	left: 0;
}

body.whatsnew>#swiperProgress {
	top: 0px;
	position: fixed;
	z-index: 100;
	display: none;
}

.whatsnew_card:not(body.whatsnewscroller)>video {
	width: 100%;
	max-height: 100%;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	height: auto;
	left: 0;
}

body.whatsnewscroller {
	height: 100%;
	position: relative;
}

body.whatsnewscroller .whatsnew_card {
	display: inline-block;
	position: relative;
}

body.whatsnewscroller .whatsnew_content {
	overflow: unset;
}

body.whatsnew i.videoplaypause {
	position: absolute;
	left: 1em;
	top: 1em;
	font-size: 2em;
	opacity: .2;
}

body.whatsnew i.videomuteunmute {
	position: fixed;
	top: 1em;
	align-content: center;
	background-color: #33333382;
	border-radius: 50%;
	color: white;
	float: left;
	font-size: 1.3em;
	height: 1.3em;
	line-height: 1.5em;
	padding: 0.4em;
	right: 1em;
	text-align: center;
	width: 1.3em;
	z-index: 3;
	cursor: pointer;
	/* border: 2px solid white; */
}

.stickfoot {
	position: absolute;
	bottom: 0;
	background-color: #000000a1;
	padding: 5px;
	font-size: 0.8em;
	color: white;
}

#topbox {
	position: relative;
}

#cropimgremove {
	position: absolute;
	top: 2.5em;
	right: .5em;
	background: #000000a1;
	padding: .8em;
	border-radius: 50%;
	font-size: 1.3em;
	color: red;
	cursor: pointer;
}

.shrink {
	height: 10px !important;
}

#efheading {
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
}

#efdescription {
	font-weight: normal;
	color: gray;
	border: 1px solid whitesmoke;
}

.repostdiv {
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid #333;
	border-radius: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
}

.repostdiv>.doc_mainheader,
.repostdiv>.doc_description {
	font-size: 0.7em;
}

.repostdiv .doc_title {
	padding-bottom: 5px;
}

.repostdiv>.externalurl {
	margin-top: 30px;
}

.grid_list td i {
	line-height: 45px !important;
}

nav,
nav.top i.fas.fa-chevron-left,
nav.top i.fas.fa-chevron-right {
	background-color: black;
}

div.cropoom {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	background: whitesmoke;
	border: 1px dashed black;
}

.privatemsgfeed .avatar1 {
	width: 1.8em;
	height: 1.8em;
	top: 5px;
}

.justify1.para.addressline {
	float: right;
	text-align: left;
	margin-right: 20px;
}

#swiperflags {
	z-index: 100;
	width: calc(100vw - 110px);
	position: relative;
	left: 50px;
	background-color: black;
	padding: 5px;
	display: none;
}

#swiperflags input {
	background-color: transparent !important;
	color: white;
	border-color: transparent !important;
	width: 80%;
	float: none !important;
}

#swiperflags i {
	float: right;
	padding-top: 4px;
}

.social_scroll>a:hover {
	outline: unset !important;
}

#docmarker {
	position: absolute;
	right: 10px;
	background: var(--backcolor2);
	color: var(--textcolor2);
	padding: 20px;
	outline: 1px solid var(--redborder);
}

#docmarker input {
	background-color: var(--backcolor1);
	color: var(--infocolor);
	height: 2em;
	margin-top: -5px;
}

#docmarker i {
	font-size: 2em;
	padding-left: 10px;
	color: var(--textcolor2);
	position: relative;
	top: 6px;
}

body#pageletter table#iwapdocframe,
body#pageletter #ajax_msg_messages .messagescroller,
body#pageletter .taskcalendar,
body#pageletter .ui-accordion .ui-accordion-content,
body#pageletter .action_card {
	color: black !important;
}

/* #swiperAvatar.commopen {
	width: 10vw;
	height: 10vw;
}
div#swiperName.commopen {
	display: none;
}

#swiperText.commopen {
	font-size: 0.8em;
	width: 80vw;
}
*/
/* table.commentbox.tempcomment {
	padding-left: 40px;
	padding-right: 40px;
} */
table.commentbox.tempcomment .avatar1.fc {
	width: 32px;
	height: 32px;
	margin-bottom: 6px;
}

table.tempcomment td:first-child {
	text-align: left;
	vertical-align: bottom;
}

;

#talktxt {
	height: calc(20vw - 2em);
	max-height: 120px;
	overflow-y: scroll;
	/* background-color: blue; */
	font-size: 0.9em;
}

#talktxt.quote {
	font-size: 1.4em;
	line-height: 1.5em;
	padding-left: 20px;
	font-style: italic;
	max-height: 12em;
	overflow: clip;
}

#talktxt.quote::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.2em;
	content: " \f10d";
}

#talktxt.quote::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.2em;
	content: " \f10e";
}

div.appendcontent,
div.commcontent {
	padding: 0 5px !important;
}

.audioplayer embed {
	height: 40px;
	background: red;
	margin: 0;
	padding: 0;
	width: 80%;
	display: table;
	clear: both;
}

.audioplayer {
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	height: 40px;
	position: relative;
}

.audioplayer-playpause {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover {
	background: rgba(255, 255, 255, 0.1);
}

.audioplayer-playing .audioplayer-playpause {
	background: rgba(253, 79, 26, 0);
}

.audioplayer-playing .audioplayer-playpause:hover {
	background: rgba(235, 79, 26, 0.1);
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
	content: '';
	justify-content: center;
	width: 0;
	height: 0;
	margin: 0 0 0 2px;
	border-top: 7px solid transparent;
	border-right: none;
	border-bottom: 7px solid transparent;
	border-left: 12px solid var(--audiocolor);
	padding: 0;
}

.audioplayer-playing .audioplayer-playpause a {
	content: '';
	display: flex;
	justify-content: space-between;
	width: 12px;
	height: 14px;
}

.audioplayer-playing .audioplayer-playpause a::before,
.audioplayer-playing .audioplayer-playpause a::after {
	content: '';
	width: 4px;
	height: 14px;
	background-color: var(--audiocolorhi);
	margin: 0 0 0 2px;
	padding: 0;
}

.audioplayer-time {
	position: absolute;
	font-size: 12px;
	color: var(--audiocolor);
}

.audioplayer-time-current {
	left: 55px;
}

.audioplayer-time-duration {
	right: 12px;
}

.audioplayer-bar {
	position: relative;
	display: flex;
	margin: 20px 12px 12px 12px;
	height: 12px;
	flex-basis: 0;
	flex-grow: 1;
	cursor: pointer;
}

.audioplayer-bar::before {
	content: '';
	position: absolute;
	top: 5px;
	width: 100%;
	height: 2px;
	background-color: var(--audiocolor);
}

.audioplayer-bar>div {
	position: absolute;
	left: 0;
	top: 5px;
}

.audioplayer-bar-loaded {
	z-index: 1;
	height: 2px;
	background: #BEC8D2;
}

.audioplayer-bar-played {
	flex-direction: row-reverse;
	z-index: 2;
	height: 2px;
	background: -webkit-linear-gradient(left, var(--audioprogresscolor), var(--audioprogresscolorhi));
}

.audioplayer-bar-played::after {
	display: flex;
	position: absolute;
	content: '';
	box-sizing: border-box;
	top: -5px;
	right: -1px;
	margin-right: -5px;
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 6px;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after {
	border: 2px solid #BEC8D2;
}

.audioplayer-playing .audioplayer-bar-played::after {
	border: 2px solid #0059FF;
}

.audioplayer-volume {
	display: flex;
	align-items: center;
}

.audioplayer-volume-button {
	display: flex;
	align-items: center;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.audioplayer-volume-button a {
	display: flex;
	width: 6px;
	height: 8px;
	background-color: #9A9FB0;
	position: relative;
}

.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after {
	content: '';
	position: absolute;
}

.audioplayer-volume-button a:before {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 9px solid #9A9FB0;
	border-bottom: 8px solid transparent;
	border-left: none;
	top: -4px;
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
	left: 10px;
	top: -2px;
	width: 6px;
	height: 6px;
	border: 6px double #9A9FB0;
	border-width: 6px 6px 0 0;
	border-radius: 0 12px 0 0;
	transform: rotate(45deg);
}

.audioplayer-mute .audioplayer-volume-button a {
	background-color: #FD4F1A;
}

.audioplayer-mute .audioplayer-volume-button a:before {
	border-right: 9px solid #FD4F1A;
}

.audioplayer-volume-adjust {
	display: flex;
	align-items: center;
	margin-left: 8px;
}

.audioplayer-volume-adjust>div {
	position: relative;
	display: flex;
	width: 60px;
	height: 2px;
	cursor: pointer;
	background-color: #BEC8D2;
}

.audioplayer-volume-adjust div div {
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	background-color: #0059FF;
}

.action_card video {
	max-height: 80vh;
	max-width: 100vw;
}

/* responsive | you can change the max-width value to match your theme */
@media screen and (max-width: 679px) {
	.audioplayer-volume-adjust {
		display: none;
	}
}

.rightblock .audioplayer {
	width: 100%;
	max-width: calc(100% - 90px);
}

#accordion_language select {
	line-height: 2rem;
	height: 2rem !important;
	padding: 0;
	font-size: 1rem !important;
	color: unset !important;
	background-color: unset !important;
	border: 1px solid white !important;
	width: 200px;
}

#accordion_language .btnread,
#accordion_language .btnlanguage,
#accordion_language .btnvoice {
	float: unset;
}

#google_translate_element select {
	height: unset;
}

.a2b>div.internalurl:before {
	content: attr(data-content) !important;
}

div.on,
i.on {
	background: var(--backcolor4) !important;
	color: var(--textcolor1) !important;
}

div.whatsnew_play.holder {
	all: unset;
	font-size: 1.8em;
	line-height: 1.3em;
	float: left;
	position: absolute;
	right: 20px;
	bottom: calc(1em);
	border-radius: 50%;
	background-color: #00000073;
	padding: 5px;
	width: 1.3em;
	height: 1.3em;
	align-content: center;
	text-align: center;
	border: 2px solid grey;
	color: silver;
	z-index: 2;
}

div.whatsnew_play.holder i {
	margin-left: 5px;
}

.whatsnew_head span.paragraph {}

.whatsnew_cnt {
	font-size: 0.5em;
	position: absolute;
	/* right: -3px; */
	bottom: -18px;
}

p .audioplayer {
	width: 90%;
}

div.selfie_descriptionholder>div.audioplayer {
	width: 75%;
	margin: 60px 0px;
	left: 50%;
	transform: translateX(-50%);
}

.footersection {
	margin-top: 0px;
}

a.a2h>div.externalurl {
	background-color: var(--backcolor2);
}

a.addpagelink {
	border: 1px solid grey;
	width: 160px;
	float: right;
	margin-right: 20px;
	z-index: 10000;
	display: ruby;
	position: relative;
	background: var(--navhiback);
	line-height: 44px;
	color: white;
	text-align: right;
	padding: 0 10px 0 0;
	cursor: pointer;
	border-radius: 2px;
	overflow: hidden;
	height: 44px;
}

a.addpagelink img {
	position: absolute;
	height: 44px;
	left: 0;
	top: 0;
}

a.addpagelink div {
	width: calc(100% - 62px);
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	max-height: 45px;
}

a.addpagelink div:before {
	content: attr(data-content);
}

a.addpagelink div:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: .8em;
	content: " \f054\f054";
	padding-right: 5px;
}

.subcomment .commline {
	border-bottom: 1px solid #333;
}

.commline.hilight {
	outline: 1px solid gray;
}

body.fullscreen {
	margin: 0 !important;
	padding: 0;
}

.editdocimg.replaceaud {
	top: -25px;
}

#attachmentviews.fullwidth {
	width: calc(100% - 20px);
}

#taskcalendar .on {
	background-color: var(--navhiback) !important;
	color: var(--navhicolor) !important;
}

#mio_msg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 10px;
	width: 50vw;
	padding: 5px;
	background-color: green;
	color: white;
	font-size: 0.7rem;
	text-align: center;
	border-radius: 5px;
}

#msg_search_bar {
	padding: 5px;
	background-color: black;
	/* position: fixed;
	left:0;
	bottom: 5px; */
	width: calc(100% - 10px);
}

#msg_search_bar>input {
	width: calc(100% - 80px);
}

#ajax_msg_messages>.msgsearch {
	padding: 5px;
}

.loading {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	/* padding: 20px 10px; */
	background-color: transparent;
	color: rgb(63 81 181);
	display: inline-block;
	z-index: 100;
	margin-bottom: -100%;
}

.twobutton.loading {
	width: 32px;
}

.twobutton.close {
	margin-right: 10px;
}

.twobutton.close:before {
	content: "\f00d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.postparagraphico.twobutton:before {
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

a.twobutton.readmore.pararm.loading:after {
	content: "" !important;
	padding-left: 0;
}

#accordion_language select,
#searchinput,
#searchBook,
#searchChapter,
#searchChapterLine,
#searchChapterLine1 {
	color: grey;
	background-color: white;
	border-color: grey;
	border-radius: 4px !important;
	font-size: 1rem !important;
	border-style: solid !important;
	border-width: 1px;
	text-indent: 10px;
	clear: none !important;
}

.firebaseui-textfield.mdl-textfield .firebaseui-input {
	text-indent: 5px;
}

.firebaseui-textfield.mdl-textfield .firebaseui-input::-webkit-input-placeholder {
	/* WebKit browsers */
	text-indent: 5px;
}

.firebaseui-textfield.mdl-textfield .firebaseui-input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	text-indent: 5px;
}

.firebaseui-textfield.mdl-textfield .firebaseui-input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	text-indent: 5px;
}

.firebaseui-textfield.mdl-textfield .firebaseui-input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	text-indent: 5px;
}

#mmoo-auth-container .firebaseui-id-page-sign-in {
	background: url(https://mmoo.biz/IMAGES/bk/iwapback.jpg);
	background-size: cover;
	background-position: bottom left;
}

#mmoo-auth-container .is-upgraded>.mdl-textfield__label {
	color: grey;
}

#mmoo-auth-container .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
#mmoo-auth-container .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
	color: white;
}

#mmoo-auth-container a,
#mmoo-auth-container .firebaseui-password-reset-component {
	font-size: 12px;
	color: white;
	text-decoration: unset;
}

.firebaseui-password-reset-component button {
	max-width: 40%;
}

.firebaseui-error-wrapper {
	color: darkred;
}

div#fileuploadstatus {
	width: 100%;
	display: inline-block;
}

div.fileuploadstatus {
	display: inline-block;
	width: calc(100% - 20px);
	background: #333;
	color: white;
	padding: 0 10px;
	font-size: .8rem;
	margin-bottom: 2px;
}

div.fileuploadstatus>span {
	clear: both;
	float: left;
}

div.fileuploadstatus>progress {
	width: 100%;
	height: 1.5em;
	background: -webkit-linear-gradient(left, var(--audioprogresscolor), var(--audioprogresscolorhi));
}

div.fileuploadstatus>progress:before {
	content: attr(data-label);
	font-size: 0.8em;
	vertical-align: 0
}

.form form {
	background-color: white;
	max-height: calc(100vh - 120px);
	overflow: auto;
}

.form input {
	width: 100%;
}

.form textarea {
	width: calc(100% - 9px);
}

.form label {
	margin: 10px 0 0 0;
}

.formfooter {
	width: 100%;
	display: inline-block;
	padding-bottom: 10px;
	margin-top: 20px;
}

.formfooter i:after {
	content: attr(data-label);
	position: absolute;
	bottom: -20px;
	left: 0;
	font-size: 9px;
	font-weight: normal;
	width: 43px;
	text-align: center;
	display: inline-block;
	color: grey;
	font-family: Ubuntu;
}

input.formfile {
	margin-top: 10px;
	margin-right: -2em;
}

i.formfile {
	border-left: 1px solid silver;
	height: calc(2em - -2px);
	width: 2em;
	position: relative;
	display: inline-block;
	background-color: whitesmoke;
	line-height: 2em;
	text-align: center;
	top: 0px;
	margin-right: -3px;
	color: darkgray;
	margin-top: 11px;
	margin-bottom: 1px;
}

.form .progress {
	height: 2em;
	width: 100%;
	background-color: var(--audioprogresscolor);
	position: relative;
	margin-bottom: 5px;
}

.form .progress:after {
	content: attr(data-label);
	font-size: 0.8rem;
	position: absolute;
	text-align: left;
	top: 6px;
	left: 5px;
	right: 0;
	color: white;
}

.form .progress .value {
	background-color: var(--audioprogresscolorhi);
	display: inline-block;
	height: 100%;
	width: 0;
	left: 0px;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}

div.dialog {
	display: inline-block;
	height: auto;
	width: calc(100% - 2em - 6px);
	border-radius: 10px;
	opacity: 1;
	background: #333;
	z-index: 100;
	position: relative;
	left: 2px;
	padding: 1em;
	border: 1px solid silver;
	margin-bottom: -100%;
	padding-bottom: 0;
	margin-top: calc(-4em - 3px);
}

.dialog table {
	width: 100%
}

.trayrelatedarticles .traycontent {
	padding: 0px 5px !important;
	color: silver;
}

.trayrelatedarticles .streamitem {
	display: inline-block;
	position: relative;
	min-height: 95px;
	margin-bottom: 1px;
	width: calc(100% - 10px);
	padding: 5px;
}

.trayrelatedarticles .streamclick {
	padding-top: 5px;
	padding-right: 80px;
}

.trayrelatedarticles .avatarpic {
	width: 42px;
	height: 42px;
	border-width: 1px;
	margin-left: 3px;
	margin-right: 10px;
	margin-bottom: 42px;
}

.trayrelatedarticles .streampic {
	border: 2px solid white;
}

.trayrelatedarticles .streammsgtm {
	color: grey;
	font-size: .6em;
	margin-right: 10px;
	padding-bottom: 5px;
	display: inline-block;
}

.trayrelatedarticles .streammsgcpy {
	font-size: 0.8em;
}

.trayrelatedarticles .streammsg {
	font-size: 0.8em;
	padding: 5px;
}

.resultcount {
	padding-left: 20px;
	color: green;
}

.ui-accordion {
	margin-bottom: -3px;
	width: 100%;
	float: left;
}

.formcontent {
	/* width: calc(100% - 4px) */
	width: calc(100% - 1em - 4px);
	padding-left: 0.5em;
}

.formcontent .accordion>h3 {
	line-height: 1.3em;
}

.formcontent .bigtoolbar {
	background-color: whitesmoke;
	width: calc(100% - 4px);
	margin: -6px -6px 5px -6px;
	display: inline-block;
	padding: 5px;
}

.formcontent .toolbar {
	background-color: whitesmoke;
	width: 100%;
	padding: 5px;
	position: relative;
	top: -5px;
	height: 2.2em;
	left: -6px;
	border-radius: 0;
}

.formcontent .footerbar {
	/* background-color: whitesmoke; */
	padding: 1em;
	border-top: 1px solid var(--toolButtonBorderColor);
	/* height: 2em; */
	width: calc(100% - 2em);
	margin: 2em 0;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	gap: 1em;
}

.formcontent .subfooterbar {
	border: 1px solid var(--tabBorderColor);
	width: auto;
	position: relative;
	display: inline-block;
	float: right;
	right: -2px;
	top: -1px;
	background: var(--tabFillColor);
	border-top: 1px solid var(--tabFillColor);
}

.formcontent .bigtoolbar button {
	border: 1px solid silver;
	background-color: white;
	color: gray;
	border-radius: 5px;
	height: 5em;
	width: 6em;
	text-align: center;
	margin: 2px;
	float: left;
	font-size: 0.8em;
	padding: .5em 0;
	float: left;
}

.formcontent .toolbar button {
	border: 1px solid silver;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border-radius: 4px;
	text-align: center;
	color: gray;
	background-color: white;
	margin-right: 5px;
	position: relative;
}

.formcontent .footerbar button {
	width: auto;
	color: gray;
	float: right;
	padding: 0.25em 1em;
	background-color: whitesmoke;
	border: 1px solid silver;
	border-radius: 0.5em;
}

.formcontent button:hover {
	color: var(--toolButtonColor);
	cursor: pointer;
}

.formcontent .bigtoolbar button:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 2em;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
	display: inline-block;
}

.formcontent .toolbar button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.formcontent button:after {
	font-family: Ubuntu;
	font-size: 0.8em;
}

.formcontent .bigtoolbar button:after {
	content: attr(title);
}

.formcontent .footerbar button:after {
	content: attr(title);
}

.flexform .footerbar {
	margin: 10px 0 -10px -10px;
	width: calc(100% + 5px);
}

.formcontent fieldset {
	border-color: grey;
}

.formcontent .l {
	text-align: left;
}

.formcontent .c {
	text-align: center;
}

.formcontent .r {
	text-align: right;
}

.formfield {
	position: relative;
	margin-right: 5px;
	display: inline-flex;
	justify-content: flex-end;
}

.w0 {
	width: 100%;
}

.w1 {
	width: calc(75% - 8px);
}

.w2 {
	width: calc(50% - 8px);
}

.w3 {
	width: calc(33% - 10px);
}

.w4 {
	width: calc(25% - 8px);
}

.w5 {
	width: calc(20% - 10px);
}

.w5x2 {
	width: calc(40% - 10px);
}

.w6 {
	width: calc(16.6% - 10px);
}

.w8 {
	width: calc(12.5% - 10px);
}

.w10 {
	width: calc(10% - 8px)
}

.fx1 {
	width: 1rem;
}

.fx2 {
	width: 2rem;
}

.fx3 {
	width: 3rem;
}

.fx4 {
	width: 4rem;
}

.fx5 {
	width: 5rem;
}

.fx6 {
	width: 6rem;
}

.fx7 {
	width: 7rem;
}

.fx8 {
	width: 8rem;
}

.fx9 {
	width: 9rem;
}

.fx10 {
	width: 10rem;
}

.fx11 {
	width: 11rem;
}

.fx12 {
	width: 12rem;
}

.fx13 {
	width: 13rem;
}

.fx14 {
	width: 14rem;
}

.fx15 {
	width: 15rem;
}

.fx16 {
	width: 16rem;
}

.fx17 {
	width: 17rem;
}

.fx18 {
	width: 18rem;
}

.fx19 {
	width: 19rem;
}

.fx20 {
	width: 20rem;
}

.formfield input,
.formfield textarea {
	width: calc(100% - 11px);
}

.formfield select {
	width: 100%;
}

.formfield input,
.formfield select {
	line-height: 2rem;
	height: 2rem;
}

.formfield input,
.formfield select,
.formfield textarea {
	outline: 1px solid var(--editborder);
	border: 0 !important;
	box-shadow: none !important;
	margin: 1.5rem 5px 0 0;
	padding: 0 5px !important;
	font-size: 1rem;
	background-color: var(--editcolor);
	border-radius: 4px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.formfield textarea {
	padding: 5px;
	min-height: 7rem;
}

.formfield input:hover,
.formfield select:hover,
.formfield textarea:hover {
	outline-color: var(--btnhovercolor);
}

.formfield input:hover~span,
.formfield select:hover~span,
.formfield textarea:hover~span {
	color: black
}

.formfield input[type="date"][data-chosen=""]:not(:focus, :hover) {
	color: transparent;
}

.formfield input:focus,
.formfield select:focus,
.formfield textarea:focus {
	outline: 2px solid var(--btnhovercolor);
	color: unset;
}

.formfield span,
.formfield select[data-chosen=""]~span,
.formfield input[type="date"][data-chosen=""]:not(:focus, :hover)~span {
	position: absolute;
	pointer-events: none;
	top: 2rem;
	left: 10px;
	transition: 0.2s ease all;
	color: grey;
	white-space: nowrap;
	font-size: 0.7rem;
}

.formfield input:focus~span,
.formfield input:not(:placeholder-shown)~span,
.formfield select:focus~span,
.formfield select:not([data-chosen=""])~span,
.formfield input[type="date"]:not([data-chosen=""])~span,
.formfield textarea:focus~span,
.formfield textarea:not(:placeholder-shown)~span {
	top: 0.6rem;
	/* left: 0.6rem; */
	font-size: 0.7rem;
	opacity: 1;
	color: silver;
}

.profilebtnbar {
	width: calc(100% - 40px);
	max-width: calc(100vw - 40px);
	overflow: hidden;
	padding: 0 20px;
	position: relative;
}

.profilebtnbarscroll {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	position: relative;
	scrollbar-width: none;
}

.profilebtnbar>i {
	position: absolute;
	top: 0;
	padding: 30px 5px;
	background: var(--backcolor2);
	cursor: pointer;
	color: grey;
}

.profilebtnbar>i:hover {
	color: deepskyblue;
}

.profilebtnbar>i:first-child {
	left: 0px;
}

.profilebtnbar>i:last-child {
	right: 0px;
}

.profilebtnbarscroll a,
.profilebtnbarscroll>div {
	display: inline-block;
}

.profilebtnbarscroll:-webkit-scrollbar {
	width: 0 !important;
	scrollbar-width: none;
}

.traytoolbar {
	background-color: var(--toolbar);
	margin: 0;
	white-space: nowrap;
	width: 100%;
}

.traytoolbar i {
	padding: 5px;
	text-align: center;
	line-height: 2rem;
	display: inline-block;
	position: absolute;
	color: gray;
}

.traytoolbar i:last-child {
	right: 2px;
}

.traytoolbarscroll {
	margin: 0 20px;
	padding: 5px;
	overflow-x: auto;
	white-space: nowrap;
	width: calc(100% - 51px);
	scrollbar-width: none;
	display: inline-block;
}

.traytoolbarscroll i {
	padding: 5px;
	border: 1px solid grey;
	border-radius: 4px;
	margin-right: 5px;
	/* min-width: 3em; */
	text-align: center;
	line-height: 2em;
	position: relative;
	height: 3em;
	overflow-y: clip;
}

.yeartoolbar .traytoolbarscroll i {
	height: 2em;
}

.traytoolbar i:hover,
.traytoolbarscroll i:hover {
	color: var(--btnhovercolor);
}

.traytoolbarscroll i:after {
	font-size: .5rem;
	font-family: 'Ubuntu';
	content: attr(title);
	width: 100%;
	float: left;
	line-height: .5rem;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.iwapaccordionform {
	padding: 0 !important;
}

.traytoolbar i.active {
	border-color: var(--btnhovercolor);
	background-color: transparent;
	color: var(--btnhovercolor);
}

.formaddress {
	margin-top: 10px;
	margin-right: 5px;
	display: inline-block;
}

.formaddress>span {
	font-size: 0.7rem;
	color: grey;
}

.formaddress .formfield {
	margin-right: 0;
	width: 100%;
}

.formaddress .formfield:last-child {
	width: 50%;
}

.formaddress .formfield input,
.formaddress .formfield select {
	margin-top: 2px;
	margin-right: 0;
}

.formaddress .formfield span,
.formaddress .formfield input:placeholder-shown~span {
	top: 10px;
}

.formaddress .formfield input:focus~span,
.formaddress .formfield input:not(:placeholder-shown)~span {
	top: 10px;
}

.formaddress .formfield input:not(:placeholder-shown) {
	width: calc(100% - 80px);
	float: right !important;
	/* margin-bottom: -4px; */
}

.formaddress .formfield input:last-child:not(:placeholder-shown) {
	margin-bottom: 0;
}

.infotxt {
	padding: 10px;
	margin-bottom: 10px;
	color: var(--infoback);
	font-size: 0.7rem;
	background-color: var(--backcolor1);
	border-radius: 0 0 10px 10px;
	border-top: 1px solid var(--backcolor3);
}

.iform h5 {
	margin-bottom: 5px;
}

.iform table {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--backcolor3);
}

.iform table tr.active,
.iform table tbody tr:hover {
	background-color: var(--navhiback);
}

.iform table thead td {
	font-size: .9rem;
	padding: 5px 10px;
	color: var(--color3);
}

.iform table {
	border: 1px solid var(--tabBorderColor);
}

.iform table thead {
	background-color: var(--tabFillColor);
}

.iform table tbody td {
	font-size: .9rem;
	padding: 5px 10px;
	vertical-align: top;
	/* white-space: nowrap; */
	text-transform: capitalize;
	color: var(--color3);
}

.iform table tfoot td {
	font-size: .7rem;
	padding: 5px 10px;
	color: var(--color3);
}

.iform table tbody tr.remove td {
	text-decoration-line: line-through;
	text-decoration-color: red;
}

.iform table tbody tr {
	cursor: pointer;
}

.iform .frmbtn {
	background: silver;
	border: 0;
	border-radius: 4px;
	height: calc(1em + 15px);
	padding: 5px 0px;
	color: white;
}

.iform .buttonmenu {
	padding: 0px 1px;
}

.formsavemsg {
	color: green;
	text-align: center;
	padding: 20px;
}

.fielderror {
	background-color: var(--fielderrorback) !important;
	outline-color: var(--fielderrorborder) !important;
	color: var(--fielderror) !important;
}

.tabcontainer {
	display: inline-block;
	margin-top: 15px;
	width: 100%;
}

.tabcontainer ul {
	list-style-type: none;
	display: flex;
	padding: 0;
	margin: 0;
	overflow-x: auto;
	align-items: flex-end;
}

.tabcontainer li {
	background-color: inherit;
	float: left;
	outline: none;
	cursor: pointer;
	padding: 5px 16px;
	transition: 0.3s;
	color: var(--tabTextColorInactive);
	flex: 1 0 0%;
}

.tabcontainer li:hover {
	color: var(--btnhovercolor);
}

.tabcontainer li.active {
	color: var(--tabTextColor);
	z-index: 2;
	border-radius: 10px 10px 0 0;
	border: 1px solid var(--tabBorderColor);
	border-bottom: 1px solid var(--tabFillColor);
	background-color: var(--tabFillColor);
}

.tabcontainer .tabcontent {
	display: none;
	margin: -1px 0 0 0;
	padding: 10px;
	width: calc(100% - 22px);
	border: 1px solid var(--tabBorderColor);
}

.tabcontainer .tabcontent.active {
	display: inline-block;
	height: auto;
	background-color: var(--tabFillColor);
}

.tabcontent {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}

.tablesorter-metro-dark .header,
.tablesorter-metro-dark .tablesorter-header {
	/* background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAGFBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u5jNePWAAAACHRSTlMAMxIHKwEgMWD59H4AAABSSURBVAjXY2BgYFJgAAHzYhDJ6igSAKTYBAUTgJSioKAQAwNzoaCguAFDiCAQuDIkgigxBgiA8cJAVCpQt6AgSL+JoKAzA0gjUBsQqBcBCYhFAAE/CV4zeSzxAAAAAElFTkSuQmCC); */
	background-position: right 5px center;
	background-repeat: no-repeat;
	cursor: pointer;
	/* white-space: normal */
}

.tablesorter-metro-dark .tablesorter-header-inner {
	padding: 0 18px 0 4px
}

.tablesorter-metro-dark thead .headerSortUp,
.tablesorter-metro-dark thead .tablesorter-headerAsc,
.tablesorter-metro-dark thead .tablesorter-headerSortUp {
	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAIVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u5meJAOAAAACnRSTlMAMwsqXt+gIBUGxGoDMAAAAFlJREFUCNctzC0SQAAUReEzGNQ3AlHRiSRZFCVZYgeswRL8hLdK7834wj3tAlGP6y7fYHpKS6w6WwbVG0I1NZVnZPG8/DYxOYlnhUYkA06R1s9ESsxR4NIdPhkPFDFYuEnMAAAAAElFTkSuQmCC)
}

.tablesorter-metro-dark thead .headerSortDown,
.tablesorter-metro-dark thead .tablesorter-headerDesc,
.tablesorter-metro-dark thead .tablesorter-headerSortDown {
	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAALVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7i0NViAAAADnRSTlMAMiweCQITTvDctZZqaTlM310AAABcSURBVAjXY2BgYEtgAAFHERDJqigUAKSYBQUNgFSioKAYAwOLIBA4MASBKFUGQxAlzAAF+94BwWuGKBC1lIFl3rt3Lx0YGCzevWsGSjK9e6cAUlT3HKyW9wADAwDRrBiDy6bKzwAAAABJRU5ErkJggg==)
}

.tablesorter-metro-dark thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px
}

.tablesorter-metro-dark .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important
}

.tablesorter-metro-dark .tablesorter-filter-row td {
	background-color: #eee;
	line-height: normal;
	text-align: center;
	-webkit-transition: line-height .1s ease;
	-moz-transition: line-height .1s ease;
	-o-transition: line-height .1s ease;
	transition: line-height .1s ease
}

.tablesorter-metro-dark .tablesorter-filter-row .disabled {
	opacity: .5;
	cursor: not-allowed
}

.tablesorter-metro-dark .tablesorter-filter-row.hideme td {
	padding: 2px;
	margin: 0;
	line-height: 0;
	cursor: pointer
}

.tablesorter-metro-dark .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	opacity: 0
}

.tablesorter .filtered {
	display: none
}

.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99
}

.tableholder {
	overflow: auto;
}

@media only screen and (max-width:641px) {

	.w0,
	.w1,
	.w2,
	.w3,
	.w4,
	.w5,
	.w6 {
		width: 100%;
	}

	.iform table thead td {
		font-size: .7rem;
	}

	.iform table tbody td {
		font-size: .8rem;
		padding: 20px 5px;
	}

	.tabcontainer li {
		padding: 4px 16px;
	}
}

.yeartoolbar .traytoolbar {
	background-color: unset;
}

.yeartoolbar .traytoolbar>i {
	line-height: 2rem;
}

.yeartoolbar div i:after {
	font-size: 0.9rem !important;
	padding-top: 0.5rem;
}

#iWapPaymentGraph {
	width: 100%;
	height: 20vh;
	min-height: 400px;
}

.google-visualization-tooltip {
	position: absolute !important;
	display: inline-block !important;
	box-shadow: 2px 2px 10px silver !important;
	background-color: white !important;
	padding-right: 10px;
}

#iform-personal>form>.formcontent {
	padding: 10px;
}

#iform-personal>form .footerbar {
	margin: 10px 0px -13px -10px;
	width: calc(100% - -10px);
}

.ui-accordion-header.wait:after {
	right: 10px;
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: "\f254";
}

#productholder {
	display: flex;
	margin-bottom: 10px;
	padding: 0 5px;
}

#productholder .productscroll {
	height: 170px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	scrollbar-width: none;
	margin-right: 5px;
	border-right: 2px dotted gray;
	margin-top: 2rem;
}

#productholder article {
	position: absolute;
}

#productholder .productscroll span {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 0.8rem;
}

#productholder section {
	min-width: 90px;
	height: 160px;
	border: 1px solid silver;
	margin: 5px 5px 0 0;
	position: relative;
	border-radius: 8px;
	overflow: clip;
	display: inline-block;
}

#productholder section:hover {
	color: var(--hover);
	background-color: var(--hoverback);
}

#productholder section[data-sr="-1"] {
	margin-top: calc(2rem - -5px);
}

#productholder .productscroll div,
#productholder section:last-child div {
	font-size: .7rem;
	width: calc(100% - 10px);
	text-align: center;
	position: absolute;
	bottom: 0px;
	background: #000000a1;
	padding: 5px;
	margin: 0;
	color: white;
	white-space: break-spaces;
}

#productholder i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 4rem;
	color: var(--backcolor3);
	transform: translate(-50%, -50%);
}

#productholder section:hover i {
	color: var(--hover);
}

#productholder .breadcrumb {
	max-width: 25%;
	white-space: nowrap;
}

.price {
	background: var(--priceback);
	color: var(--price);
	outline: 0;
	padding: 0.25em;
	position: relative;
	text-decoration: none;
	font-size: 0.6rem;
	cursor: pointer;
	margin-right: 5px;
}

.price:before {
	background: var(--priceback);
	bottom: 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50% 50%);
	content: "";
	left: -1em;
	position: absolute;
	top: 0;
	width: 1em;
	z-index: 1;
}

.price:after {
	background: var(--priceback);
	bottom: 0;
	clip-path: polygon(50% 50%, -50% -50%, 0 100%);
	content: "";
	left: 100%;
	position: absolute;
	top: 0;
	width: 1em;
	z-index: 1;
}

.parabuy {
	color: var(--price);
	background-color: var(--priceback);
	border: 1px solid var(--priceborder);
	width: fit-content;
	border-radius: 20px 0 0 0;
	float: right;
	margin-right: 20px;
	max-width: 40%;
}

.parabuy>.doc_title {
	background: var(--backcolor2);
	border-radius: 12px 0 0 0;
	margin-top: 10px;
	padding-bottom: 5px;
}

.parabuy>.doc_footer {
	font-size: 2em;
	width: calc(100% - 40px);
	text-align: center;
	background: var(--backcolor2);
	margin-bottom: 5px;
}

.parabuy .para {
	padding: 10px;
	font-size: .8em;
	color: var(--backcolor2);
}

.parabuy>button {
	color: var(--pricebtn);
	background: var(--pricebtnback);
	width: calc(100% - 80px);
	left: 50%;
	position: relative;
	transform: translateX(-50%);
	margin-bottom: 20px;
	margin-top: 40px;
	cursor: pointer;
}

.parabuy>button:before {
	content: "\f291";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 1em;
}

.parabuy #editfieldinput[type="number"] {
	width: calc(100% - 40px) !important;
	position: relative;
	padding: 0 !important;
	margin-top: 0px !important;
}

.parabuy textarea {
	margin-left: -25px !important;
}

.buybtn {
	position: absolute;
	left: 4%;
	padding: 10px;
	width: auto;
	background: green;
	color: white;
	z-index: 1;
	margin-bottom: -100%;
	margin-top: -4em;
	cursor: pointer;
}

.pricetag {
	position: absolute;
	right: 4%;
	padding: 10px;
	width: auto;
	background: var(--pricetagback);
	color: var(--pricetag);
	z-index: 1;
	margin-bottom: -100%;
	margin-top: -4em;
	width: auto;
	height: 38px;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	border-top: 3px solid var(--pricetagborder);
	border-right: 3px solid var(--pricetagborder);
	border-bottom: 3px solid var(--pricetagborder);
	/* This makes room for the triangle */
	margin-left: 19px;
	font-weight: 300;
	line-height: 2em;
	height: 2em;
	padding: 0 10px 5px 10px;
}

.pricetag sup {
	margin: 0 3px;
	font-size: 0.5em;
}

.pricetag:before {
	content: "";
	top: -3px;
	width: 0;
	height: 0;
	color: transparent;
	border-top: calc(1em - -6px) solid transparent;
	border-bottom: calc(1em - -6px) solid transparent;
	border-right: calc(1em - -6px) solid var(--pricetagborder);
	display: block;
	position: absolute;
	left: calc(-1em - 6px);
}

.pricetag:after {
	content: "";
	top: 0;
	width: 0;
	height: 0;
	color: transparent;
	border-top: calc(1em - -3px) solid transparent;
	border-bottom: calc(1em - -3px) solid transparent;
	border-right: calc(1em - -3px) solid var(--pricetagback);
	display: block;
	position: absolute;
	left: calc(-1em - 3px);
}

.pricetag i {
	position: absolute;
	top: 1.5em;
	left: -1em;
	z-index: 2;
	font-size: 0.6em;
	color: var(--pricetagborder);
}

#paypal-button-container-pre {
	position: relative;
	display: none;
	padding: 30px;
	border: 1px solid var(--backcolor3border);
	margin: 30px;
	background-color: var(--backcolor1);
}

#paypal-button-container-pre>i {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	font-size: 1.5em;
	cursor: pointer;
}

#paypal-button-container {
	background-color: white;
	color: black;
	margin: 5%;
	box-shadow: 0 0 20px #ffc439;
	padding: 5%;
}

#card-fields-container-pre {
	background-color: white;
	color: black;
}

.pricetag .flag {
	position: absolute;
	right: -8px;
	top: -9px;
	scale: .5;
}

.editlivefield.doc_amount {
	width: 10em !important;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	display: inline-block;
}

.doc_amount>input {
	left: 10px;
	top: 15px;
	position: relative !important;
	margin-bottom: 20px;
}

.bkaudwithprice {
	margin-top: -4em;
	margin-bottom: 4em;
}

.mmoodocform {
	margin: 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	align-content: stretch;
}

.mmoodocform .footerbar {
	margin-top: 20px;
}

#paypal-button-container-pre .pricetag {
	margin-top: -2px;
	font-size: 1.5em;
}

#paypal-button-container-pre hr {
	border-color: var(--pricetagborder);
}

table.calendar {
	border-collapse: collapse;
	width: 100%;
}

table.calendar span.day {
	width: calc(100% - 5px);
	text-align: right;
	color: var(--hibtncolor);
	font-size: 1.5em;
	margin-bottom: 10px;
}

table.calendar td {
	border: 1px solid var(--tabBorderColor);
	padding: 5px;
	width: 14%;
}

table.calendar td.n {
	border: none;
}

table.calendar .info {
	cursor: pointer;
	padding: 3px;
	margin-bottom: 5px;
	border-radius: 3px;
	font-size: 0.8em;
	font-weight: bold;
}

table.calendar .info:hover {
	background-color: var(--hoverback);
	color: var(--hover);
}

table.calendar td.active {
	width: 100%;
}

table.calendar td.holiday,
table.calendarkey td.holiday {
	background-color: pink;
}

table.calendar td.weekend,
table.calendarkey td.weekend {
	background-color: whitesmoke;
}

.batchfunctions button {
	width: auto;
	margin-right: 5px;
	cursor: pointer;
}

#control {
	overflow-y: auto;
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0;
}

span.r {
	text-align: right;
}

table.calendar span.l {
	font-size: 0.8em;
}

table.calendar span.r {
	font-size: 1.3em;
}

.pr_CASH {
	color: black;
	outline: 1px solid black;
}

.pr_PERSOL {
	color: maroon;
	outline: 1px solid maroon;
}

.pr_NETCASH {
	color: teal;
	outline: 1px solid teal;
}

.pr_DO-ABSA {
	color: red;
	outline: 1px solid red;
}

.pr_PAYROLL {
	color: green;
	outline: 1px solid green;
}

#productlist i.fa-balance-scale-left,
#productholderhistory i.fa-balance-scale-left {
	float: left;
	color: silver;
	font-size: 0.7em;
}

.formcontent .footerbar button::before {
	padding-right: 0.2em;
}

div#iform-controlFinancialYearBS td {
	text-transform: capitalize;
}

div#controlpanel .tabcontainer ul {
	width: calc(100% - 10px);
}

.cap {
	text-transform: capitalize !important;
}

.nform {
	padding: 10px;
	font-size: 1.3em;
}

.nform .smalltbl {
	float: left;
	margin-right: 10px;
	width: auto;
	height: fit-content;
}

.nform .smalltbl td {
	white-space: unset;
	line-height: normal;
	text-transform: unset;
}

.nform .tabcontainer ul {
	width: calc(100% - 3px);
}

nav div.navbtn:hover,
.nativeapp:hover {
	background-color: var(--navButtonHoverFillColor);
	border-color: var(--navButtonHoverBorderColor);
	color: var(--navButtonHoverColor);
}

.btnlittle {
	margin-left: 10px;
	border: 1px solid silver;
	padding: 5px;
	border-radius: 4px;
}

.selectcategory>i.fa.fas.fa-sitemap {
	top: 1.6rem;
	line-height: 1.3rem;
	background: transparent !important;
	border: 0 !important;
	color: black !important;
	font-size: 0.7rem !important;
	position: absolute;
	right: 1em;
}

.ui-state-hover {
	color: var(--btnhoveraltcolor);
}

table.full {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#emailLogIP td:nth-child(1),
#emailLogResolve td:nth-child(1) {
	max-width: 10rem;
	word-break: break-all;
}

.categorycontainer {
	width: 100%;
	overflow-x: auto;
}

.categoryscroll {
	height: 130px;
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: fit-content;
}

.categoryicon {
	margin-right: 5px;
	border: 1px solid silver;
	border-radius: 4px;
	width: 90px;
	height: 120px;
	background-color: white;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
}

.categoryicon span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	line-height: 1rem;
	padding: 5px;
	background-color: var(--backcolor3);
	color: var(--color3);
	font-size: 0.7em;
	text-align: center;
}

.categoryicon i:nth-child(1) {
	font-size: 3em;
	color: var(--backcolor3);
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 95px;
}

.categoryicon i:nth-child(2) {
	color: green;
	font-size: 0.8em;
	position: absolute;
	top: 5px;
	right: 5px;
}

/* .hilight {
    background-color: #8000006b !important;
    color: var(--navButtonHoverColor) !important;
} */
div#iform-controlFinancialYearBS td:nth-child(1),
div#iform-controlFinancialYearBS td:nth-child(2),
div#iform-controlFinancialYearBS td:nth-child(5),
div#iform-controlFinancialYearBS td:nth-child(6) {
	white-space: nowrap;
}

.formcontent td.vb {
	vertical-align: bottom !important;
}

/* input:read-only {
	color: var(--tabTextColorInactive);
	cursor: not-allowed;
} */

.loading.formerror {
	background-color: var(--fielderrorinfoback);
	color: var(--fielderrorinfocolor);
}

.streamitem[data-rr='null'] {
	border: 1px solid red;
	width: calc(100% - 30px);
}

.msgdatebandcontent .streamitem[data-rr='null'] {
	width: calc(100% - 34px);
	margin-left: 2px;
}

span.unreadcnt {
	margin: 0;
	padding: 0;
	display: inline;
	color: var(--unreadborder);
}

.formcontent tbody tr:nth-child(odd) {
	background-color: var(--troddcolor);
}

.trhilight {
	background-color: var(--navButtonHoverFillColor) !important;
}

table.calendar td.hilight {
	border: 2px solid var(--navButtonHoverFillColor);
	background-color: transparent !important;
}

span#bsimport.busywait {
	float: right;
	padding: 5px;
	margin-bottom: -100%;
	margin-top: -3px;
	border: 1px dotted var(--breadBorderColor);
	background-color: var(--breadFillColor);
	color: var(--breadCrumbColor);
	font-family: 'Font Awesome 5 Pro', 'Ubuntu';
}

span#bsimport.busywait:before {
	padding-right: 1em;
}

.neg {
	color: red;
}

.pos {
	color: blue
}

img.doctypeCase {
	max-height: 50vh;
	left: 50%;
	position: relative;
}

#domainsearch {
	float: right;
	line-height: 2.5em;
}

#domainsearchstring {
	width: calc(100% - 1.5em)
}


#cms #casedetail .breadcrumbs {
	position: relative !important;
	top: unset !important;
	width: calc(100% - 2px) !important;
	left: unset !important;
}

#cms #cmsbreadcrumbs {
	position: relative !important;
	top: unset !important;
	width: calc(100% - 2px) !important;
	left: unset !important;
}

td.capitalize {
	text-transform: capitalize;
}

i.toolbutton {
	padding: 0.5em;
	border: 1px solid var(--toolButtonBorderColor);
	border-radius: 5px;
	margin: 0.5em;
	color: var(--toolButtonColor);
}

button.smallbtn {
	padding: 3px !important;
	margin: 1px;
	border-radius: 2px;
	font-size: 0.8rem !important;
	width: 1.5rem;
	height: 1.5rem;
	opacity: 0.5;
	border-color: var(--toolButtonBorderColor);
	color: var(--toolButtonColor);
	background: transparent;
	border: 1px solid;
}

tr:hover button.smallbtn {
	opacity: 1;
	background-color: white;
	color: slategray;
}

table.linktable {
	border: 1px solid grey;
	width: fit-content;
	padding: 0;
	font-size: 0.8em;
	margin-bottom: 2em;
	max-width: 60%;
	cursor: pointer;
	background: var(--backcolor3);
	margin-right: 20px;
	/* margin-top: -30px; */
}

table.linktable.justify1 {
	float: right;
}

table.linktable img {
	width: auto;
	margin: 0;
	padding: 0;
	margin-bottom: -2px;
	max-height: 2em;
	height: 32px;
	/* min-height: 32px; */
	float: left;
}

table.linktable span {
	font-size: 0.5em;
}

table.linktable td {
	vertical-align: middle;
	max-height: 32px;
	padding: 0.25em 0.5em;
	/* padding-right: 10px; */
	font-size: 0.8em;
}

table.linktable td:nth-child(3) {
	color: white;
	vertical-align: middle;
}

table.urllinktable {
	float: left;
	border: 1px solid grey;
	/* width: fit-content; */
	padding: 0;
	font-size: 0.8em;
	cursor: pointer;
	background: var(--backcolor3);
	margin-left: 10px;
	max-width: 50%;
}

table.urllinktable img {
	width: auto;
	height: 32px;
	padding: 0;
	margin: 0 !important;
	margin-bottom: -20px;
}

table.urllinktable span {
	font-size: 0.5em;
}

table.urllinktable td {
	vertical-align: middle;
	/* max-height: 32px; */
	padding: 0px;
	padding-right: 10px;
	/* width: min-content; */
}

table.urllinktable td:nth-child(3) {
	color: white;
	vertical-align: middle;
}

.embedlink {
	/* width: 100vw; */
	height: calc(100vw * 9 / 16);
	/* margin-bottom: 20px; */
}

.breadcrumbs input#search {
	margin: 2px 2px 2px 10px;
	width: 13em;
	border-radius: 3px;
}

.sharepopup {
	display: none;
	position: relative;
	background-color: var(--backcolor2);
	/* margin-bottom: -47px; */
	/* margin-top: 10px; */
}

.sharepopup a {
	display: inline-block;
	margin: 2px 13px 0 12px;
}

.sharepopup i {
	float: left;
	padding: 8px;
	color: white;
	/* font-size: 1rem; */
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	text-align: center;
	line-height: 1rem;
}

.sharepopup i.fa-whatsapp {
	background-color: #00a884;
	/* font-size: 1.6rem; */
}

.sharepopup i.fa-facebook {
	background-color: #3b5998;
	/* font-size: 1.6rem; */
}

.sharepopup i.fa-twitter {
	background-color: #1d9bf0;
	/* font-size: 1.6rem; */
}

span.paragraph {
	display: inline-block;
	position: absolute;
	top: 45px;
	font-size: 0.7em;
	color: grey;
}

.embedvideo {
	margin: 0;
	padding: 0;
	margin-top: calc((50vh - ((100vw * 9 / 16)) / 2) - 60px);
	width: 100%;
	height: calc(100vw * 9 / 16);
	position: relative;
	display: none;
}

.pinfo {
	padding: 10px;
	font-size: 0.8em;
	text-transform: uppercase;
}

.pinfo i {
	width: 1rem;
	color: silver;
}

div.iform form div.formcontent {
	width: calc(100% - 20px);
}

article.reportcell section {
	width: calc(100vw / 8);
	height: calc((((100vw / 8) - 15px) * 16) / 9);
	font-size: 0.9em;
	display: inline-block;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

article.reportcell div.headinggrid {
	width: calc(100% - 10px);
}

.whatsnew_head.aico_swiper {
	position: fixed;
	bottom: 0px;
	/* background: black; */
	z-index: 3;
}

.clear {
	background-color: transparent !important;
}

img.globalexposuremap {
	width: calc(100% - 1em);
	display: inline-block;
	padding: 0.5em;
}

.flag-container {
	width: calc(100% + 25px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0px;
	font-size: .6em;
	margin-top: 0.75em;
	margin-left: -10px;
	overflow: auto;
	max-height: 98px;
}

.flag-container>.stats-flag>.fi {
	font-size: 2em;
	/* margin-bottom: 0.25em; */
	width: 28px;
	/* aspect-ratio: 16 / 11; */
	margin:2px;
}

.flag-container>.stats-flag {
	text-align: center;
	/* margin-bottom: 10px; */
}

.sharepopup i {
	margin-top: 0.15em;
	margin-left: 0.05em;
	text-align: center;
}

img.globalexposuremap {
	max-width: 100%;
}

.btn-geograph {
	background-size: cover !important;
}

.btn-geograph:before {
	border: 1px solid black !important;
	aspect-ratio: 16 / 11;
	display: block;
	width: 28px;
}

i.fas.fa-folder-open.xxl {
	color: white;
	font-size: 4em;
	background-color: black;
	padding: 0.2em;
	border-radius: 50%;
	text-align: center;
}

input#search-briefcase-filter {
	width: calc(100% - 5em);
	border: 1px solid silver;
	padding: 0.5em;
	margin-bottom: 0.5em;
	display: inline-block;
	margin-right: 0.5em;
}

i#search-briefcase {
	color: grey;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.3em;
	display: inline-block;
	background: white;
	border-radius: 50%;
	border: 2px solid silver;
	padding: 0.3em;
	text-align: center;
}

#cropimageholder .delarticon {
	bottom: unset;
	top: 2px;
}

.wait {
	width: 50px;
	left: 50%;
	top: 50%;
	position: relative;
	transform: translate(-50%, -50%);
}

table.urllinktable td {
	/* line-height: 10px; */
	/* height: 32px; */
	font-size: 0.8em;
	padding: 0.25em 0.5em;
}

#install-dialog {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	width: 70vw;
	transform: translate(-50%, -50%);
	background-color: black;
	padding: 2em;
	font-size: 1rem;
	/* box-shadow: 0 0 10px grey; */
	max-width: 320px;
	color: white;
	border: 1px solid white;
	border-radius: 3px;
}

#install-dialog img {
	width: 20%;
	aspect-ratio: 1 / 1;
	margin-right: 2em;
	border-radius: 50%;
	border: 2px solid white;
}

#install-dialog div {
	margin-top: 10%;
	margin-bottom: 10%;
	display: flex;
}

#install-dialog button {
	color: white;
	background-color: black;
	border: 1px solid white;
}

#install-button,
#install-cancel {
	width: 40%;
	display: inline-block;
	padding: 0.25em 1em;
	margin: 0;
	line-height: auto;
	height: auto;
}

#install-button {
	margin-right: 5%;
}

p {
	padding-top: 1em;
	margin-bottom: 1em;
}

.paraline.hilight>div {
	margin-left: -10px !important;
}

.embedratebar {
	margin-bottom: -1em;
}

.embedratebar>.action_img_tm {
	margin-top: -7px;
}

.embedratebar.action_img_tm {
	margin-left: -10px;
}

i.editdocimg.videoimg {
	margin-top: 40px;
}

span.action_img_tm.indenttime {
	margin-left: 10px;
	margin-bottom: -7px;
	margin-top: -6px;
}

i.fas.red.fa-bookmark {
	color: red !important;
	border-color: grey !important;
}

p.hilight {
	background: #ff00001a;
	outline: 1px solid red;
	padding: 1em calc(1em + 5px);
	width: calc(100% - 2em - 13px);
	margin: 1px;
}

img.yt {
	position: absolute;
	bottom: 5px;
	right: 5px;
	/* opacity: 0.6; */
}

.calendericonheading {
	width: 100%;
	text-align: left;
	font-size: 0.8rem;
	color: silver;
	margin-bottom: 5px;
}

.calendericonheading i {
	margin-right: 4px;
	margin-left: 5px;
}

h3.ui-accordion-header>span:first() {
	margin-left: -0.8rem;

}

td.votetd.bookmark.active>i {
	color: red !important;
	border-color: silver !important;
}

div.swipertext {
	background: black;
	font-size: 1rem;
	width: calc(100vw - 2rem);
	padding: 1rem;
	display: none;
	color: white;
	position: absolute;
	bottom: 3em;
	text-align: center;
}

.readinghilight {
	color: lime;
	display: inline-block;
	padding: 0;
	margin: 0;
}

.closewhatsnew {
	position: fixed;
	top: 0;
	left: 0;
	width: 5em;
	height: 5em;
	z-index: 3;
	cursor: pointer;
}

.closewhatsnew i {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	aspect-ratio: 1;
	align-content: center;
	background-color: #33333382;
	border-radius: 50%;
	color: white;
	font-size: 1.3em;
	height: 1.3em;
	line-height: 1.5em;
	padding: 0.4em;
	text-align: center;
	width: 1.3em;
	z-index: 3;
	margin: 1em;
	position: relative;
	top: 1.3em;
}

.whatsnew_card-cont:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f254";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 3rem;
	opacity: 0.5;
}

.profilecovercam {
	position: absolute;
	right: 1em;
	top: 1em;
}

section.active {
	border: 1px solid red !important;
}

.page-closed {
	text-align: left;
	padding-top: 0.5em;
	padding-left: 1em;
	margin-bottom: 0;
	padding-bottom: 0.5em;
}

.page-closed:before {
	/* content: "\f078"; */
	/* font-family: 'Font Awesome 5 Free'; */
	/* font-weight: 900; */
	color: grey;
	content: attr(data-pgn) ".";
	font-size: 0.8em;
	min-width: 1.3rem;
}

.page-closed:after {
	content: attr(data-cnt);
	font-size: 0.8em;
	color: grey;
	margin-top: 3px;
	margin-bottom: -3px;
	/* right: 2em; */
	/* position: fixed; */
}

.page-open {}

.page-open:before {
	content: "\f077";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: grey;
}

.page-open>div {
	flex-grow: 2;
	margin-left: calc(-3em - -2px);
	margin-right: 1em;
}

.paraline.pagebreak.page-open {
	text-align: center;
	padding-top: 2em;
	padding-left: 1em;
	margin-right: -3em;
	margin-bottom: 2em;
	border-top: 0.5em solid black;
	margin-top: 2em;
	width: 100%;
}

.paraline.pagebreak>div.editlivefieldhashes,
.paraline.pagebreak>div.editlivefield {
	text-align: left;
	/* margin-bottom: 3em; */
	width: 80% !important;
}

.paraline.pagebreak.page-closed {}

.artviewcontainer {
	/* left: 50%; */
	max-width: 1300px;
	min-width: min(100vw, 700px);
	/* transform: translateX(-50%); */
	/* overflow-y: auto; */
	/* height: 100vh; */
	text-align: left;
}

.paraline.pagebreak>span {
	flex-grow: 1;
	border-bottom: 1px dashed grey;
	margin-top: 1em;
}

.paraline.pagebreak.page-open>span {
	display: none;
}

.container-page {
	/* border-bottom: 10px solid black; */
	/* padding-bottom: 2em; */
}

body.artview .copyright,
body.artview .action_card video,
body.artview .action_card>video[poster],
body.artview .videofooterbar {
	width: 100% !important;
}

body.artview .copyright {
	max-width: calc(100% - 20px);
}

body.artview div#appbluebar,
.bluebar {
	position: sticky;
	top: 0;
}

body.artview .result {
	position: sticky;
	bottom: 0;
}

.paraline.hilight>embed,
.paraline.hilight>video,
.paraline.hilight>video[poster] {
	width: calc(100% + 2em) !important;
	margin-left: -1em;
}

.paraline.hilight>.videofooterbar {
	width: calc(100% + 2em) !important;
	margin-left: -15px !important;
}


div.dialog button.savefield,
div.dialog button.cancelfield,
div.dialog button.resizefield {
	color: grey;
	background-color: #333;
	font-size: 1em;
	border: 2px solid grey;
	border-radius: 50%;
	width: 3.5em;
	height: 3.5em;
	padding: 1em;
	text-align: center;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	cursor: pointer;
}

div.dialog button.resizefield:hover,
div.dialog button.savefield:hover,
div.dialog button.cancelfield:hover {
	background-color: black;
}

div.dialog button.resizefield:before {
	content: "\f338";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.3em;
}

div.dialog button.savefield:before {
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.3em;
	/* background: red; */
}

div.dialog button.cancelfield:before {
	content: "\f00d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.3em;
}

div.dialog #editfieldinput {
	width: calc(100% - 1em - 6px);
	border-radius: 10px;
}

.paraline.pagebreak.dialog {
	display: inline-block;
	text-align: left;
	width: calc(100% - 2em);
}

.paraline.pagebreak.dialog span,
.paraline.pagebreak.dialog:before,
.paraline.pagebreak.dialog:after {
	display: none;
}

.paraline.pagebreak.dialog textarea {
	height: 3em;
}

.doc_alinks {
	display: inline-block;
	padding: 20px 20px 0 20px;
	width: calc(100% - 40px);
}

.paraline table.inpara {
	font-size: 0.9rem;
	color: grey;
	width: calc(100% - 2em);
}

.paraline table.inpara th.r,
.paraline table.inpara td.r {
	text-align: right;
}

.paraline table.inpara td {
	margin-bottom: 0.5em;
	border-bottom: 1px solid whitesmoke;
	vertical-align: bottom;
}

.paraline td.separator {
	text-align: center;
	background-color: whitesmoke;
	border: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#swiperoutline {
	counter-reset: p-counter;
}

#swiperoutline>p {
	font-size: 1rem;

}

#swiperoutline>p:not(:first-of-type):before {
	counter-increment: p-counter;
	content: counter(p-counter) ". ";
	min-width: 2rem;
	color: grey;
	font-size: 0.8rem;
}

#swiperoutline>p:hover:before,
#swiperoutline>p:hover>span.counter {
	color: #333 !important;
}

#swiperoutline>p>span.counter {
	font-size: 0.8rem;
	color: grey;
	margin-top: 4px;
	margin-bottom: -4px;
}

.copyrightpad{
	margin-top:-4em;
}