:root {
  --audiocolor: silver;
  --audiocolorhi: white;
  --audioprogresscolor: #0a5aa0;
  --audioprogresscolorhi: red;
  --backcolor1: black;
  --backcolor2: #1c1e21;
  --backcolor3: #333;
  --backcolor3btncolor: grey;
  --backcolor3btnback: #333;
  --backcolor3border: grey;
  --backcolor4: grey;
  --backcolorappbar: #1b609c;
  --breadback: black;
  --breadborder: gray;
  --breadtext: white;
  --btnhoverborder: silver;
  --btnhovercolor: dodgerblue;
  --btnhovertextcolor: black;
  --color3: grey;
  --editborder: #333;
  --editcolor: #1c1e21;
  --fielderror: white;
  --fielderrorback: red;
  --fielderrorborder: black;
  --hibtncolor: #1b609c;
  --hover: white;
  --hoverback: steelblue;
  --infoback: green;
  --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: #290000;
  --redborder: red;
  --redcolor: white;
  --textcolor1: white;
  --textcolor2: silver;
  --textcolor3: grey;
  --toolbar: #333;
  --unreadback: #290000;
  --unreadborder: red;
  --unreadcolor: white;
  --visitcolor: #0a5aa0;
  --votebarback: #3a3b3c;
  /*   new names javaNamingConvension*/
  --hoverButtonBorderColor: white;
  --hoverButtonFillColor: steelblue;
  --hoverButtonTextColor: white;
  --hoverTextColor: steelblue;
  --tabBorderColor: #333;
  --tabFillColor: #2b2b2b;
  --tabTextColor: white;
  --tabTextColorInactive: grey;
  /* Navigation big div */
  --fileFillColor: black;
  --formColor: white;
  --navButtonBorderColor: white;
  --navButtonColor: silver;
  --navButtonFillColor: #333;
  --navButtonHoverBorderColor: silver;
  --navButtonHoverColor: white;
  --navButtonHoverFillColor: steelblue;
  --navButtonSpanColor: white;
  --navButtonSpanFillColor: #0000004d;
  --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: transparent;
  --toolButtonHoverBorderColor: steelblue;
  --toolButtonHoverColor: steelblue;
  --toolButtonHoverFillColor: transparent;
  --toolButtonSpanColor: white;
  --toolButtonSpanFillColor: #333;
  --toolButtonSpanHoverColor: white;
  --toolButtonSpanHoverFillColor: steelblue;
  /* Bread Crumbs */
  --breadBorderColor: silver;
  --breadCrumbColor: white;
  --breadCrumbFillColor: #333;
  --breadCrumbHoverColor: white;
  --breadCrumbHoverFillColor: steelblue;
  --breadFillColor: black;
  /* Form Tables */
  --tableBodyColor:white;
  --tableBodyFillColor:transparent;
  --tableBodyHoverColor:white;
  --tableBodyHoverFillColor: #4682b433;
  --tableBorderColor:grey;
  --tableFillColor: #1c1e21;
  --tableFooterColor:silver;
  --tableFooterFillColor:#333;
  --tableFooterHoverColor:silver;
  --tableFooterHoverFillColor:#333;
  --tableHeaderColor:silver;
  --tableHeaderFillColor:#333;
  --tableHeaderHoverColor:silver;
  --tableHeaderHoverFillColor:#333;
  --tableSeperatorBorderColor: silver;
  --tableSeperatorColor: steelblue;
  --tableSeperatorFillColor: black;
}

body {
  background-color: black;
}

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

div.doc_title {
  color: white;
}

.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);
  padding: 4px 10px 4px 10px;
}

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

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: white;
  background: #3a3b3c;
}

table.stats {
  color: white;
}

#ajax_msg_messages {
  border: 1px 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;
}

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: black;
}

body#pagew div.holder {
  border-bottom-color: var(--backcolor2);
  border-top-color: black;
}

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

.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 {
  border-color: red !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: #ffffff85;
}

#iGraphGlobal {
  background-color: transparent;
}

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

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 {
  background-color: black;
}

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

select.goog-te-combo {
  background: black;
  color: white;
}

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

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

#accordion_language select {
  background-color: black;
  color: white;
}

.wall[data-pm='1'] article.datasection {
  background-color: var(--backcolor2);
}

.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);
}

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: white;
  background-color: #1f88e5;
}

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;
}

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;
}

.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);
}

.streampic {
  right: 8px;
  top: 8px;
}

div.swiperTimeLine {
  padding: 10px;
  background-color: var(--backcolor2);
  color: var(--textcolor2);
  width: calc(100vw - 20px);
}

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);
  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 {
  border-color: var(--redborder) !important;
}

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

.btnread, .btnlanguage, .btnvoice, .loadmorelm, .btnoption {
  border-color: grey;
}

#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;
}

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

.subcomment {
  background-color: #444;
  margin-right: -10px;
  padding-right: 11px;
}

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

table.vote_comm i.btnClick, table.vote_para i.btnClick, table.vote_comm i.commicons.btnClick {
  color: white !important;
  background-color: mediumslateblue !important;
}


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);
  margin-top: -1px;
  padding-left: 7px;
}

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

.hashtagscroll {
  background-color: transparent;
}

#taskcalendar .dayhastasks {
  outline-color: silver !important;
}

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

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

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

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

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

.header p.para {
  color: white;
}

.searchsection .title {
  color: white;
}

.paraline.hilight {
  background-color: black;
  border: 1px solid red;
}

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

.form form {
  box-shadow: unset;
  background-color: var(--formFillColor);
  color: var(--formColor);
}

.croptoolbtn, .croptoolbtn1 {
  background-color: var(--backcolor3);
}

.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);
  background: var(--backcolor1);
  border: 0;
  outline: 1px solid var(--backcolor3);
}

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

.formfield input:hover, .formfield select:hover, #productholder select:hover {
  outline-color: var(--hoverback);
}

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

.formfield input:focus, .formfield select:focus, #productholder select:focus {
  outline-bottom: 1px solid var(--hoverback);
  color: unset;
}

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

.nativeapp {
  background-color: black;
  color: gray;
  border-color: gray;
}

.formfield input:hover~span, .formfield select:hover~span {
  color: var(--hover);
}

#accordion_language select, #searchinput, #searchBook, #searchChapter, #searchChapterLine, #searchChapterLine1 {
  background-color: var(--backcolor1) !important;
  outline: 1px solid var(--backcolor3);
  border: 0 !important;
}

#productholder section:hover i {
  color: var(--hover);
}

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

.hilight {
    background-color: var(--navButtonHoverFillColor) !important;
    color: var(--navButtonHoverColor) !important;
}

table.calendar td.weekend, table.calendarkey td.weekend {
    background-color: var(--backcolor2);
}

table.calendar td.hilight{
  border: 2px solid var(--navButtonHoverFillColor);
  background-color:  transparent !important;
}

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