:root {
  --backcolor1: black;
  --backcolor2: #1c1e21;
  --backcolor3: #333;
  --backcolor4: grey;
  --toolbar: #333;
  --editborder: #333;
  --editcolor: #1c1e21;
  --votebarback: #3a3b3c;
  --textcolor1: white;
  --textcolor2: grey;
  --textcolor3: grey;
  --ismyreplycolor: silver;
  --ismyreplyback: #4a494940;
  --ismyreplyborder: #4a494970;
  --PMisnotmyreplycolor: black;
  --PMisnotmyreplyback: silver;
  --PMisnotmyreplyborder: grey;
  --isnotmyreplycolor: white;
  --isnotmyreplyback: #4a494970;
  --isnotmyreplyborder: #4a4949a0;
  --unreadcolor: white;
  --unreadback: #290000;
  --unreadborder: red;
  --backcolor3btncolor: grey;
  --backcolor3btnback: #333;
  --backcolor3border: grey;
  --redcolor: white;

  --redborder: red;
  --infocolor: white;
  --infoback: green;
  --navhicolor: white;
  --navhiback: #1e88e59c;
  --audioprogresscolor: gray;
  --audioprogresscolorhi: #0a5aa0;
  --price: white;
  --priceback: steelblue;
  --priceborder: blue;
  --pricebtn: black;
  --pricebtnback: green;
  --breadtext: white;
  --breadback: #333;
  --breadborder: grey;
  --votebarback: #333;
  /*   new names javaNamingConvension*/
  --tabBorderColor: #333;
  --tabFillColor: #2b2b2b;
  --tabTextColor: white;
  --tabTextColorInactive: grey;
  --hoverTextColor: steelblue;
  --hoverButtonTextColor: white;
  --hoverButtonFillColor: steelblue;
  --hoverButtonBorderColor: white;
  /* Navigation big div */
  --navButtonBorderColor: white;
  --navButtonFillColor: #333;
  --navButtonColor: silver;
  --navButtonHoverBorderColor: silver;
  --navButtonHoverFillColor: steelblue;
  --navButtonHoverColor: white;
  --navButtonSpanFillColor: #0000004d;
  --navButtonSpanColor: white;
  --navButtonSpanHoverFillColor: steelblue;
  --navButtonSpanHoverColor: white;
  /* Toolbutton big */
  --toolButtonBorderColor: silver;
  --toolButtonFillColor: transparent;
  --toolButtonColor: #bf1e2e;
  --toolButtonHoverBorderColor: steelblue;
  --toolButtonHoverFillColor: transparent;
  --toolButtonHoverColor: steelblue;
  --toolButtonSpanFillColor: #333;
  --toolButtonSpanColor: white;
  --toolButtonSpanHoverFillColor: steelblue;
  --toolButtonSpanHoverColor: white;
  /* Bread Crumbs */
  --breadFillColor: black;
  --breadBorderColor: silver;
  --breadCrumbColor: white;
  --breadCrumbFillColor: #333;
  --breadCrumbHoverColor: white;
  --breadCrumbHoverFillColor: steelblue;
  /* Form Tables */
  --tableBorderColor: grey;
  --tableFillColor: black;
  --tableHeaderFillColor: #333;
  --tableHeaderColor: silver;
  --tableHeaderHoverFillColor: #333;
  --tableHeaderHoverColor: silver;
  --tableBodyFillColor: transparent;
  --tableBodyColor: white;
  --tableBodyHoverFillColor: steelblue;
  --tableBodyHoverColor: white;
  --tableFooterFillColor: #333;
  --tableFooterColor: silver;
  --tableFooterHoverFillColor: #333;
  --tableFooterHoverColor: silver;
}

body {
  background-color: var(--backcolor2);
}

.landingbody {
  background-color: var(--backcolor2);
  background-image: url(/images/729857_defbackground_landing.jpg) !important;
  background-repeat: repeat;
  background-size: contain;
  background-color: var(--backcolor1);
  width: 100vw;
}

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

div.doc_title {
  color: silver;
  margin-bottom: 5px;
  margin-top: 1em;
}

.selfiepage span.name {
  color: silver;
}

span.selfie_comment {
  border: 0px;
  background-color: #3a3b3c;
}

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

article.datasection {
  background-color: var(--backcolor2);
}

#pagew .holder,
#pageh .holder {
  border-top: 1px solid black;
}

.action_card {
  border-top: 1px solid var(--backcolor3);
}

span.msgtxt {
  background-color: var(--isnotmyreplyback);
  border: 1px solid var(--isnotmyreplyborder);
  color: silver;
  margin: 1px 0px 5px 0;
}

.videofooterbar {
  /* background: black; */
}

textarea.comment {
  background-color: #3a3b3c;
}

textarea.editcommenttext {
  background-color: whitesmoke;
}

span.msgtxt.ismyreply {
  color: var(--ismyreplycolor);
  background-color: var(--ismyreplyback);
  border: 1px solid var(--ismyreplyborder);
}

table.commentbox textarea {
  background-color: #3a3b3c;
}

table.commentbox textarea:focus {
  background-color: white;
}

table.commentbox textarea::-webkit-input-placeholder {
  color: white
}

table.commentbox textarea::-ms-input-placeholder {
  color: white
}

table.commentbox textarea:-ms-input-placeholder {
  color: white
}

table.commentbox textarea::-moz-placeholder {
  color: white
}

table.commentbox textarea:-moz-placeholder {
  color: white
}

table.commentbox textarea::placeholder {
  color: white
}

table.commentbox td i {
  border-color: grey;
  background: #3a3b3c;
}

table.stats {
  color: white;
}

#ajax_msg_messages {
  border: 0px solid black;
}

table#iwapdocframe,
#ajax_msg_messages .messagescroller,
.taskcalendar,
.ui-accordion .ui-accordion-content,
.action_card {
  background-color: var(--backcolor2);
  color: white;
}

.streamitem {
  background-color: var(--backcolor3);
}

.streamitem .streammsghead {
  color: silver;
}

.streammsgcpy {
  color: silver;
}

.streammsg {
  color: white;
}

.streamitem .streammsg {
  color: white;
}

.selfie_descriptionholder.description .name {
  color: silver;
}

.btnbar {
  background-color: black;
  border: 0;
}

i.fas.fa-chevron-left.arrow-left,
i.fas.fa-chevron-right.arrow-right {
  color: white;
  border: 0;
  background: transparent;
}

.toolbarbtn {
  background: transparent;
  border: 1px solid grey;
  color: silver;
}

.aico_feed {
  border-color: black;
}

.aico_feed,
.ui-widget-content,
.boxed {
  border-color: transparent;
}

body#pagew div.holder {
  border-bottom-color: transparent;
  border-top-color: transparent;
}

.ui-accordion .ui-accordion-header {
  background-color: #3a3b3c !important;
  color: silver;
  border: 0;
}

.ui-accordion .ui-accordion-header .ui-state-active {
  background-color: #3a3b3c;
  color: white;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-accordion-header-active.ui-state-active.ui-corner-top {
  background-color: #3A3B39;
  color: white;
}

.toolcnt,
.clock {
  background-color: black;
  border-color: black;
  color: green;
}

.toolbarbtn.active {
  background-color: var(--backcolor3);
}

table#taskcalendar {
  background-color: trasparent;
}

#taskcalendar td {
  background-color: transparent !important;
  border-color: transparent !important;
}

#taskcalendar .active {
  background-color: var(--backcolor3) !important;
  border-color: #222 !important;
  color: grey;
}

#taskcalendar .active.weekendsun,
#taskcalendar .active.weekendsat {
  background-color: #222 !important;
  border-color: var(--backcolor3);
}

#taskcalendar .today {
  outline-color: white !important;
  color: white;
}

#taskcalendar th {
  color: grey;
}

a.readmore.pararm {
  /* background-color: #0a5aa0 !important; */
}

.calc-card {
  background-color: transparent !important;
  border-color: black !important;
}

.btnbarfooter {
  background-color: #3a3b3c;
  border-color: black;
}

button.digit {
  background-color: black;
}

div.igraph {
  background-color: white;
}

#iGraphGlobal {
  background-color: transparent;
  color: #290000;
}

div.branditem {}

.copyright {
  color: silver;
}

.streamitem .streampic {
  border-color: var(--backcolor4);
}

.profile_name_float {
  color: white;
}

.streamitem .avatarpic,
.selfiepage .avatar {
  /* border-color:black; */
}

nav div.navbtn.select {
  background-color: #0a5aa0;
}

.floatlanguage {
  border: 0;
}

select.goog-te-combo,
select.floatvoice {
  background-color: black !important;
  color: white !important;
  border: 0 !important;
}

select.goog-te-combo:focus,
select.floatvoice:focus {
  border: 0;
}

.msgdatebandbk {
  background-color: var(--backcolor2);
}

.msgdatebandcontent {
  background-color: var(--backcolor2) !important;
}

.wall[data-pm='1'] article.datasection {
  background-color: transparent;
}

.wall[data-pm='1'] .commline {
  background-color: var(--backcolor3);
}

.audioholder.isnotmyreply {
  /* background: red; */
}

.msghi {
  background-color: black;
}

span.msgtxt.isnotmyreply {
  color: var(--isnotmyreplycolor);
  background-color: var(--isnotmyreplyback);
  border: 1px solid var(--isnotmyreplyborder);
  margin: 3px 0px 2px 0;
  padding: 4px 10px 4px 10px;
}

table.commentbox {
  background-color: black;
}

.commentbox td i {
  color: white;
}

.holder {
  border-top-color: black;
}

.imgstars {
  content: url(/images/622818_stars_dark.png) !important;
}

table.grid_list {
  background-color: var(--backcolor2);
  border-top: 0px solid black;
  border-bottom: 0px solid black;
}

div.toolbtnbar {
  background-color: var(--backcolor3);
}

div#twittercasebtns {
  background-color: var(--backcolor3);
  border-bottom: 1px solid grey;
}

.errorpage {
  color: white;
}

.information {
  color: var(--infocolor);
  background-color: transparent;
}

table.vote_bar i {
  background: var(--backcolor3);
  border-color: grey;
}

table.vote_comm i,
table.vote_para i,
table.vote_comm i.commicons {
  background-color: var(--backcolor3btnback) !important;
  border-color: var(--backcolor3btnboder) !important;
  color: var(--backcolor3btncolor) !important;
  aspect-ratio: 1 / 1;
}

table.vote_comm i:hover,
table.vote_para i:hover {
  background-color: var(--redback);
  border-color: var(--redborder);
  color: var(--redcolor);
}

.popmbox {
  background-color: #290000;
  border: 1px solid red;
  box-shadow: 0 0 30px #290000;
}

.popm i {
  border-color: red !important;
  background-color: var(--backcolor3btnback) !important;
  border-color: var(--backcolor3btnboder) !important;
  color: var(--backcolor3btncolor) !important;
}

.popm span {
  color: white;
  background-color: #3a3b3c;
  border-color: red;
}

.saymoreplaceholer {
  background-color: #3a3b3c;
  border: 2px solid white;
}

.fcmmessage {
  background-color: #290000;
  border: 1px solid red;
  box-shadow: unset;
}

.fcmhead {
  background-color: #ff000090;
}

.fcmarticletitle {
  color: gray;
}

.fcmtitle {
  color: gray;
}

.fcmsubtitle {
  color: white;
}

.fcmimage {
  border: 1px solid white;
}

.fcmview,
.fcmclose,
.fcmmute {
  background-color: black;
  border-color: red;
}

.streammsg.ismyreply {
  border: 1px solid var(--ismyreplyborder);
  color: var(--ismyreplycolor);
  border-color: var(--ismyreplyborder);
  background-color: var(--ismyreplyback);
}

.streammsg.isnotmyreply {
  border: 1px solid var(--isnotmyreplyborder);
  color: var(--isnotmyreplycolor);
  border-color: var(--isnotmyreplyborder);
  background-color: var(--isnotmyreplyback);
}

.streammsg.unread {
  color: var(--unreadcolor);
  /* border-color: var(--unreadborder);
	background-color: var(--unreadback); */
}

.fcmsubtitle {
  color: white;
  border-radius: 4px;
  background-color: #290000;
}

.commline {
  background-color: var(--backcolor3);
}

div.swiperTimeLine {
  background-color: var(--backcolor2);
  color: var(--textcolor2);
}

div.headingmedia,
div.footermedia {
  color: silver;
}

.streamdate {
  background-color: var(--backcolor2);
  color: var(--textcolor2);
}

.traycontent>.ui-accordion>h3>.toolcnt {
  background-color: black;
}

.traycontent>.ui-accordion>h3 {
  background-color: #545658 !important;
}

.toolcnt {
  background-color: var(--backcolor1);
  color: var(--textcolor3);
}

.toolcnt:hover {
  background-color: var(--redback);
  color: var(--redcolor);
}

.contacttoolbtn {
  background-color: var(--backcolor2);
  color: var(--textcolor2) !important;
  border-color: var(--backcolor4);
}

.showstacked {
  color: silver;
  margin-top: 10px;
  margin-right: 0;
}

.scrolltotop {
  background-color: var(--redback);
  color: var(--redcolor);
  opacity: 0.5;
}

.cells>section {
  border-color: var(--backcolor4);
}

.t2sReaderButton:before {
  background-color: var(--backcolor3btnback) !important;
  border-color: var(--backcolor3btnboder) !important;
  color: var(--backcolor3btncolor);
}

.t2sReaderButton {
  border-color: var(--backcolor3btnboder) !important;
  color: var(--backcolor3btncolor) !important;
  background-color: var(--backcolor2);
}

span.hashtag1 {
  background-color: black;
  border-color: var(--backcolor3btnboder);
  color: var(--backcolor3btncolor)
}

.editlivefield:hover {
  outline-color: var(--redborder) !important;
  border: 0;
  outline-width: 1px;
  outline-style: solid;
  cursor: text;
}

div.paypaldonate,
div.externalurl,
div.visitexternal {
  background-color: var(--backcolor2);
  color: grey;
  border-color: grey;
}

div.externalurl,
div.visitexternal {
  background-color: var(--backcolor2) !important;
  color: white;
}

#doBriefcaseLink {
  /* background-color: #333; */
}

.fullwidth.hilight>.pararate:before {
  background-color: var(--backcolor3btnback);
}

.fullwidth.hilight {
  background-color: var(--backcolor3);
}

.paraline.hilight .remainingchars {
  background-color: transparent;
  color: white;
}

.commcontent>.subcomment:before {
  background-color: #333;
  border-bottom-color: #444;
}

.commcontent>.subcomment {
  background-color: #444;
}

.commcontent>.subcomment>.commline,
.commcontent>.subsubcomment>.commline {
  background-color: #444;
}

table.vote_comm i.btnClick,
table.vote_para i.btnClick,
table.vote_comm i.commicons.btnClick {
  color: var(--navhicolor) !important;
  background-color: var(--navhiback) !important;
}

.commline table.commentbox {
  /* background-color: grey; */
}

.tempcomment:before {
  /* border-bottom-color: grey;
    left: 20px; */
}

div.commline i:hover:before {
  color: var(--redborder);
}

div.commline:hover i:hover,
.votetd i:hover {
  border-color: var(--redborder);
}

.replyingtocomm {
  border-color: var(--redborder);
}

table.commentbox.tempcomment {
  margin-left: -7px;
  width: calc(100% - -15px);
}

.commplaceholder {
  margin-left: -10px !important;
  width: calc(100vw - 20px) !important;
  margin-bottom: 3px;
  height: 170px;
}

a.externalurl:active,
a.externalurl:visited,
a.externalurl:link,
a.externalurl:hover {
  background: transparent;
}

.notifydate {
  background-color: var(--backcolor2);
  border-color: var(--backcolor3border);
  color: var(--textcolor1);
}

.notifydate .btn {
  color: var(--backcolor3btn);
  background-color: var(--backcolor3btnback);
  border-color: var(--backcolor3border);
}

.notifydate input {
  background-color: var(--backcolor1);
  color: white;
}

.notifydate input::-webkit-calendar-picker-indicator {
  filter: invert(100%);
}

#taskcalendar .dayhastasks {
  outline-color: var(--redborder) !important;
}

#findtextdlg {
  background-color: var(--backcolor1);
}

#findtextdlg input {
  background-color: #3a3b3c;
  color: white;
}

#findtextdlg i {
  border-color: white;
  background: #3a3b3c;
  color: white;
}

span.findtextlo {
  background-color: #ffff006b;
}

#appbluebar.aico_feed,
.aico_feed,
.ui-accordion .ui-accordion-header,
.aico_swiper,
.aico_swiper {
  background-color: var(--backcolor3) !important;
}

.btnClick {
  color: var(--navhicolor) !important;
  background-color: var(--navhiback) !important;
}

.hashtagscroll {
  background: var(--backcolor1);
}

.dohashtags textarea:focus {
  background: white;
  color: black;
}

span.findtextlo {
  background-color: #ffff006b !important;
}

.paraline.pagebreak {
  /* box-shadow: 0 9px 10px -7px black; */
}

.paraline.hilight {
  background-color: var(--redback);
  /* border: 1px solid var(--redborder); */
}

.searchsection .title {
  color: white;
}

body.notifypm span.msgtxt.isnotmyreply {
  color: var(--PMisnotmyreplycolor);
  background-color: var(--PMisnotmyreplyback);
  border: 1px solid var(--PMisnotmyreplyborder);
}

.copyrightpad,
.footersection {
  background-color: var(--backcolor2)
}

nav div.navbtn:hover,
.nativeapp:hover {
  color: var(--navhicolor);
  background-color: var(--navhiback);
}

#firebaseui-auth-container {
  background-color: var(--backcolor2);
}

nav i.fas.fa-chevron-left,
nav i.fas.fa-chevron-right {
  background-color: black;
}

input#searchusr {
  width: 200px;
  padding-left: 23px;
  padding-right: 23px;
  line-height: 2em;
  background-color: transparent;
  color: white;
  border: 1px solid silver;
}

body#pageletter table.vote_comm i,
body#pageletter table.vote_para i,
body#pageletter table.vote_comm i.commicons {
  background-color: unset !important;
}

body#pageletter table.vote_comm i:hover,
body#pageletter table.vote_para i:hover {
  background-color: grey;
}

a.a2h>div.externalurl {
  background-color: var(--backcolor2) !important;
  color: grey !important;
}

#taskcalendar .on {
  background-color: var(--navhiback) !important;
  color: var(--navhicolor) !important;
}

#accordion_language select,
#searchinput,
#searchBook,
#searchChapter,
#searchChapterLine,
#searchChapterLine1,
#searchRated {
  color: grey !important;
  background-color: black !important;
  border-color: grey !important;
}

.searchbtn {
  background: black;
  color: white;
  border-color: white;
}

.trayrelatedarticles .streammsgcpy {
  color: grey;
}

.trayrelatedarticles .streamtitle,
.trayrelatedarticles .streammsg {
  color: silver;
}

.form form {
  box-shadow: unset;
  background-color: var(--backcolor2);
  color: white;
}

.formcontent .bigtoolbar,
.formcontent .toolbar,
.formcontent .footerbar {
  background-color: var(--backcolor3);
  border-color: black;
}

.formcontent .bigtoolbar button,
.formcontent .toolbar button {
  background-color: var(--backcolor1);
  color: silver;
  border-color: gray;
}

.formcontent input,
.formcontent select,
.formcontent textarea {
  color: silver;
  outline-color: var(--backcolor3);
}

.formcontent input:hover~span,
.formcontent select:hover~span,
.formcontent textarea:hover~span {
  color: white;
}

.formfield input:hover,
.formfield select:hover,
.formfield textarea:hover {
  outline-color: deepskyblue;
}

.formfield input:hover~span,
.formfield select:hover~span,
.formfield textarea:hover~span {
  color: black
}

.formfield input:focus :not(.fielderror),
.formfield select:focus :not(.fielderror),
.formfield textarea:focus :not(.fielderror) {
  outline-bottom: 1px solid deepskyblue;
  color: black;
  background-color: white;
}

.formcontent fieldset {
  border-color: var(--backcolor3);
}

.formfield input:hover~span,
.formfield select:hover~span,
.formfield textarea:hover~span {
  color: white
}

.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 {
  color: grey;
}

table#iwapdocframe {
  /* margin-left: -200px; */
}

table#iwapdocframe {
  outline: 0;
}

.profilegridbtn {
  background-color: transparent;
  border-color: grey;
}

.twobutton {
  color: grey;
}